mirror of
https://github.com/shlinkio/shlink-web-client.git
synced 2024-12-23 09:30:31 +03:00
Added proper color-schema to root element based on selected theme
This commit is contained in:
parent
bcd3fa8ce4
commit
1dd6a8e2e4
2 changed files with 3 additions and 0 deletions
|
@ -13,6 +13,7 @@
|
|||
|
||||
:root {
|
||||
scroll-behavior: auto;
|
||||
color-scheme: var(--color-scheme);
|
||||
}
|
||||
|
||||
html,
|
||||
|
|
|
@ -31,6 +31,7 @@ $darkBorderInputColor: $darkBorderColor;
|
|||
$darkTableHighlightColor: $darkBorderColor;
|
||||
|
||||
html:not([data-theme='dark']) {
|
||||
--color-scheme: initial;
|
||||
--primary-color: #{$lightPrimaryColor};
|
||||
--primary-color-alfa: #{$lightPrimaryColorAlfa};
|
||||
--secondary-color: #{$lightSecondaryColor};
|
||||
|
@ -48,6 +49,7 @@ html:not([data-theme='dark']) {
|
|||
}
|
||||
|
||||
html[data-theme='dark'] {
|
||||
--color-scheme: dark;
|
||||
--primary-color: #{$darkPrimaryColor};
|
||||
--primary-color-alfa: #{$darkPrimaryColorAlfa};
|
||||
--secondary-color: #{$darkSecondaryColor};
|
||||
|
|
Loading…
Reference in a new issue