mirrors/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2024-12-23 17:40:23 +03:00
Code Issues Projects Releases Packages Wiki Activity

Added proper color-schema to root element based on selected theme

Browse source
This commit is contained in:
Alejandro Celaya 2022-06-12 20:18:31 +02:00
parent bcd3fa8ce4
commit 1dd6a8e2e4
2 changed files with 3 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/index.scss
View file

@ -13,6 +13,7 @@
:root { :root {
scroll-behavior: auto; scroll-behavior: auto;
color-scheme: var(--color-scheme);
} }
html, html,

2
src/theme/theme.scss
View file

@ -31,6 +31,7 @@ $darkBorderInputColor: $darkBorderColor;
$darkTableHighlightColor: $darkBorderColor; $darkTableHighlightColor: $darkBorderColor;
html:not([data-theme='dark']) { html:not([data-theme='dark']) {
--color-scheme: initial;
--primary-color: #{$lightPrimaryColor}; --primary-color: #{$lightPrimaryColor};
--primary-color-alfa: #{$lightPrimaryColorAlfa}; --primary-color-alfa: #{$lightPrimaryColorAlfa};
--secondary-color: #{$lightSecondaryColor}; --secondary-color: #{$lightSecondaryColor};
@ -48,6 +49,7 @@ html:not([data-theme='dark']) {
} }
html[data-theme='dark'] { html[data-theme='dark'] {
--color-scheme: dark;
--primary-color: #{$darkPrimaryColor}; --primary-color: #{$darkPrimaryColor};
--primary-color-alfa: #{$darkPrimaryColorAlfa}; --primary-color-alfa: #{$darkPrimaryColorAlfa};
--secondary-color: #{$darkSecondaryColor}; --secondary-color: #{$darkSecondaryColor};