1 files changed, 87 insertions, 0 deletions
diff --git a/.config/waybar/style.css b/.config/waybar/style.css
new file mode 100644
index 0000000..047740e
--- /dev/null
+++ b/.config/waybar/style.css
@@ -0,0 +1,87 @@
+@define-color black #0f0f0f;
+@define-color gray-0 #131414;
+@define-color gray-1 #1D1F1E;
+@define-color gray-2 #272A28;
+@define-color gray-3 #3A3F3C;
+@define-color gray-4 #585F5A;
+@define-color gray-5 #6B746E;
+@define-color gray-6 #878E7A;
+@define-color gray-7 #999C8B;
+@define-color gray-8 #B6B69A;
+@define-color gray-9 #D8CCB4;
+@define-color gray-10 #E3DAC9;
+@define-color white #F9EEE5;
+@define-color light-yellow #efbe71;
+@define-color yellow #ef944d;
+
+* {
+  border-radius: 0px;
+  font-family: Maple Mono NF;
+  font-weight: 600;
+  font-size: 14px;
+  margin: 1px;
+}
+
+window#waybar {
+  background-color: @black;
+  border: 2px solid @black;
+  border-radius: 0px;
+}
+
+#workspaces, #tags {
+  border: none;
+  background: @gray-1;
+  box-shadow: none;
+  text-shadow: none;
+  padding: 4px;
+  margin: 4px;
+}
+
+#workspaces button, #tags button {
+  border: none;
+  border-radius: 0px;
+  background: @gray-2;
+  box-shadow: none;
+  text-shadow: none;
+  padding: 2 12px;
+  margin: 2px;
+  color: @light-yellow;
+}
+
+#workspaces button:hover, #tags button:hover {
+  border: none;
+  background: @gray-3;
+  font-weight: 600;
+  color: @light-yellow;
+}
+
+#workspaces button.active, button.focused, #tags button.active, button.focused {
+  border: none;
+  background: @yellow;
+  color: @black;
+  padding: 2 24px;
+}
+
+#workspaces button.active:hover, button.focused:hover, #tags button.active:hover, button.focused:hover {
+  border: none;
+  background: @light-yellow;
+  color: @black;
+  padding: 2 24px;
+}
+
+#clock, #cpu, #pulseaudio, #memory, #temperature, #battery, #tray {
+  border: none;
+  background: @gray-1;
+  box-shadow: none;
+  text-shadow: none;
+  padding: 0 16px;
+  margin: 4px;
+  color: @white;
+}
+
+#clock:hover, #cpu:hover, #pulseaudio:hover, #memory:hover, #temperature:hover, #battery:hover, #tray:hover {
+  border: none;
+  background: @gray-3;
+  font-weight: 600;
+  color: @white;
+}