dark mode support

src/components/server.rs

@@ -1,7 +1,7 @@
 use crate::components::ProgressBar;
 use dioxus::prelude::*;
 
-const SERVER_CSS: Asset = asset!("/assets/server.css");
+const SERVER_CSS: Asset = asset!("/assets/styles/server.css");
 
 #[derive(Debug, Clone, PartialEq, Eq)]
 pub enum Status {

src/components/sidebar.rs

@@ -2,7 +2,7 @@ use dioxus::prelude::*;
 
 use crate::Route;
 
-const SIDEBAR_CSS: Asset = asset!("/assets/sidebar.css");
+const SIDEBAR_CSS: Asset = asset!("/assets/styles/sidebar.css");
 
 pub struct SideBarItem {
     pub name: &'static str,

src/dashboard.rs

@@ -7,7 +7,7 @@ use crate::components::{
 };
 use lucide_dioxus;
 
-const DASHBOARD_CSS: Asset = asset!("/assets/dashboard.css");
+const DASHBOARD_CSS: Asset = asset!("/assets/styles/dashboard.css");
 
 #[component]
 pub fn Dashboard() -> Element {
@@ -81,7 +81,7 @@ pub fn Dashboard() -> Element {
                         lucide_dioxus::Search { size: 16, color: "currentColor" }
                         input { placeholder: "Search servers by name, location, or IP..." }
                     }
-                    button { "All (4)" }
+                    button { class: "fg", "All (4)" }
                     button { class: "online", "Online (3)" }
                     button { class: "issues", "Warning (1)" }
                     button { class: "ram", "Offline (1)" }

src/login.rs

@@ -2,7 +2,7 @@ use dioxus::prelude::*;
 
 use crate::Route;
 
-const LOGIN_CSS: Asset = asset!("/assets/login.css");
+const LOGIN_CSS: Asset = asset!("/assets/styles/login.css");
 
 #[component]
 pub fn Login() -> Element {

src/main.rs

@@ -1,7 +1,7 @@
 mod backend;
+mod components;
 mod dashboard;
 mod login;
-mod components;
 
 use dioxus::prelude::*;
 
@@ -18,7 +18,8 @@ enum Route {
 }
 
 const FAVICON: Asset = asset!("/assets/favicon.ico");
-const FONT_CSS: Asset = asset!("/assets/font.css");
+const FONT_CSS: Asset = asset!("/assets/styles/font.css");
+const LIGHT_CSS: Asset = asset!("/assets/styles/light.css");
 
 fn main() {
     dioxus::launch(App);
@@ -29,6 +30,7 @@ fn App() -> Element {
     rsx! {
         document::Link { rel: "icon", href: FAVICON }
         document::Link { rel: "stylesheet", href: FONT_CSS }
-        Router::<Route> {}
+        document::Link { rel: "stylesheet", href: LIGHT_CSS }
+        Router::<Route> { }
     }
 }