diff --git a/de/home/.config/eww/eww.scss b/de/home/.config/eww/eww.scss index 1aaca64..9b28055 100644 --- a/de/home/.config/eww/eww.scss +++ b/de/home/.config/eww/eww.scss @@ -7,10 +7,11 @@ $bar-module-width: 25px; $bar-bg-color: rgba($color0,0.8); -$bar-inactive-bg-color: rgba($color5,0.15); -$bar-inactive-fg-color: $color13; -$bar-active-bg-color: rgba($color1,0.5); -$bar-active-fg-color: $color1; +$bar-module-bg-color: rgba($color5,0.15); +$bar-module-fg-color: $color13; +//$bar-active-bg-color: rgba($color1,0.5); +//$bar-active-fg-color: $color1; +$bar-module-active-shadow: 0px -8px 3px -4px $color2 inset; $bar-hover-bg-color: rgba($color1,0.5); $bar-hover-fg-color: $color9; $bar-module-border-radius: 8px; @@ -65,8 +66,8 @@ circular-progress { } .revealer-on-hover { - background-color: $bar-inactive-bg-color; - color: $bar-inactive-fg-color; + background-color: $bar-module-bg-color; + color: $bar-module-fg-color; border-radius: $bar-module-border-radius; } .revealer-on-hover>widget>box>box>*, @@ -91,8 +92,8 @@ circular-progress { .music, .profile, .active_window { - background-color: $bar-inactive-bg-color; - color: $bar-inactive-fg-color; + background-color: $bar-module-bg-color; + color: $bar-module-fg-color; padding: 3px 4px; border-radius: $bar-module-border-radius; } @@ -100,13 +101,13 @@ label { margin-top: 2px; } .workspaces { - background-color: $bar-inactive-bg-color; + background-color: $bar-module-bg-color; border-radius: $bar-module-border-radius; } .workspaces button { - background-color: $bar-inactive-bg-color; + background-color: $bar-module-bg-color; border-left: 1px solid $bar-bg-color; - color: $bar-inactive-fg-color; + color: $bar-module-fg-color; padding: 3px 4px; min-width: $bar-module-width; } @@ -117,13 +118,14 @@ label { transition-duration: .25s; } .workspaces .focused{ - background-color: $bar-active-bg-color; - color: $bar-active-fg-color; - box-shadow: 0px -4px 9px $color2 inset; + background-color: $bar-module-bg-color; + color: $bar-module-fg-color; + box-shadow: $bar-module-active-shadow; } button.active { - background-color: $bar-active-bg-color; - color: $bar-active-fg-color; + background-color: $bar-module-bg-color; + box-shadow: $bar-module-active-shadow; + color: $bar-module-fg-color; } .workspaces button:first-child { border-radius:$bar-module-border-radius 0px 0px $bar-module-border-radius;