First build; Too many bugs...

2026-03-27 23:54:05 +01:00
parent 8d326d27c9
commit 21bff544f3
27 changed files with 983 additions and 392 deletions
--- a/home/desktop/waybar/configs/style.css
+++ b/home/desktop/waybar/configs/style.css
@@ -1 +1,175 @@
-*{border:none;min-height:10px;font-family:FiraCode Nerd Font;font-size:15px}window#waybar{background:@crust}window#waybar.hidden{opacity:.2}󠀰 #media,#clock,#cpu,#memory,#disk,#temperature,#network,#custom-wallpaper,#media,#custom-weather{color:@crust;margin-top:6px;margin-bottom:6px;padding-left:10px;padding-right:10px;transition:none}#custom-nixicon,#cpu{border-top-left-radius:10px;border-bottom-left-radius:10px;margin-left:5px}#clock,#temperature{border-top-right-radius:10px;border-bottom-right-radius:10px;margin-right:20px}#custom-nixicon{background-image:url(nix-snowflake.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;min-width:24px;min-height:24px;margin-top:6px;margin-bottom:6px;margin-left:15px;padding:0 15px 0 10px}#clock{background:@yellow}#cpu{background:@blue}#memory{background:@red}#disk{background:@peach}#temperature{background:@sky}#network{background:@lavender;padding-right:13px}#workspaces{border-radius:10px;margin:6px 5px;padding:0 6px}#workspaces button{color:@text;background:0 0;border:none;padding:4px;transition:color .3s,text-shadow .3s,transform .3s}#workspaces button.occupied{color:@red}#workspaces button.active{color:@green;text-shadow:0 0 4px @green}#workspaces button:hover{color:@teal;border:none}#media{background:@overlay2;color:@crust;border-radius:10px;margin-left:20px}#custom-cava{color:@green}#wireplumber,#custom-cava,#mpris{margin-left:10px;margin-right:5px}#wireplumber{margin-right:5px}#custom-weather{background:@sky;color:@crust;border-radius:10px;margin-right:20px}#custom-notification{background:@green;border-radius:10px;padding-left:10px;padding-right:5px;font-family:NotoSansMono Nerd Font}#custom-wallpaper{background:@red;color:@mantle;border-radius:10px;margin-left:5px}
+@import "catppuccin.css";
+
+* {
+  border: none;
+  font-family: "FiraCode Nerd Font";
+  font-size: 15px;
+  min-height: 10px;
+}
+
+window#waybar {
+  background: @crust;
+}
+
+window#waybar.hidden {
+  opacity: 0.2;
+}
+󠀰
+/* - Genera rules for visible modules -- */
+#media,
+#clock,
+#cpu,
+#memory,
+#disk,
+#temperature,
+#network,
+#custom-wallpaper,
+#media,
+#custom-weather {
+  color: @crust;
+  margin-top: 6px;
+  margin-bottom: 6px;
+  padding-left: 10px;
+  padding-right: 10px;
+  transition: none;
+}
+
+/* Separation to the left */
+#custom-nixicon,
+#cpu {
+  margin-left: 5px;
+  border-top-left-radius: 10px;
+  border-bottom-left-radius: 10px;
+}
+
+/* Separation to the rigth */
+#clock,
+#temperature {
+  margin-right: 20px;
+  border-top-right-radius: 10px;
+  border-bottom-right-radius: 10px;
+}
+
+/* -- Specific styles -- */
+
+#custom-nixicon {
+  background-image: url("nix-snowflake.svg");
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+  min-height: 24px;
+  min-width: 24px;
+
+  padding: 0px;
+  padding-right: 15px;
+  padding-left: 10px;
+  margin-top: 6px;
+  margin-bottom: 6px;
+  margin-left: 15px;
+}
+
+/* Hardware Group */
+#clock {
+  background: @yellow;
+}
+
+#cpu {
+  background: @blue;
+}
+
+#memory {
+  background: @red;
+}
+
+#disk {
+  background: @peach;
+}
+
+#temperature {
+  background: @sky;
+}
+
+#network {
+  background: @lavender;
+  padding-right: 13px;
+}
+
+/* Workspace */
+#workspaces {
+  border-radius: 10px;
+  margin: 6px 5px;
+  padding: 0px 6px;
+}
+
+#workspaces button {
+  color: @text;
+  background: transparent;
+  padding: 4px 4px;
+  transition: color 0.3s ease, text-shadow 0.3s ease, transform 0.3s ease;
+  border: none;
+}
+
+#workspaces button.occupied {
+  color: @red;
+}
+
+#workspaces button.active {
+  color: @green;
+  text-shadow: 0 0 4px @green;
+}
+
+#workspaces button:hover {
+  color: @teal;
+  border: none;
+}
+
+#workspaces button.active:hover {}
+
+
+
+/* Media Group */
+#media {
+  background: @overlay2;
+  border-radius: 10px;
+  color: @crust;
+  margin-left: 20px;
+}
+
+#custom-cava {
+	color: @green;
+}
+
+#wireplumber, #custom-cava, #mpris {
+    margin-left: 10px;
+    margin-right: 5px;
+}
+
+#wireplumber {
+    margin-right: 5px;
+}
+
+
+/* Weather */ 
+#custom-weather {
+   background: @sky;
+   color: @crust;
+   border-radius: 10px;
+   margin-right: 20px;
+}
+
+/* SwayNC */ 
+#custom-notification {
+  font-family: "NotoSansMono Nerd Font";
+  background: @green;
+  border-radius: 10px;
+  padding-left: 10px;
+  padding-right: 5px;
+}
+
+/* Wallpaper */ 
+#custom-wallpaper {
+  background: @red;
+  color: @mantle;
+  border-radius: 10px;
+  margin-left: 5px;
+}