Separate SASS-variables for colors based on theme (light/dark)
MODIFY
resources/assets/sass/app.scss
resources/assets/sass/app.scss
body {
&.theme-light {
- background: $colors-background;
+ background: $colors-light-background;
}
&.theme-dark {
- background: #202225;
+ background: $colors-dark-background;
}
}

MODIFY
resources/assets/sass/components/box.scss
resources/assets/sass/components/box.scss
}
&.box__section--highlight {
- background: $colors-background;
+ background: $colors-light-background;
}
}

MODIFY
resources/assets/sass/variables/colors.scss
resources/assets/sass/variables/colors.scss
-$colors-background: #F8F9FB;
+$colors-light-background: #F8F9FB;
+$colors-dark-background: #202225;
+
$colors-border: #E4E8EB;
$colors-text: #758193;

Separate SASS-variables for colors based on theme (light/dark)