svg with color-scheme: dark light, automatic BUT BACKGROUND!
Hi, I have this website https://goetzeiscool.github.io/presernove-poezije/.
color-scheme: dark light; is used, so I don't have to set any variables for colors.
with the svg-s (for bottom navigation) having
svg path{
fill:currentColor
}
the svg-s also change color, which is what I want!
However!!!! The problem:
I want the transparent parts of the svg-s to have the opposite color of fill:currentColor, meaning that when the font/svg is white, the background should be the opposite color, black; and vice versa, which is based on hte color-scheme
color-scheme: dark light; is used, so I don't have to set any variables for colors.
with the svg-s (for bottom navigation) having
svg path{
fill:currentColor
}
the svg-s also change color, which is what I want!
However!!!! The problem:
I want the transparent parts of the svg-s to have the opposite color of fill:currentColor, meaning that when the font/svg is white, the background should be the opposite color, black; and vice versa, which is based on hte color-scheme
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
