From d65af418f6cf8457affac621b000997db76e3411 Mon Sep 17 00:00:00 2001
From: Ahmad Ansori Palembani <palembani@gmail.com>
Date: Wed, 15 May 2024 10:23:41 +0700
Subject: [PATCH] style(eww): Stylise systray

---
 .config/eww/eww.scss | 21 +++++++++++++++++----
 .config/eww/eww.yuck |  2 +-
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/.config/eww/eww.scss b/.config/eww/eww.scss
index 6818128..7dbfcc7 100644
--- a/.config/eww/eww.scss
+++ b/.config/eww/eww.scss
@@ -16,6 +16,8 @@ $bg-radius: 8px;
 $bg-margin: 4px;
 // << bg
 
+$blue-500: #1CA2DA;
+
 /** tooltip!! **/
 tooltip {
     .background {
@@ -30,19 +32,30 @@ tooltip {
     }
 }
 
-.csd.background.popup { /* SysTray popup */
-    background-color: black;
+.tray menu { /* SysTray popup */
+    padding: 5px;
+    background-color: $bg-300;
+    border-radius: $bg-radius;
 
     separator {
         padding-bottom: 8px;
     }
 
     menuitem {
-        -gtk-dpi: 16;
+        padding: 2px 8px;
+        font-size: 14px;
+    }
+
+    menuitem:last-child {
+        margin: 0px 0px $bg-radius 0px;
+    }
+
+    menuitem:first-child {
+        margin: $bg-radius 0px 0px 0px;
     }
 
     menuitem:hover {
-        background-color: red;
+        background-color: $blue-500;
     }
 }
 
diff --git a/.config/eww/eww.yuck b/.config/eww/eww.yuck
index 3f55816..3a87119 100644
--- a/.config/eww/eww.yuck
+++ b/.config/eww/eww.yuck
@@ -36,7 +36,7 @@
     (box :halign "end"
          :class "end"
          :space-evenly false
-        (systray :icon-size "16" :pack-direction "rtl")))
+        (systray :class "tray" :icon-size "16" :pack-direction "rtl")))
 
 (defwidget workspaces []
     (box :class "workspaces"