From 7e004c9ebf6a28fcfa71f491860453d06b50e5a0 Mon Sep 17 00:00:00 2001
From: VectorKappa <piotrpatalong@gmail.com>
Date: Fri, 9 Dec 2022 19:06:32 +0100
Subject: [PATCH] Add ulauncher catppucin theme

---
 .../Catppuccin-Macchiato-Round/generated.css  | 11 +++
 .../Catppuccin-Macchiato-Round/manifest.json  | 12 +++
 .../theme-gtk-3.20.css                        |  9 ++
 .../Catppuccin-Macchiato-Round/theme.css      | 88 +++++++++++++++++++
 4 files changed, 120 insertions(+)
 create mode 100644 ulauncher/.config/ulauncher/user-themes/Catppuccin-Macchiato-Round/generated.css
 create mode 100644 ulauncher/.config/ulauncher/user-themes/Catppuccin-Macchiato-Round/manifest.json
 create mode 100644 ulauncher/.config/ulauncher/user-themes/Catppuccin-Macchiato-Round/theme-gtk-3.20.css
 create mode 100644 ulauncher/.config/ulauncher/user-themes/Catppuccin-Macchiato-Round/theme.css

diff --git a/ulauncher/.config/ulauncher/user-themes/Catppuccin-Macchiato-Round/generated.css b/ulauncher/.config/ulauncher/user-themes/Catppuccin-Macchiato-Round/generated.css
new file mode 100644
index 0000000..5cc80f0
--- /dev/null
+++ b/ulauncher/.config/ulauncher/user-themes/Catppuccin-Macchiato-Round/generated.css
@@ -0,0 +1,11 @@
+@import url("/usr/share/ulauncher/themes/light/theme-gtk-3.20.css");
+
+@import url("theme.css");
+
+.input {
+    caret-color: @caret_color;
+}
+.selected.item-box {
+    /* workaround for a bug in GTK+ < 3.20 */
+    border: none;
+}
\ No newline at end of file
diff --git a/ulauncher/.config/ulauncher/user-themes/Catppuccin-Macchiato-Round/manifest.json b/ulauncher/.config/ulauncher/user-themes/Catppuccin-Macchiato-Round/manifest.json
new file mode 100644
index 0000000..f5bc3da
--- /dev/null
+++ b/ulauncher/.config/ulauncher/user-themes/Catppuccin-Macchiato-Round/manifest.json
@@ -0,0 +1,12 @@
+{
+    "manifest_version": "1",
+    "name": "catppuccin-macchiato-round",
+    "display_name": "Catpuccin Macchiato Round",
+    "extend_theme": "light",
+    "css_file": "theme.css",
+    "css_file_gtk_3.20+": "theme-gtk-3.20.css",
+    "matched_text_hl_colors": {
+        "when_selected": "#89B4FA",
+        "when_not_selected": "#89B4FA"
+    }
+}
diff --git a/ulauncher/.config/ulauncher/user-themes/Catppuccin-Macchiato-Round/theme-gtk-3.20.css b/ulauncher/.config/ulauncher/user-themes/Catppuccin-Macchiato-Round/theme-gtk-3.20.css
new file mode 100644
index 0000000..a805d00
--- /dev/null
+++ b/ulauncher/.config/ulauncher/user-themes/Catppuccin-Macchiato-Round/theme-gtk-3.20.css
@@ -0,0 +1,9 @@
+@import url("theme.css");
+
+.input {
+    caret-color: @caret_color;
+}
+.selected.item-box {
+    /* workaround for a bug in GTK+ < 3.20 */
+    border: none;
+}
\ No newline at end of file
diff --git a/ulauncher/.config/ulauncher/user-themes/Catppuccin-Macchiato-Round/theme.css b/ulauncher/.config/ulauncher/user-themes/Catppuccin-Macchiato-Round/theme.css
new file mode 100644
index 0000000..4a511ad
--- /dev/null
+++ b/ulauncher/.config/ulauncher/user-themes/Catppuccin-Macchiato-Round/theme.css
@@ -0,0 +1,88 @@
+/**
+* App Window
+*/
+@define-color bg_color #1E1E2E;
+@define-color window_bg @bg_color;
+@define-color window_border_color #B4BEFE;
+@define-color prefs_backgroud #313244;
+
+/**
+ * Input
+ */
+@define-color selected_bg_color #313244;
+@define-color selected_fg_color #CDD6F4;
+@define-color input_color #CDD6F4;
+@define-color caret_color darker(@input_color);
+
+/**
+ * Result items
+ */
+@define-color item_name #CDD6F4;
+@define-color item_text #A6ADC8;
+@define-color item_box_selected #313244;
+@define-color item_text_selected #A6ADC8;
+@define-color item_name_selected #CDD6F4;
+@define-color item_shortcut_color #7F849C;
+@define-color item_shortcut_shadow darker(@bg_color);
+@define-color item_shortcut_color_sel #CDD6F4;
+@define-color item_shortcut_shadow_sel darker(@item_box_selected);
+
+.app {
+    background-color: @window_bg;
+    border-color: @window_border_color;
+    border-width: 2px;
+    border-radius: 14px;
+}
+
+.input {
+    color: @input_color;
+}
+
+/**
+ * Selected text in input
+ */
+.input *:selected,
+.input *:focus,
+*:selected:focus {
+    background-color: alpha (@selected_bg_color, 0.9);
+    color: @selected_fg_color;
+}
+
+.item-text {
+    color: @item_text;
+}
+.item-name {
+    color: @item_name;
+}
+
+.selected.item-box {
+    background-color: @item_box_selected;
+    border-left: 1px solid @window_border_color;
+    border-right: 1px solid @window_border_color;
+    border-radius: 14px;
+}
+.selected.item-box .item-text {
+    color: @item_text_selected;
+}
+.selected.item-box .item-name {
+    color: @item_name_selected;
+}
+.item-shortcut {
+    color: @item_shortcut_color;
+    text-shadow: 1px 1px 1px @item_shortcut_shadow;
+}
+.selected.item-box .item-shortcut {
+    color: @item_shortcut_color_sel;
+    text-shadow: 1px 1px 1px @item_shortcut_shadow_sel;
+}
+
+.prefs-btn {
+    opacity: 0.8;
+}
+.prefs-btn:hover {
+    background-color: @prefs_backgroud;
+}
+
+.no-window-shadow {
+    margin: -20px;
+}