copy dotfiles from arch

waybar/styles/module-groups.css

@@ -0,0 +1,14 @@
+.modules-left {
+  padding: 0 3px;
+  margin-left: 10px;
+}
+
+.modules-center {
+  padding: 0 3px;
+}
+
+.modules-right {
+  padding: 0 3px;
+  margin-right: 10px;
+}
+

waybar/styles/modules.css

@@ -0,0 +1,13 @@
+.module {
+  border-radius: 9999px;
+  margin: 4px 0;
+}
+
+label.module {
+  padding: 0 10px;
+  /* box-shadow: inset 0 -2px; */
+}
+
+box.module {
+  padding: 0 10px;
+}

waybar/styles/modules/clock.css

@@ -0,0 +1,4 @@
+#clock {
+  background: @color5;
+}
+

waybar/styles/modules/cpu.css

@@ -0,0 +1,4 @@
+#cpu {
+  color: #bf616a;
+}
+

waybar/styles/modules/idle.css

@@ -0,0 +1,9 @@
+#idle_inhibitor {
+  padding: 0 16px 0 12px;
+  background-color: @color5;
+}
+
+#idle_inhibitor.activated {
+  background-color: @color6;
+}
+

waybar/styles/modules/memory.css

@@ -0,0 +1,4 @@
+#memory {
+  color: #b48ead;
+}
+

waybar/styles/modules/network.css

@@ -0,0 +1,8 @@
+#network {
+  color: #5e81ac;
+}
+
+#network.disconnected {
+  background-color: #f53c3c;
+}
+

waybar/styles/modules/spotify.css

@@ -0,0 +1,5 @@
+.custom-spotify {
+  color: #333;
+  background-color: #1db954;
+  font-style: italic;
+}

waybar/styles/modules/swaync.css

@@ -0,0 +1,4 @@
+.custom-swaync {
+  background-color: white;
+}
+

waybar/styles/modules/swww.css

@@ -0,0 +1,4 @@
+.custom-swww {
+  color: @color9;
+}
+

waybar/styles/modules/temperature.css

@@ -0,0 +1,8 @@
+#temperature {
+  color: #d08770;
+}
+
+#temperature.critical {
+  color: #bf616a;
+}
+

waybar/styles/modules/tray.css

@@ -0,0 +1,22 @@
+#tray {
+  padding: 0 10px;
+}
+
+#tray > .passive {
+  -gtk-icon-effect: dim;
+}
+
+#tray > .needs-attention {
+  -gtk-icon-effect: highlight;
+  background-color: #eb4d4b;
+}
+
+#tray button {
+  border-radius: 0px;
+  box-shadow: inset 0 -3px transparent;
+}
+
+#tray button:hover {
+  box-shadow: inset 0 -3px #5e81ac;
+}
+

waybar/styles/modules/window.css

@@ -0,0 +1,16 @@
+#window {
+  color: @color6;
+  border-radius: 20px;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+window#waybar.kitty {
+  background-color: transparent;
+  color: #ffffff;
+}
+
+/* make window module transparent when no windows present */
+window#waybar.empty #window {
+  background-color: transparent;
+}

waybar/styles/modules/wireplumber.css

@@ -0,0 +1,8 @@
+#wireplumber {
+  background: @color4;
+}
+
+#wireplumber.muted {
+  color: #f53c3c;
+}
+

waybar/styles/modules/workspaces.css

@@ -0,0 +1,31 @@
+
+#workspaces {
+  padding: 0;
+  /* border: 2px solid @color4;  */
+}
+
+#workspaces button {
+  padding: 0 9px 0 4px;
+  box-shadow: none;
+  border: none;
+  border-radius: 9999px;
+  color: @color2;
+}
+
+#workspaces button.active {
+  color: @color5;
+}
+
+#workspaces button:hover {
+  background: transparent;
+  color: @color5;
+}
+
+#workspaces button.focused {
+  color: @color4;
+}
+
+#workspaces button.urgent {
+  color: #bf616a;
+}
+

waybar/styles/waybar.css

@@ -0,0 +1,18 @@
+window#waybar {
+  background: linear-gradient(90deg, mix(@color0, transparent, 0.5), mix(@color1, transparent, 0.5), mix(@color0, transparent, 0.5));
+  animation: fadeIn 2.5s;
+}
+
+button {
+  text-shadow: none;
+}
+
+window#waybar.hidden {
+  opacity: 0.2;
+}
+
+@keyframes fadeIn {
+  0% { opacity: 0; }
+  100% { opacity: 1; }
+}
+