From 9da9d16049012d66e190af26b7a4e832d870bec0 Mon Sep 17 00:00:00 2001
From: ChUrl <christoph.urlacher@protonmail.com>
Date: Sun, 23 Apr 2023 16:00:46 +0200
Subject: [PATCH] Update rofi theme

---
 config/rofi/colors.rasi             |  37 ---------
 config/rofi/colors/three-bears.rasi |  16 ++++
 config/rofi/launcher.rasi           | 120 ++++++++++++----------------
 3 files changed, 65 insertions(+), 108 deletions(-)
 delete mode 100644 config/rofi/colors.rasi
 create mode 100644 config/rofi/colors/three-bears.rasi

diff --git a/config/rofi/colors.rasi b/config/rofi/colors.rasi
deleted file mode 100644
index 00657bf5..00000000
--- a/config/rofi/colors.rasi
+++ /dev/null
@@ -1,37 +0,0 @@
-* {
-	background:			 #1E1E2E;
-	background-alt:	 #1E1E2E;
-	foreground:			 #CDD6F4;
-	selected:			   #61afef;
-	highlight:			#DF6B74;
-	urgent:				#e06c75;
-	on:					#98c379;
-	off:				#e06c75;
-
-  black:        #585B70;
-  black-darker: #45475A;
-
-  red:        #F38BA8;
-  red-darker: #F38BA8;
-
-  green:        #A6E3A1;
-  green-darker: #A6E3A1;
-
-  yellow:        #F9E2AF;
-  yellow-darker: #F9E2AF;
-
-  blue:        #89B4FA;
-  blue-darker: #89B4FA;
-
-  magenta:        #F5C2E7;
-  magenta-darker: #F5C2E7;
-
-  cyan:        #94E2D5;
-  cyan-darker: #94E2D5;
-
-  white:        #BAC2DE;
-  white-darker: #BAC2DE;
-
-  element-background-color: #38384d;
-  window-background-color: #1e2127;
-}
diff --git a/config/rofi/colors/three-bears.rasi b/config/rofi/colors/three-bears.rasi
new file mode 100644
index 00000000..48bd320b
--- /dev/null
+++ b/config/rofi/colors/three-bears.rasi
@@ -0,0 +1,16 @@
+* {
+    dark: #2A231C;
+    light: #EBEBE5;
+    accent-dark: #463A2E;
+    accent-light: #865E43;
+
+    pastel-a: #797D62;
+    pastel-b: #9B9B7A;
+    pastel-c: #D9AE94;
+    pastel-d: #E5C59E;
+    pastel-e: #F1DCA7;
+    pastel-f: #F8D488;
+    pastel-g: #E4B074;
+    pastel-h: #D08C60;
+    pastel-i: #997B66;
+}
diff --git a/config/rofi/launcher.rasi b/config/rofi/launcher.rasi
index 580ee1d1..6717bd9e 100644
--- a/config/rofi/launcher.rasi
+++ b/config/rofi/launcher.rasi
@@ -1,103 +1,81 @@
 configuration{
-    modi: "run,drun";
-    lines: 5;
-    font: "Sarasa Nerd Font 14";
-    show-icons: true;
-    icon-theme: "Oranchelo";
-    terminal: "st";
-    drun-display-format: "{icon} {name}";
-    location: 0;
-    disable-history: false;
-    hide-scrollbar: true;
-    display-drun: "   Apps ";
-    display-run: "   Run ";
-    sidebar-mode: true;
+  modi: "drun";
+  lines: 5;
+  font: "Jetbrains Mono 14";
+  show-icons: true;
+  icon-theme: "Papirus";
+  terminal: "kitty";
+  drun-display-format: "{icon} {name}";
+  location: 0;
+  disable-history: false;
+  hide-scrollbar: true;
+  display-drun: " Apps ";
+  display-run: " Run ";
+  sidebar-mode: false;
 }
 
-@import "colors.rasi"
+@import "colors/three-bears.rasi"
 
-element-text, element-icon , mode-switcher {
-    background-color: inherit;
-    text-color:       inherit;
+element-text,
+element-icon,
+mode-switcher {
+  background-color: inherit;
+  text-color: inherit;
 }
 
 window {
-    height: 360px;
-    width: 700px;
-    border: 3px;
-    border-color: @black;
-    background-color: @background;
+  height: 360px;
+  width: 700px;
+  border-radius: 6px;
+  background-color: @accent-dark;
 }
 
 mainbox {
-    background-color: @background;
+  background-color: @accent-dark;
 }
 
 inputbar {
-    children: [prompt,entry];
-    background-color: @background;
-    border-radius: 5px;
-    padding: 2px;
+  children: [prompt,entry];
+  background-color: @accent-dark;
 }
 
 prompt {
-    background-color: @blue;
-    padding: 6px;
-    text-color: @background;
-    border-radius: 3px;
-    margin: 20px 0px 0px 20px;
-}
-
-textbox-prompt-colon {
-    expand: false;
-    str: ":";
+  background-color: @pastel-g;
+  padding: 6px;
+  text-color: @dark;
+  border-radius: 3px;
+  margin: 20px 0px 0px 20px;
 }
 
 entry {
-    padding: 6px;
-    margin: 20px 0px 0px 10px;
-    text-color: @foreground;
-    background-color: @background;
+  padding: 6px;
+  margin: 20px 20px 0px 10px;
+  text-color: @dark;
+  background-color: @pastel-d;
+  border-radius: 3px;
 }
 
 listview {
-    border: 0px 0px 0px;
-    padding: 6px 0px 0px;
-    margin: 10px 0px 0px 20px;
-    columns: 2;
-    background-color: @background;
+  border: 0px 0px 0px;
+  padding: 6px 0px 0px;
+  margin: 10px 0px 0px 20px;
+  columns: 1;
+  background-color: @accent-dark;
 }
 
 element {
-    padding: 5px;
-    background-color: @background;
-    text-color: @foreground  ;
+  padding: 5px;
+  margin: 0px 20px 0px 0px;
+  background-color: @accent-dark;
+  text-color: @light;
+  border-radius: 3px;
 }
 
 element-icon {
-    size: 25px;
+  size: 25px;
 }
 
 element selected {
-    background-color:  @selected;
-    text-color: @background;
-}
-
-mode-switcher {
-    spacing: 0;
-  }
-
-button {
-    padding: 10px;
-    background-color: @black-darker;
-    text-color: @white;
-    vertical-align: 0.5; 
-    horizontal-align: 0.5;
-}
-
-button selected {
-  border: 1px;
-  border-color: @blue;
-  background-color: @background;
-  text-color: @blue;
+  background-color: @light;
+  text-color: @dark;
 }