From 46b81b3e92fca75c144649c806bdb07ff44f1393 Mon Sep 17 00:00:00 2001
From: reonokiy <reonokiy@gmail.com>
Date: Mon, 23 Sep 2024 05:56:07 +0800
Subject: [PATCH] waybar config

---
 dot_config/waybar/mocha.css | 26 ++++++++++++++++++++++++++
 dot_config/waybar/style.css | 14 ++++++++++++++
 2 files changed, 40 insertions(+)
 create mode 100644 dot_config/waybar/mocha.css
 create mode 100644 dot_config/waybar/style.css

diff --git a/dot_config/waybar/mocha.css b/dot_config/waybar/mocha.css
new file mode 100644
index 0000000..0eb6a82
--- /dev/null
+++ b/dot_config/waybar/mocha.css
@@ -0,0 +1,26 @@
+@define-color rosewater #f5e0dc;
+@define-color flamingo #f2cdcd;
+@define-color pink #f5c2e7;
+@define-color mauve #cba6f7;
+@define-color red #f38ba8;
+@define-color maroon #eba0ac;
+@define-color peach #fab387;
+@define-color yellow #f9e2af;
+@define-color green #a6e3a1;
+@define-color teal #94e2d5;
+@define-color sky #89dceb;
+@define-color sapphire #74c7ec;
+@define-color blue #89b4fa;
+@define-color lavender #b4befe;
+@define-color text #cdd6f4;
+@define-color subtext1 #bac2de;
+@define-color subtext0 #a6adc8;
+@define-color overlay2 #9399b2;
+@define-color overlay1 #7f849c;
+@define-color overlay0 #6c7086;
+@define-color surface2 #585b70;
+@define-color surface1 #45475a;
+@define-color surface0 #313244;
+@define-color base #1e1e2e;
+@define-color mantle #181825;
+@define-color crust #11111b;
diff --git a/dot_config/waybar/style.css b/dot_config/waybar/style.css
new file mode 100644
index 0000000..484aba4
--- /dev/null
+++ b/dot_config/waybar/style.css
@@ -0,0 +1,14 @@
+/* from https://github.com/catppuccin/waybar */
+
+@import "mocha.css";
+
+* {
+  /* reference the color by using @color-name */
+  color: @text;
+}
+
+window#waybar {
+  /* you can also GTK3 CSS functions! */
+  background-color: shade(@base, 0.9);
+  border: 2px solid alpha(@crust, 0.3);
+}