diff options
| author | 0neGal <mail@0negal.com> | 2021-12-27 17:51:14 +0100 |
|---|---|---|
| committer | 0neGal <mail@0negal.com> | 2021-12-27 17:51:14 +0100 |
| commit | 1585232b26b3ee5f5af15ba64d35d9fef991c2cf (patch) | |
| tree | 47b4b51039709970128bfd30a60023b5ceda01ce | |
| parent | 7bf0b8a2f67009a6347daa587bf39995ac7700da (diff) | |
| download | Viper-1585232b26b3ee5f5af15ba64d35d9fef991c2cf.tar.gz Viper-1585232b26b3ee5f5af15ba64d35d9fef991c2cf.zip | |
added light mode, the superior mode
This uses your system appearance to figure out which one to use. Meaning
the people with dark mode enabled on Windows or through their GTK/QT
theme will still see dark mode...
| -rw-r--r-- | src/app/main.css | 14 |
1 files changed, 13 insertions, 1 deletions
diff --git a/src/app/main.css b/src/app/main.css index 497050d..854c47a 100644 --- a/src/app/main.css +++ b/src/app/main.css @@ -1,6 +1,15 @@ :root { --background: #4C515B; --foreground: #DDE2EB; + --btnforeground: var(--foreground); +} + +@media (prefers-color-scheme: light) { + :root { + --background: #FFFFFF; + --foreground: #4C566A; + --btnforeground: var(--background); + } } @font-face { @@ -37,7 +46,10 @@ button, .text { transition: 0.2s ease-in-out; } -button {-webkit-app-region: no-drag;} +button { + color: var(--btnforeground); + -webkit-app-region: no-drag; +} button:hover {opacity: 0.9} button:active { |