From 684dedeb1a527a74de31cb405168ad39ec802a51 Mon Sep 17 00:00:00 2001
From: Mora Unie Youer <mora_unie_youer@riseup.net>
Date: Sun, 2 Mar 2025 14:16:48 +0300
Subject: feat: basic topbar features

---
 style.scss | 48 +++++++++++++++++++++++++++++++++++-------------
 1 file changed, 35 insertions(+), 13 deletions(-)

(limited to 'style.scss')

diff --git a/style.scss b/style.scss
index 1d0d3a9..08bcbbf 100644
--- a/style.scss
+++ b/style.scss
@@ -1,20 +1,42 @@
 // https://gitlab.gnome.org/GNOME/gtk/-/blob/gtk-3-24/gtk/theme/Adwaita/_colors-public.scss
-$fg-color: #{"@theme_fg_color"};
-$bg-color: #{"@theme_bg_color"};
+// $fg-color: #{"@theme_fg_color"};
+// $bg-color: #{"@theme_bg_color"};
 
 window.Bar {
-    background: transparent;
-    color: $fg-color;
-    font-weight: bold;
-
-    >centerbox {
-        background: $bg-color;
-        border-radius: 10px;
-        margin: 8px;
+  border: none;
+  box-shadow: none;
+  background-color: #000;
+  color: #fff;
+
+  >box {
+    padding: 4px 0;
+  }
+}
+
+box.Workspaces {
+  padding-left: 3px;
+
+  >button {
+    min-width: 10px;
+    min-height: 10px;
+    border-radius: 5px;
+
+    border: none;
+    margin: 2px 4px;
+    padding: 0;
+    background: #ccc;
+
+    transition: min-width 2s ease-in-out;
+    // transition-property: min-width;
+    // transition-duration: 2s;
+    // transition-timing-function: ease-out;
+
+    &.active {
+      min-width: 25px;
     }
 
-    button {
-        border-radius: 8px;
-        margin: 2px;
+    &.focused {
+      background: #AD49E1;
     }
+  }
 }
-- 
cgit v1.2.3-70-g09d2