Improve colours for sphinx-inline-tabs

pradyunsg · Jan 2, 2022 · 1c8bfeb · 1c8bfeb
1 parent 5d95e86
commit 1c8bfeb
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/src/furo/assets/styles/extensions/_sphinx-inline-tabs.sass b/src/furo/assets/styles/extensions/_sphinx-inline-tabs.sass
@@ -2,8 +2,17 @@
 
 body
   --tabs--label-text: var(--color-foreground-muted)
+  --tabs--label-text--hover: var(--color-foreground-muted)
   --tabs--label-text--active: var(--color-brand-content)
-  --tabs--label-text--hover: var(--color-brand-content)
+  --tabs--label-text--active--hover: var(--color-brand-content)
+  --tabs--label-background: transparent
+  --tabs--label-background--hover: transparent
   --tabs--label-background--active: transparent
-  --tabs--label-background--hover: var(--color-background-secondary)
+  --tabs--label-background--active--hover: transparent
+  --tabs--padding-x: 0.25em
+  --tabs--margin-x: 1em
   --tabs--border: var(--color-background-border)
+  --tabs--label-border: transparent
+  --tabs--label-border--hover: var(--color-background-secondary)
+  --tabs--label-border--active: var(--color-brand-content)
+  --tabs--label-border--active--hover: var(--color-brand-content)