waybar: toggle light and dark theme

hyprland/.config/waybar/config

@@ -9,4 +9,5 @@
         "tray",
         "clock"
     ],
+    "reload_style_on_change": true,
 }

hyprland/.config/waybar/dark.css

@@ -0,0 +1,12 @@
+* {
+    background-color: #263c59;
+    color: #7b899d;
+}
+
+#workspaces button.active {
+    border-bottom: 3px solid #7b899d;
+}
+
+#workspaces button.urgent {
+    border-bottom: 3px solid #a65959;
+}

hyprland/.config/waybar/light.css

@@ -0,0 +1,12 @@
+* {
+    background-color: #85a7ad;
+    color: #394446;
+}
+
+#workspaces button.active {
+    border-bottom: 3px solid #5c6d70;
+}
+
+#workspaces button.urgent {
+    border-bottom: 3px solid #9e412e;
+}

hyprland/.config/waybar/style.css

@@ -1,8 +1,8 @@
+@import url("file:///home/lupan/.config/waybar/dark.css");
+
 * {
     font-family: Fira Code Nerd Font;
-    font-size: 14;
-    background-color: #263c59;
-    color: #7b899d;
+    font-size: 14px;
 }
 
 #workspaces {
@@ -15,14 +15,6 @@
     border-bottom: 3px solid transparent;
 }
 
-#workspaces button.active {
-    border-bottom: 3px solid #7b899d;
-}
-
-#workspaces button.urgent {
-    border-bottom: 3px solid #a65959;
-}
-
 #window {
     border-bottom: 3px solid transparent;
 }

xsession/bin/lupan-set-theme

@@ -33,3 +33,8 @@ if [ -f ~/.config/xsettingsd/xsettingsd.conf ]; then
     pkill -HUP -x xsettingsd
     gsettings set org.gnome.desktop.interface gtk-theme "${GTK_THEME}"
 fi
+
+# waybar
+if [ -f ~/.config/waybar/style.css ]; then
+    sed -i -E "s#file:///.*/(light|dark)[.]css#file://$HOME/.config/waybar/$THEME.css#" ~/.config/waybar/style.css
+fi