From 31811894b37e004797e3c1f0ebc958e3cc2359fc Mon Sep 17 00:00:00 2001
From: pyrschtjag <pyrschtjag@gmail.com>
Date: Fri, 3 Apr 2026 14:56:44 +0400
Subject: [PATCH] fix: fixed colors and transition with slide-wrapper

---
 eww/eww.scss | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/eww/eww.scss b/eww/eww.scss
index 8fe5ce3..54b6fef 100644
--- a/eww/eww.scss
+++ b/eww/eww.scss
@@ -115,6 +115,7 @@ separator {
 // воркспейсы
 .workspaces-rail {
     @extend .capsule;
+    
     padding: 0;
     transition: all $t-norm $ease-oil;
 }
@@ -138,11 +139,10 @@ separator {
 // раскладка
 .kb-pill {
     @extend .capsule;
+
     margin-right: 0;
     
-    .kb-label {
-        transition: color $t-norm ease-in-out;
-    }
+    .kb-label { transition: color $t-norm ease-in-out; }
 
     &.caps-on {
         border-color: $yellow;
@@ -165,10 +165,16 @@ separator {
 // статистика
 .stats-pill {
     padding: 0 6px;
+
+    .slide-wrapper { transition: all $t-fase ease-in-out; }
+
     &.alert { 
         border-color: $red; 
         border-width: 0.75px;
-        .slide-wrapper { border-color: $red; }
+        .slide-wrapper {
+            border-color: $red;
+            transition: all $t-slow ease-in-out;
+        }
     }
 }
 
@@ -182,12 +188,17 @@ separator {
     @extend .capsule;
     
     .icon { margin-right: 14px; }
+    .slide-wrapper { transition: all $t-fase ease-in-out; }
 
     &.muted {
         border-color: #444;
         .icon, .stat-label { color: $muted-gray; }
         scale slider { background-color: $muted-gray; }
         scale trough highlight { background-color: #444; }
+        .slide-wrapper {
+            border-color: #444;
+            transition: all $t-slow ease-in-out;
+        }
     }
 }
 
@@ -196,8 +207,10 @@ separator {
 // трей
 .tray-capsule {
     @extend .capsule;
+    
     padding: 0 10px;
     margin-right: 0;
+
     image { margin: 0 2px; opacity: 0.8; }
 }
 
-- 
2.47.3