fix: update switcher color according to sidebar (#880)

12rambau · web-flow · commit 51219fe32ad6 · 2022-08-18T08:00:57.000+02:00
diff --git a/src/pydata_sphinx_theme/assets/styles/components/_switcher-theme.scss b/src/pydata_sphinx_theme/assets/styles/components/_switcher-theme.scss
@@ -29,6 +29,17 @@
   }
 }
 
+// specific border color when the button is nested in the navbar
+// as it's color is different from the header
+.bd-sidebar-primary .theme-switch-button {
+  border-color: var(--pst-color-background);
+
+  &:hover,
+  &:active {
+    border-color: var(--pst-color-background) !important;
+  }
+}
+
 html[data-mode="auto"] .theme-switch-button a[data-mode="auto"] {
   display: flex;
 }

Original file line number	Diff line number	Diff line change
`@@ -29,6 +29,17 @@`
`29`	`29`	`}`
`30`	`30`	`}`
`31`	`31`
	`32`	`+// specific border color when the button is nested in the navbar`
	`33`	`+// as it's color is different from the header`
	`34`	`+.bd-sidebar-primary .theme-switch-button {`
	`35`	`+ border-color: var(--pst-color-background);`
	`36`	`+`
	`37`	`+ &:hover,`
	`38`	`+ &:active {`
	`39`	`+ border-color: var(--pst-color-background) !important;`
	`40`	`+ }`
	`41`	`+}`
	`42`	`+`
`32`	`43`	`html[data-mode="auto"] .theme-switch-button a[data-mode="auto"] {`
`33`	`44`	`display: flex;`
`34`	`45`	`}`