Commitdfcd477

committed

fix: dark mode issues with SVG

1 parent331255b commitdfcd477Copy full SHA for dfcd477

File tree

+16

-2

lines changed

+16

-2

lines changed

Lines changed: 15 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -377,10 +377,17 @@ header h1 {`
`377`	`377`	`}`
`378`	`378`
`379`	`379`	`/** The site logo */`
`380`		`-[data-theme="dark"] .navbarimg {`
	`380`	`+/*[data-theme="dark"] .navbar img {`
`381`	`381`	`filter: invert(1);`
	`382`	`+} */`
	`383`	`+`
	`384`	`+/* Weird bug in Safari: it automatically inverts SVG images. By setting`
	`385`	`+a filter with a very small value, we can prevent this. */`
	`386`	`+[data-theme="dark"]headerimg[src$=".svg"] {`
	`387`	`+filter:invert(0.001);`
`382`	`388`	`}`
`383`	`389`
	`390`	`+`
`384`	`391`	`[data-theme="dark"] .navbar__link:hover,`
`385`	`392`	`[data-theme="dark"] .navbar__link--active {`
`386`	`393`	`--ifm-navbar-link-hover-color:var(--link-color);`
`@@ -547,3 +554,10 @@ nav.hidden h1, nav.hidden h2, nav.hidden h3 {`
`547`	`554`	`font-size:0;`
`548`	`555`	`line-height:0;`
`549`	`556`	`}`
	`557`	`+`
	`558`	`+`
	`559`	`+/* Docusaurus default style sets the html,body to 100% height, which is not what we want */`
	`560`	`+html,body {`
	`561`	`+height: auto!important;`
	`562`	`+min-height:100%;`
	`563`	`+}`

660 Bytes

Binary file not shown.

1.59 KB

Binary file not shown.

Comments

(0)