Customize for db123: replace configs, adapt installer for dual-GPU/Catppuccin/awww

configs/waybar/style.css

@@ -1,3 +1,11 @@
+/* user created manually */
+/* @import "mocha.css"; */
+@define-color waybalttrans rgba(30, 30, 30, 0.3);
+@define-color waybmain rgb(203, 166, 247);
+@define-color waybfont rgb(166, 173, 200);
+@define-color waybalt rgb(30, 30, 30);
+@define-color waybalt2 rgb( 100, 100, 100);
+
 * {
     border: none;
     border-radius: 0;
@@ -8,39 +16,42 @@
 }
 
 window#waybar {
-    background: rgba(21, 18, 27, 0);
-    color: #cdd6f4;
+    background: @waybalttrans;
+    color: @waybfont;
+    border-radius: 10px;
 }
 
 #workspaces button {
     padding: 5px;
-    color: #555869;
+    color: @waybalt2;
     margin-right: 5px;
 }
 
 #workspaces button.active {
-    color: #a6adc8;
+    color: @waybmain;
 }
 
 #workspaces button.focused {
-    color: #a6adc8;
-    background: #eba0ac;
+    color: @waybfont;
+    background: @waybalt;
     border-radius: 10px;
 }
 
 #workspaces button.urgent {
-    color: #11111b;
-    background: #a6e3a1;
+    color: @waybalt;
+    background: @waybfont;
     border-radius: 10px;
 }
 
 #workspaces button:hover {
-    background: #cdd6f4;
-    color: #11111b; 
+    background: @waybmain;
+    color: @waybalt;
     border-radius: 10px;
 }
 
 #window,
+/* user modified manually */
+#language,
 #clock,
 #battery,
 #pulseaudio,
@@ -50,13 +61,51 @@ window#waybar {
 #workspaces,
 #tray,
 #backlight {
-    background: #1e1e2e;
+    background: @waybalt;
     padding: 0px 10px;
     margin: 3px 0px;
     margin-top: 5px;
     /* border: 1px solid #181825; */
 }
 
+/* user created manually */
+#window,
+#tray {
+	border: 2px solid @waybmain;
+}
+#language {
+	border: 2px solid @waybmain;
+}
+#clock {
+	border: 2px solid @waybmain;
+}
+#pulseaudio {
+	border: 2px solid @waybmain;
+}
+#pulseaudio.microphone {
+	border-right: 2px solid @waybmain;
+}
+#network {
+	border: 2px solid @waybmain;
+	border-right: none;
+}
+#cpu {
+	border: 2px solid @waybmain;
+	border-left: none;
+}
+#memory {
+	border: 2px solid @waybmain;
+	border-right: none;
+}
+#workspaces {
+	border: 2px solid @waybmain;
+}
+
+#language {
+    border-radius: 10px;
+    margin-left: 10px;
+}
+
 #backlight {
     border-radius: 10px 0px 0px 10px;
 }
@@ -67,7 +116,7 @@ window#waybar {
 }
 
 #workspaces {
-    background: #1e1e2e;
+    background: @waybalt;
     border-radius: 10px;
     margin-left: 10px;
     padding-right: 0px;
@@ -90,34 +139,36 @@ window#waybar {
 }
 
 #clock {
-    color: #a6adc8;
+    color: @waybfont;
     border-radius: 10px 10px 10px 10px;
     margin-left: 5px;
-    border-right: 0px;
+/* user modified manually */    
+    /* border-right: 0px; */
 }
 
 #network {
-    color:  #a6adc8;
+    color:  @waybfont;
     border-radius: 10px 0px 0px 10px;
 
 }
 
 #pulseaudio {
-    color: #a6adc8;
+    color: @waybfont;
     border-left: 0px;
     border-right: 0px;
 }
 
 #pulseaudio.microphone {
-    color: #a6adc8;
+    color: @waybfont;
     border-radius: 0px 10px 10px 0px;
-    border-left: 0px;
-    border-right: 0px;
+/* user modified manually */
+    /* border-left: 0px; */
+    /* border-right: 0px; */
     margin-right: 5px;
 }
 
 #battery {
-    color:#a6adc8;
+    color:@waybfont;
     border-radius: 0px 10px 10px 0px;
     margin-right: 10px;
 }