summaryrefslogtreecommitdiff
path: root/config/waybar/style.css
diff options
context:
space:
mode:
authorcoasteen <coasteen@proton.me>2026-07-12 08:16:17 +0330
committercoasteen <coasteen@proton.me>2026-07-12 08:16:17 +0330
commit72be1234e1ec030cb07095267e49481057eeb329 (patch)
tree97765fb29418fd6278fcb4cbb9760893afaf7a58 /config/waybar/style.css
Diffstat (limited to 'config/waybar/style.css')
-rwxr-xr-xconfig/waybar/style.css82
1 files changed, 82 insertions, 0 deletions
diff --git a/config/waybar/style.css b/config/waybar/style.css
new file mode 100755
index 0000000..601dd6d
--- /dev/null
+++ b/config/waybar/style.css
@@ -0,0 +1,82 @@
+@define-color border #211e1e;
+@define-color background #111111;
+@define-color surface0 #151111;
+@define-color overlay0 #161515;
+@define-color text #e0def4;
+@define-color text_dim #6e6a86;
+@define-color blue #31748f;
+@define-color green #9ccfd8;
+@define-color yellow #f6c177;
+@define-color peach #ebbcba;
+@define-color maroon #e79591;
+@define-color lavender #c4a7e7;
+@define-color pink #eb6f92;
+@define-color teal #9ccfd8;
+@define-color grey #6e6a86;
+
+* {
+ border: none;
+ font-family: "JetBrainsMono Nerd Font";
+ font-size: 15px;
+ min-height: 10px;
+}
+
+window#waybar {
+ background: transparent;
+}
+
+#disk,
+#pulseaudio,
+#window,
+#clock,
+#network,
+#battery,
+#privacy,
+#memory,
+#cpu,
+#workspaces,
+#tray,
+#bluetooth,
+#tray menu {
+ margin-top: 0;
+ padding: 5px 10px;
+ margin: 3px 0 13px 10px;
+ background: @surface0;
+ color: @peach;
+ transition: 0.3s;
+ border: 1.5px solid @border;
+ border-radius: 8px;
+}
+
+#window { transition: none; }
+
+window#waybar.empty #window {
+ background: transparent;
+ box-shadow: none;
+ border: none;
+}
+
+#network { color: @peach; }
+#clock { margin-right: 12px; color: @peach; }
+#pulseaudio { color: @peach; }
+
+#workspaces {
+ margin-left: 12px;
+ color: @peach;
+}
+
+#workspaces button {
+ margin: 0;
+ padding: 1px 3px;
+ color: @peach;
+ transition: none;
+}
+
+#workspaces button.empty { color: @peach; }
+#workspaces button.active { color: @maroon; }
+#workspaces button.urgent { color: @peach; }
+
+#workspaces button:hover {
+ background: @overlay0;
+ color: @peach;
+}