1 files changed, 119 insertions, 0 deletions
diff --git a/waybar/style.css b/waybar/style.css
new file mode 100644
index 0000000..5e1e949
--- /dev/null
+++ b/waybar/style.css
@@ -0,0 +1,119 @@
+* {
+    font-family: "Fira Code";
+    font-weight: bold;
+    font-size: 12px;
+}
+
+window#waybar {
+    background-color: transparent;
+}
+
+#window {
+    background-color: #6b6b6b;
+    border-radius: 0px;
+    padding: 8px 12px 8px 8px;
+    margin: 0px 0;
+}
+
+window#waybar.empty #window {
+    background: rgba(12, 12, 12, 0);
+}
+
+.modules-left {
+    padding: 3px 3px 0px 3px;
+}
+
+.modules-right {
+    padding: 3px 3px 0px 3px;
+}
+
+.modules-center {
+    padding: 3px 3px 0px 3px;
+}
+
+#workspaces {
+    background-color: #6b6b6b;
+    border-radius: 0px;
+    padding: 4px 4px 3px 6px;
+    
+    margin: 4px 0;
+}
+
+#workspaces button {
+    min-height: 0;
+    padding: 0 7px;
+    margin-right: 2px;
+    color: #919191;
+}
+
+#workspaces button.urgent {
+    color: #f5e0dc;
+    animation-name: blink;
+    animation-duration: 0.5s;
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
+    animation-direction: alternate;
+}
+
+#workspaces button.empty {
+    color: #919191;
+}
+
+#workspaces button.visible {
+    color: #bababa;
+}
+
+#workspaces button.active {
+    color: #bababa;
+}
+
+@keyframes blink {
+    to {
+        color: #6b6b6b;
+        background-color: #dcf5f3;
+    }
+}
+
+#wireplumber {
+    background-color: #6b6b6b;
+    border-radius: 0px;
+    padding: 8px 8px 8px 20px;
+    margin: 4px 0;
+    color: #bababa;
+}
+
+#wireplumber.muted {
+    color: #bababa;
+}
+
+#clock {
+    background-color: #6b6b6b;
+    padding: 8px 10px 10px 10px;
+    margin: 4px 0;
+    color: #bababa;
+}
+
+#network {
+    background-color: #6b6b6b;
+    color: #bababa;
+    padding: 8px;
+    margin: 4px 0;
+}
+
+#network.disabled {
+    color: #f38ba8;
+}
+
+#battery {
+    background-color: #6b6b6b;
+    color: #bababa;
+    padding: 8px;
+    margin: 4px 0;
+}
+
+#backlight {
+    background-color: #6b6b6b;
+    color: #bababa;
+    padding: 8px;
+    margin: 4px 0;
+}