- &.style1 { .logo { strong { color: _palette(accent1); } } }\r
- &.style2 { .logo { strong { color: _palette(accent2); } } }\r
- &.style3 { .logo { strong { color: _palette(accent3); } } }\r
- &.style4 { .logo { strong { color: _palette(accent4); } } }\r
- &.style5 { .logo { strong { color: _palette(accent5); } } }\r
- &.style6 { .logo { strong { color: _palette(accent6); } } }\r
+ &.style1 { .logo { strong { color: _palette_light(accent1); } } }\r
+ &.style2 { .logo { strong { color: _palette_light(accent2); } } }\r
+ &.style3 { .logo { strong { color: _palette_light(accent3); } } }\r
+ &.style4 { .logo { strong { color: _palette_light(accent4); } } }\r
+ &.style5 { .logo { strong { color: _palette_light(accent5); } } }\r
+ &.style6 { .logo { strong { color: _palette_light(accent6); } } }\r
+ @media screen and (prefers-color-scheme: dark) {\r
+ &.style1 { .logo { strong { color: _palette_dark(accent1); } } }\r
+ &.style2 { .logo { strong { color: _palette_dark(accent2); } } }\r
+ &.style3 { .logo { strong { color: _palette_dark(accent3); } } }\r
+ &.style4 { .logo { strong { color: _palette_dark(accent4); } } }\r
+ &.style5 { .logo { strong { color: _palette_dark(accent5); } } }\r
+ &.style6 { .logo { strong { color: _palette_dark(accent6); } } }\r
+ }\r