2024-03-26 18:00:05 -04:00
|
|
|
:root {
|
2024-03-27 21:53:04 -04:00
|
|
|
--background-color-light: #f4e8e9;
|
|
|
|
|
--text-color-light: #333;
|
|
|
|
|
--link-color-light: #d291bc;
|
|
|
|
|
--container-bg-light: #fff7f8;
|
|
|
|
|
|
|
|
|
|
--background-color-dark: #333;
|
|
|
|
|
--text-color-dark: #f4e8e9;
|
|
|
|
|
--link-color-dark: #b86b77;
|
|
|
|
|
--container-bg-dark: #424242;
|
2024-03-26 18:00:05 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
[data-theme="DARK"] {
|
2024-03-27 21:53:04 -04:00
|
|
|
--background-color: var(--background-color-dark);
|
|
|
|
|
--text-color: var(--text-color-dark);
|
|
|
|
|
--link-color: var(--link-color-dark);
|
|
|
|
|
--container-bg: var(--container-bg-dark);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
[data-theme="LIGHT"] {
|
|
|
|
|
--background-color: var(--background-color-light);
|
|
|
|
|
--text-color: var(--text-color-light);
|
|
|
|
|
--link-color: var(--link-color-light);
|
|
|
|
|
--container-bg: var(--container-bg-light);
|
2024-03-26 18:00:05 -04:00
|
|
|
}
|
