-
I've implemented the color palette toggle on my site, but I noticed that the [data-md-color-scheme="slate"] {
...
} The bold fonts in the [data-md-color-scheme="slate"] {
...
}
strong, .md-nav__title, h2, h3, h4 {
color: rgba(255, 255, 255, 0.87);
} What's the problem? My question |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment
-
I figured it out. I just had to use css child selector pattern [data-md-color-scheme="slate"] {
/* variables go in here*/
}
[data-md-color-scheme="slate"] strong, [data-md-color-scheme="slate"] .md-nav__title, [data-md-color-scheme="slate"] h2, [data-md-color-scheme="slate"] h3, [data-md-color-scheme="slate"] h4 {
color: rgba(255, 255, 255, 0.87);
} |
Beta Was this translation helpful? Give feedback.
I figured it out. I just had to use css child selector pattern