From b69c11d8efdb517c043eb85cc1eb9987748d88a0 Mon Sep 17 00:00:00 2001
From: Sebastian Golebiewski <sebastianx.golebiewski@intel.com>
Date: Wed, 14 Jun 2023 13:03:59 +0200
Subject: [PATCH] [DOCS] Restyling tabs

---
 docs/_static/css/custom.css | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/docs/_static/css/custom.css b/docs/_static/css/custom.css
index 991092eab7b..2a5bc5d9639 100644
--- a/docs/_static/css/custom.css
+++ b/docs/_static/css/custom.css
@@ -21,7 +21,40 @@ pre {
     white-space: pre-wrap;
     word-wrap: break-word;
 }
+/* Sphinx-design tabs override */
 
+.sd-tab-set>input:checked+label {
+    border-color: var(--sd-color-tabs-underline-inactive);
+    color: var(--sd-color-info-text);
+    background-color: rgb(0 104 181)!important;
+}
+.sd-tab-set>input:checked+label:hover {
+    color: --sd-color-info-text;
+    background-color: rgb(0,74,134)!important;
+}
+.sd-tab-set>input:not(:checked)+label:hover {
+    color: var(--sd-color-black)!important;
+    background-color: rgb(245, 245, 245)!important;
+    border-color: var(--sd-color-card-header)!important;
+}
+.sd-tab-set>label {
+    border-bottom: 0.125rem solid transparent;
+    margin-right: 10px!important;
+    margin-bottom: 8px;
+    color: var(--sd-color-black)!important;
+    border-color: var(--sd-color-tabs-underline-inactive);
+    cursor: pointer;
+    font-size: var(--sd-fontsize-tabs-label);
+    font-weight: 400!important;
+    padding: 5px 16px 2px!important;
+    transition: color 250ms;
+    width: auto;
+    z-index: 1;
+}
+.sd-tab-content {
+    box-shadow:none!important;
+    border-top: solid 2px var(--sd-color-tabs-overline)!important;
+}
 
 /* Navigation panels override */
 /* =================================================== */