Merge pull request #465 from 0xl30/patch-4

Waybar style with Rainbow Border

1 files changed, 49 insertions, 0 deletions

diff --git a/config/waybar/style/catppuccin-themes/rgbmocha.css b/config/waybar/style/catppuccin-themes/rgbmocha.css
new file mode 100644
index 00000000..14b07c49
--- /dev/null
+++ b/config/waybar/style/catppuccin-themes/rgbmocha.css
@@ -0,0 +1,49 @@
+/*
+*
+* Catppuccin Mocha palette
+* Maintainer: rubyowo
+*
+*/
+
+@define-color base   #1e1e2e;
+@define-color mantle #181825;
+@define-color crust  #11111b;
+
+@define-color text     #cdd6f4;
+@define-color subtext0 #a6adc8;
+@define-color subtext1 #bac2de;
+
+@define-color surface0 #313244;
+@define-color surface1 #45475a;
+@define-color surface2 #585b70;
+
+@define-color overlay0 #6c7086;
+@define-color overlay1 #7f849c;
+@define-color overlay2 #9399b2;
+
+@define-color blue      #89b4fa;
+@define-color lavender  #b4befe;
+@define-color sapphire  #74c7ec;
+@define-color sky       #89dceb;
+@define-color teal      #94e2d5;
+@define-color green     #a6e3a1;
+@define-color yellow    #f9e2af;
+@define-color peach     #fab387;
+@define-color maroon    #eba0ac;
+@define-color red       #f38ba8;
+@define-color mauve     #cba6f7;
+@define-color pink      #f5c2e7;
+@define-color flamingo  #f2cdcd;
+@define-color rosewater #f5e0dc;
+
+@keyframes rainbow-gradient {
+    0% {
+        border-image: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet) 1;
+    }
+    50% {
+        border-image: linear-gradient(270deg, violet, indigo, blue, green, yellow, orange, red) 1 1 1 1;
+    }
+    100% {
+        border-image: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet) 1;
+    }
+}