summary refs log tree commit diff stats
path: root/hm/waybar/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'hm/waybar/style.css')
-rw-r--r--hm/waybar/style.css139
1 files changed, 139 insertions, 0 deletions
diff --git a/hm/waybar/style.css b/hm/waybar/style.css
new file mode 100644
index 0000000..6565986
--- /dev/null
+++ b/hm/waybar/style.css
@@ -0,0 +1,139 @@
+/*
+*
+* Catppuccin Mocha palette
+* Maintainer: rubyowo
+*
+*/
+
+@define-color base   #1e1e2e;
+@define-color mantle #181825;
+@define-color crust  #11111b;
+
+@define-color text     #e8ead7;
+@define-color subtext0 #a6adc8;
+@define-color subtext1 #bac2de;
+
+@define-color surface0 #e8ead7;
+@define-color surface1 #e6e8da;
+@define-color surface2 #e5e5e3;
+
+@define-color overlay0 #6c7086;
+@define-color overlay1 #7f849c;
+@define-color overlay2 #9399b2;
+
+@define-color blue      #0765fc;
+@define-color lavender  #b4befe;
+@define-color sapphire  #74c7ec;
+@define-color sky       #89dceb;
+@define-color teal      #94e2d5;
+@define-color green     #2c8c1d;
+@define-color yellow    #cccc1c;
+@define-color peach     #fab387;
+@define-color maroon    #eba0ac;
+@define-color red       #d85252;
+@define-color mauve     #cba6f7;
+@define-color pink      #f909b9;
+@define-color flamingo  #ef7070;
+@define-color rosewater #f5e0dc;
+
+* {
+  font-family: FantasqueSansMono Nerd Font;
+  font-size: 15px;
+  min-height: 0;
+}
+
+window#waybar {
+	background-color: @surface0;
+}
+
+#workspaces {
+  border-radius: 1rem;
+  margin-top: 1rem;
+  margin: 2px 3px 0px 2px;
+  font-size: 7px;
+}
+
+#workspaces button {
+  color: @green;
+  border-radius: 1rem;
+  padding-left: 6px;
+  margin: 5px 0;
+  box-shadow: inset 0 -3px transparent;
+  transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.68);
+}
+
+#workspaces button.active {
+  color: @red;
+  border-radius: 1rem;
+}
+
+#workspaces button:hover {
+  color: @rosewater;
+  border-radius: 1rem;
+}
+
+#tray,
+#network,
+#backlight,
+#clock,
+#battery,
+#pulseaudio,
+#custom-lock,
+#custom-power {
+  background-color: transparent;
+  margin: 5px 0px 0px 0px;
+  padding: 2px 10px 2px 10px;
+  border-radius: 1rem;
+}
+
+#clock {
+  color: @lavender;
+}
+
+#battery {
+  color: @green;
+	/*margin: 15px 0px 0px 10px;*/
+}
+
+#battery.charging {
+  color: @green;
+}
+
+#battery.warning:not(.charging) {
+  color: @red;
+}
+
+#network {
+    color: @flamingo;
+}
+
+#backlight {
+  color: @yellow;
+}
+
+#pulseaudio {
+  color: @pink;
+}
+
+#pulseaudio.muted {
+    color: @red;
+}
+
+#custom-power {
+    border-radius: 1rem;
+    color: @red;
+    margin-bottom: 1rem;
+}
+
+#tray {
+  border-radius: 1rem;
+}
+
+tooltip {
+    background: @base;
+    border: 1px solid @pink;
+}
+
+tooltip label {
+    color: @text;
+}