How to make a dark theme?

W

waltaki2021-07-22 04:50:22

Angular

waltaki, 2021-07-22 04:50:22

Hello.

I have 2 files _variables.dark.scss and _variables.light.scss. And now I can only change the theme by changing the import path.

// _variables.dark.scss
$gray-100: 					#1b1b29 !default;
$gray-200: 					#2b2b40 !default;

// _variables.light.scss
$gray-100: 					#F3F6F9 !default;
$gray-200: 					#EBEDF3 !default;

How can I do, for example, for the html.dark or html.light tag, so that the theme does not change depending on the class? <html>

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

I

iBird Rose, 2021-07-22
@iiiBird

use normal css variables for this, not scss
snippet