forked/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2026-03-03 14:21:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

More dark theme styles for visits page

Browse Source
This commit is contained in:
Alejandro Celaya
2021-02-19 20:18:02 +01:00
parent 61af43f9d9
commit d6633f7555
8 changed files with 39 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/theme/theme.scss
View File

@@ -12,6 +12,7 @@ $lightBrandColor: $mainColor;
$lightInputColor: $lightPrimaryColor;
$lightDisabledInputColor: $lightColor;
$lightBorderInputColor: rgba(0, 0, 0, .19);
$lightTableHighlightColor: rgba(0, 0, 0, .075);
// Dark theme colors
$darkPrimaryColor: #161b22;
@@ -25,6 +26,7 @@ $darkBrandColor: #0b2d4e;
$darkInputColor: darken($darkPrimaryColor, 2%);
$darkDisabledInputColor: lighten($darkPrimaryColor, 2%);
$darkBorderInputColor: rgba(0, 0, 0, .3);
$darkTableHighlightColor: $darkBorderColor;
html:not([data-theme='dark']) {
--primary-color: #{$lightPrimaryColor};
@@ -38,6 +40,7 @@ html:not([data-theme='dark']) {
--input-disabled-color: #{$lightDisabledInputColor};
--input-border-color: #{$lightBorderInputColor};
--table-border-color: #{$lightTableBorderColor};
--table-highlight-color: #{$lightTableHighlightColor};
}
html[data-theme='dark'] {
@@ -52,4 +55,5 @@ html[data-theme='dark'] {
--input-disabled-color: #{$darkDisabledInputColor};
--input-border-color: #{$darkBorderInputColor};
--table-border-color: #{$darkTableBorderColor};
--table-highlight-color: #{$darkTableHighlightColor};
}