refactor: Declare default CSS symbol colors under :host as well

ElementalWarrior · web-flow · commit 3b9dba2709a8 · 2024-10-10T23:02:10.000+02:00
This is apparently needed when the docs are served under a shadow DOM (for example, Backstage seems to do this, and `:root` variables aren't picked up). See https://developer.mozilla.org/en-US/docs/Web/CSS/:host. PR-186: mkdocstrings#186
diff --git a/src/mkdocstrings_handlers/python/templates/material/style.css b/src/mkdocstrings_handlers/python/templates/material/style.css
@@ -31,7 +31,7 @@
 }
 
 /* Symbols in Navigation and ToC. */
-:root,
+:root, :host,
 [data-md-color-scheme="default"] {
   --doc-symbol-attribute-fg-color: #953800;
   --doc-symbol-function-fg-color: #8250df;

Original file line number	Diff line number	Diff line change
`@@ -31,7 +31,7 @@`
`31`	`31`	`}`
`32`	`32`
`33`	`33`	`/* Symbols in Navigation and ToC. */`
`34`		`-:root,`
	`34`	`+:root, :host,`
`35`	`35`	`[data-md-color-scheme="default"] {`
`36`	`36`	`--doc-symbol-attribute-fg-color: #953800;`
`37`	`37`	`--doc-symbol-function-fg-color: #8250df;`