From a3661187dc17cb2b8117b1cb011ce6667b6fedc3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Laure=CE=B7t?= <laurent@fainsin.bzh>
Date: Sun, 4 Jun 2023 01:07:54 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20eww.scss,=20use=20mix=20instead?=
 =?UTF-8?q?=20of=20opacity?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 hosts/neodymium/home/wayland/eww/eww.scss | 28 ++++++++++-------------
 1 file changed, 12 insertions(+), 16 deletions(-)

diff --git a/hosts/neodymium/home/wayland/eww/eww.scss b/hosts/neodymium/home/wayland/eww/eww.scss
index a923b27..a63bc06 100644
--- a/hosts/neodymium/home/wayland/eww/eww.scss
+++ b/hosts/neodymium/home/wayland/eww/eww.scss
@@ -21,13 +21,12 @@ $colors: $rosewater, $flamingo, $pink, $mauve, $red, $maroon, $peach, $yellow, $
   @for $i from 1 through 10 {
     &.entry-#{$i} {
       .text {
-        opacity: 0.3;
         padding: 0 5px;
         color: $crust;
-        background-color: nth($colors, $i);
+        background-color: mix(nth($colors, $i), #4E4365, 30%);
 
         &.active {
-          opacity: 1;
+          background-color: mix(nth($colors, $i), #4E4365, 100%);
         }
 
         &.empty {
@@ -36,34 +35,31 @@ $colors: $rosewater, $flamingo, $pink, $mauve, $red, $maroon, $peach, $yellow, $
       }
 
       .seperator {
-        opacity: 0.3;
         font-size: 19px;
         margin-top: -1px;
 
-        &.active {
-          opacity: 1;
+        &.up {
+          color: mix(nth($colors, $i), #4E4365, 30%);
         }
 
-        &.up {
-
-          @if $i ==10 {
-            color: nth($colors, 10);
-          }
-
-          @else {
-            color: nth($colors, $i);
-          }
+        &.up.active {
+          color: mix(nth($colors, $i), #4E4365, 100%);
         }
 
         &.down {
           margin-left: -12px;
+          margin-right: -1px;
 
           @if $i ==10 {
             color: transparent;
           }
 
           @else {
-            color: nth($colors, $i + 1);
+            &.active {
+              color: mix(nth($colors, $i + 1), #4E4365, 100%);
+            }
+
+            color: mix(nth($colors, $i + 1), #4E4365, 30%);
           }
         }
       }