From 18ae941c919088f34a1a843703b4bd1ec1059492 Mon Sep 17 00:00:00 2001
From: pika <alex@team-pieck.de>
Date: Sat, 18 Jan 2025 01:34:24 +0100
Subject: [PATCH] some change

---
 config.jsonc |  32 +++++++++++++---
 style.css    | 104 ++++++++++++++++++++++++++++++++-------------------
 2 files changed, 92 insertions(+), 44 deletions(-)

diff --git a/config.jsonc b/config.jsonc
index 3eefc7b..970a2ec 100644
--- a/config.jsonc
+++ b/config.jsonc
@@ -72,7 +72,7 @@
             "format": "{name}: {icon}  [ {windows} ]",
             "format-icons": {
                 "1": "󰁕",
-                "2": "󰁕",
+                "2": "󰁕", 
                 "3": "󰁕",
                 "4": "󰁕",
                 "5": "󰁕",
@@ -83,11 +83,27 @@
             },
             "window-rewrite-default": "",
             "window-rewrite": {
-                "class<nvim>": " ",
-                "class<neovide>": " ",
-                "class<shell>": "",
-                "class<kitty>": "",
-                "class<feh>": "",
+                "class<nvim>": " ",
+                "class<neovide>": " ",
+                "class<shell>": "",
+                "class<kitty>": "",
+                "class<alacritty>": "",
+                "class<foot>": "",
+                "class<wezterm>": "",
+                "class<feh>": "",
+                "class<thunar>": "󰝰",
+                "class<nautilus>": "󰝰",
+                "class<nemo>": "󰝰",
+                "class<pcmanfm>": "󰝰",
+                "class<dolphin>": "󰝰",
+                "class<yazi>": "󰝰",
+                "class<qflipper>": "󱐋",
+                "class<cursor>": "󱙺",
+                "class<python>": "",
+                "class<python3>": "",
+                "title<*.py>": "",
+                "title<*.sh>": "",
+                "title<yazi>": "󰝰",
                 "thorium": "󰊯",
                 "class<thunar>": "󰝰",
                 "class<nautilus>": "󰝰",
@@ -122,6 +138,10 @@
                 "(.*) - Tidal": "󰽰  Tidal",
                 " ~": "  pika@home",
                 "(.*) - Obsidian(.*)": "󱓧  Obsidian",
+                "(.*) - Cursor": "󱙺  Cursor AI",
+                "(.*) - QFlipper": "󱐋  QFlipper",
+                "(.*) - yazi": "󰝰  yazi",
+                "(.*)python(.*)": "  Python",
             },
             "separate-outputs": false
         },
diff --git a/style.css b/style.css
index 0749998..a890acb 100644
--- a/style.css
+++ b/style.css
@@ -1,5 +1,5 @@
 * {
-    font-size: 1rem;
+    font-size: 0.95rem;
     font-family: Rubik, iMWritingMono Nerd Font;
 }
 
@@ -92,7 +92,9 @@ window#waybar {
 
     border-radius: 6px;
 
-    background: transparent;
+    /* background: transparent; */
+    background: rgba(89, 87, 102, 0.336);
+
 
     transition: 600ms;
 }
@@ -103,12 +105,13 @@ window#waybar.empty {
     border: solid 2px rgba(136, 136, 136, 0.8);
 }
 
+
 window#waybar.fullscreen {
     background: rgba(55, 55, 55, 0.6);
 
     margin: 0;
 
-    border: solid 3px rgba(145, 11, 53, 0.8);
+    border: solid 3px rgba(189, 12, 68, 0.85);
     border-radius: 8px 8px 4px 4px;
 
     transition: 300ms;
@@ -119,42 +122,53 @@ window#waybar.fullscreen {
     border-right: solid 1px currentcolor;
     border-bottom: solid 1px transparent;
 
-    margin-top: 5px;
-    margin-left: 0px;
+    margin-top: 4px;
+    margin-left: 1px;
+    margin-right: 1px;
 
-    padding: 0;
-    padding-right: 4px;
+    padding: 0 6px;
 
-    transition: 200ms;
-    border-radius: 2px 2px 2 0;
+    transition: all 200ms ease;
+    border-radius: 4px 4px 2px 0;
+    
+    background: rgba(255, 255, 255, 0.02);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
 }
 
 #workspaces button:hover {
-    margin-top: 3px;
-
-    transition: 200ms;
+    margin-top: 2px;
+    background: rgba(255, 255, 255, 0.05);
+    border-top: solid 2px currentcolor;
+    border-right: solid 2px currentcolor;
+    
+    transition: all 200ms ease;
 }
 
-#workspaces button.empty {}
+#workspaces button.empty {
+    opacity: 0.7;
+}
 
 #workspaces button.active {
     color: rgba(255, 238, 0, 0.9);
-
+    background: rgba(255, 255, 255, 0.08);
+    
     padding: 0 8px;
-
+    
     margin-top: 0;
     margin-right: 2px;
     margin-left: 1px;
 
     border-top: solid 2px currentcolor;
     border-right: solid 2px currentcolor;
-
+    
     border-radius: 8px 4px 2px 0;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
 }
 
 #workspaces button.urgent {
     color: red;
-
+    border-color: red;
+    background: rgba(255, 0, 0, 0.1);
     animation: urgent-workspace ease-out 4s infinite;
 }
 
@@ -162,6 +176,21 @@ window#waybar.fullscreen {
     color: #cbb643;
 }
 
+#p-info,
+#info,
+#memory,
+#cpu,
+#battery,
+#disk,
+#clock,
+#network,
+#not-power,
+#pulseaudio,
+#tray {
+    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
+    background-color: rgba(47, 44, 63, 0.425);
+}
+
 #p-info,
 #info,
 #memory {
@@ -194,15 +223,13 @@ window#waybar.fullscreen {
 #custom-lock,
 #custom-powerm,
 #custom-power {
-    padding: 0.2rem 1rem;
-
-    margin: 0 1px;
-
-    font-weight: 600;
-
-    border-top: solid 1px currentcolor;
-
-    transition: 350ms;
+    padding: 0 1rem;
+    margin: 0 2px;
+    font-weight: 500;
+    border-radius: 6px;
+    background: rgba(255, 255, 255, 0.05);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    transition: all 100ms ease-in-out;
 }
 
 #custom-reboot:hover,
@@ -210,14 +237,14 @@ window#waybar.fullscreen {
 #custom-powerm:hover,
 #custom-lock:hover,
 #custom-power:hover {
-    border-top: solid 2px red;
+    border-top: solid 2px currentcolor;
 
-    transition: 250ms;
+    transition: 130ms;
 
     margin: 0;
     /* border-radius: 2rem; */
 
-    font-size: 1.5rem;
+    font-size: 1.1rem;
 }
 
 #pulseaudio,
@@ -229,15 +256,14 @@ window#waybar.fullscreen {
 #network,
 #not-power,
 #tray {
-    padding: 6px;
-
+    padding: 4px 8px;
     margin: 0px 4px 0;
-
     font-weight: 600;
-
     border-top: solid 2px transparent;
-
-    transition: 550ms;
+    border-radius: 6px;
+    background: rgba(255, 255, 255, 0.02);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+    transition: all 300ms ease;
 }
 
 #pulseaudio:hover,
@@ -248,6 +274,8 @@ window#waybar.fullscreen {
 #clock:hover,
 #network:hover {
     border-top: solid 2px currentcolor;
-
-    transition: 250ms;
-}
+    background: rgba(255, 255, 255, 0.05);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
+    /* transform: translateY(-1px); */
+    transition: all 200ms ease;
+}
\ No newline at end of file