From 9cc8295b6162f89c2a9b680a581bcfa6273b906c Mon Sep 17 00:00:00 2001
From: esche <esche@noreply.localhost>
Date: Mon, 20 Nov 2023 11:12:59 +0100
Subject: [PATCH] redesigned wofi with custom css

---
 .config/sway/config  |  7 ++++---
 .config/sway/menu.sh |  4 ++--
 .config/sway/wofi    | 15 +++++++++++++++
 .config/sway/woficss | 40 ++++++++++++++++++++++++++++++++++++++++
 4 files changed, 61 insertions(+), 5 deletions(-)
 create mode 100644 .config/sway/wofi
 create mode 100644 .config/sway/woficss

diff --git a/.config/sway/config b/.config/sway/config
index 9429f11..6897b4f 100644
--- a/.config/sway/config
+++ b/.config/sway/config
@@ -1,5 +1,6 @@
 ### noch zu tun:
-# Farbeinstellungen für Alacritty, Mako und swaynag aus einer Datei automatisch anpassen (shellskript beim Start ausführen, um configs anzupassen?)
+# Farblayout optimieren
+# Farbeinstellungen für Sway, Wofi, Alacritty, Mako und swaynag aus einer Datei automatisch anpassen (shellskript beim Start ausführen, um configs anzupassen?)
 # Screenshot optimieren, Beispiel: https://github.com/de-arl/slurpshot
 # https://wiki.archlinux.org/title/Power_management/Suspend_and_hibernate#Hibernation
 
@@ -26,8 +27,8 @@ Font "Noto Sans" Regular 14
 	set $wallpaper ~/.config/sway/2020-12-21_The-fairy-fir-tree_by-David-Revoy.jpg
 	set $wallpaper2 ~/.config/sway/418263.jpg
    # Your preferred applications
-	set $launcher wofi --show drun --monitor -2 --lines 10 --insensitive --allow-images --location 2 | xargs swaymsg exec --
-	set $menu ~/.config/sway/menu.sh --fn 14 -m -2 -l 10 -i -B 1 --tf "#$highlight" --fb "#$backgr" --nb "#$backgr" --hb "#$backgr" --hf "#$highlight" --ab "#$backgr" --bdr "#$border"
+	set $launcher wofi --show drun -c ~/.config/sway/wofi | xargs swaymsg exec --
+	set $menu ~/.config/sway/menu.sh
 	set $term alacritty
 	set $lock swaylock -f -e -i "$wallpaper" -s fill --indicator-x-position 100 --ring-color "$primary" --ring-clear-color "$highlight" --ring-ver-color "$lightbackgr" --ring-wrong-color "$error" --inside-color 00000000 --inside-clear-color 00000000 --inside-ver-color 00000000 --inside-wrong-color 00000000 --key-hl-color "$highlight" --bs-hl-color "$error" --text-clear-color "$text" --text-ver-color "$text" --text-wrong-color "$text" --text-caps-lock-color "$text"
 
diff --git a/.config/sway/menu.sh b/.config/sway/menu.sh
index 8937743..8b9d766 100644
--- a/.config/sway/menu.sh
+++ b/.config/sway/menu.sh
@@ -7,7 +7,7 @@ case "$(echo -e "🖧 ...von allen Bildschirmen
 🗔 ...vom aktiven Fenster
 ⌗ ...von Auswahl
 🖵 ...vom Bildschirm" |
-wofi --dmenu --location 2 --lines 5 --prompt "Foto")" in
+wofi --dmenu --lines 5 --prompt "Foto" -c ~/.config/sway/wofi)" in
 
 "🖧 ...von allen Bildschirmen") exec .config/sway/screenshot.sh all ;;
 "🗔 ...vom aktiven Fenster") exec .config/sway/screenshot.sh focus ;;
@@ -24,7 +24,7 @@ case "$(echo -e "🖼 Bildschirmfoto...
 ⏻ Herunterfahren
 ↻ Neustarten
 ⏾ Standby" |
-wofi --dmenu --location 2 --lines 7 --prompt "Menü")" in
+wofi --dmenu --lines 7 --prompt "Menü" -c ~/.config/sway/wofi)" in
 
 "🖼 Bildschirmfoto...")
 	screenshot "$@";;
diff --git a/.config/sway/wofi b/.config/sway/wofi
new file mode 100644
index 0000000..30c1a1c
--- /dev/null
+++ b/.config/sway/wofi
@@ -0,0 +1,15 @@
+
+style=.config/sway/woficss
+
+monitor=-2
+allow_images=true
+insensitive=true
+location=2
+key_expand=space
+# dynamic lines currently are not working
+dynamic_lines=true
+single_click=true
+
+key_expand=Tab
+key_forward=Down
+key_backward=Up
diff --git a/.config/sway/woficss b/.config/sway/woficss
new file mode 100644
index 0000000..aafb56a
--- /dev/null
+++ b/.config/sway/woficss
@@ -0,0 +1,40 @@
+#window {
+border: 2px solid #28242a;
+background-color: #28242a;
+border-radius: 0px 0px 20px 20px;
+}
+
+#input {
+margin: 5px;
+border: 2px solid black;
+border-radius 20px;
+background-color: black;
+}
+
+#input:focus {
+    color: #999999;
+    border: 1px solid #c227ff; 
+
+    margin-left: 10px;
+    margin-right: 10px;
+    margin-top: 10px;
+    margin-bottom: 20px;
+}
+
+#inner-box {
+border: 2px solid #28242a;
+background-color: #28242a);
+} 
+
+#entry {
+    border-radius: 20px;
+    margin: 5px;
+    padding: 5px;
+    padding-left: 10px;
+}
+
+#entry:selected {
+padding-left: 20px;
+border: 2px solid #c227ff;
+background-color: #504854;
+}