From 1585232b26b3ee5f5af15ba64d35d9fef991c2cf Mon Sep 17 00:00:00 2001 From: 0neGal Date: Mon, 27 Dec 2021 17:51:14 +0100 Subject: 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... --- src/app/main.css | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) 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 { -- cgit v1.2.3