From c306d53594a6cefc2ecc39dd8d29f9edf1b8ed77 Mon Sep 17 00:00:00 2001
From: Arpit Chakladar <arpitchakladar+git@gmail.com>
Date: Wed, 26 Aug 2026 22:49:00 +0530
Subject: desktop: showing the icon of the currently focused window in
 workspaces

- showing the icon of the currently focused window in the workspaces
  button for each workspace
---
 modules/desktop/eww/eww.mustache.scss | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

(limited to 'modules/desktop/eww/eww.mustache.scss')

diff --git a/modules/desktop/eww/eww.mustache.scss b/modules/desktop/eww/eww.mustache.scss
index a546aaf..64a5c7f 100644
--- a/modules/desktop/eww/eww.mustache.scss
+++ b/modules/desktop/eww/eww.mustache.scss
@@ -9,15 +9,13 @@ window#eww-bar {
 }
 
 .bar-container {
-  background: #{{base00}};
-  margin: 3px 5px;
-  border: 1px solid #{{base07}};
-  color: #{{base07}};
+  background: transparent;
 }
 
 .workspaces, .windows {
   padding: 5px;
-  border-bottom: 1px solid #{{base07}};
+  border: 1px solid #{{base07}};
+  margin: 5px;
 }
 
 .workspace-button, .window-button {
@@ -35,3 +33,16 @@ window#eww-bar {
 .workspace-button.active, .window-button.focused {
   border-color: #{{base07}};
 }
+
+.workspace-button .workspace-icon {
+  padding: 0;
+  margin: 0;
+}
+
+.workspace-button .workspace-idx {
+  font-size: 14px;
+  background: #{{base00}};
+  color: #{{base07}};
+  border-radius: 4px;
+  margin: 20px 0 0 20px; /* nudges the label into the bottom-right corner over the icon */
+}
-- 
cgit v1.2.3