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