From a4faa9dd1a571778f986db579130928169c64358 Mon Sep 17 00:00:00 2001 From: HorizonCode Date: Tue, 9 Jan 2024 14:49:22 +0100 Subject: [PATCH] add proper dark/light mode --- public/index.html | 32 +++++++++++++------------ src/App.svelte | 60 +++++++++++++++++++++++++++++------------------ src/app.pcss | 22 +++++++++++++++++ 3 files changed, 76 insertions(+), 38 deletions(-) diff --git a/public/index.html b/public/index.html index a99dd03..6e6ebb1 100644 --- a/public/index.html +++ b/public/index.html @@ -1,20 +1,22 @@ - - - - + + + + - EZPPLauncher - - - - - - + EZPPLauncher + + + + + + - - + + - - + diff --git a/src/App.svelte b/src/App.svelte index db4643e..363ae74 100644 --- a/src/App.svelte +++ b/src/App.svelte @@ -5,18 +5,28 @@ DropdownItem, DropdownHeader, DropdownDivider, + Button, + Checkbox, + DarkMode, + Progressbar, } from "flowbite-svelte"; import ezppLogo from "../public/favicon.png"; + + let patch = true; + let rand = 0;
- - EZPPLauncher + EZPPFarm Logo + EZPPLauncher
-
+
+ @@ -29,23 +39,41 @@ > Profile Settings Sign out
-
-
+
+
+ + + Patching {patch ? "enabled" : "disabled"} + + +
diff --git a/src/app.pcss b/src/app.pcss index f015504..0884375 100644 --- a/src/app.pcss +++ b/src/app.pcss @@ -6,3 +6,25 @@ * { font-family: "Prompt"; } + +html .cet-titlebar { + background-color: #ececec !important; + color: #202020 !important; +} + +html.dark .cet-titlebar { + background-color: #202020 !important; + color: #ececec !important; +} + +html .cet-titlebar .cet-control-icon svg { + fill: #000; +} + +html.dark .cet-titlebar .cet-control-icon svg { + fill: #fff; +} + +.cet-titlebar .cet-icon { + display: none; +}