diff --git a/de/home/.config/eww/style/bar/power.scss b/de/home/.config/eww/style/bar/power.scss index f48936a..8e1d9aa 100644 --- a/de/home/.config/eww/style/bar/power.scss +++ b/de/home/.config/eww/style/bar/power.scss @@ -1,7 +1,5 @@ .powermenu { -// $module-fg-color: $color0; -// $module-bg-color: mix($color0,$color9,60%); margin: 0px 5px; - $module-color: $bar-bg-color; + $module-color: $color9; @import "./styles/revealer.scss" } diff --git a/de/home/.config/eww/style/bar/styles/revealer.scss b/de/home/.config/eww/style/bar/styles/revealer.scss index 6a94543..5f6ef5a 100644 --- a/de/home/.config/eww/style/bar/styles/revealer.scss +++ b/de/home/.config/eww/style/bar/styles/revealer.scss @@ -8,13 +8,15 @@ padding: 0px 7px; min-width: $bar-module-width; transition: all 0.3s; -// background: linear-gradient($bar-bg-color 65%, $module-color); background-color: rgba($bar-bg-color,0.5); + &:hover { + background: linear-gradient(rgba($bar-bg-color,0.5) 15%, rgba($module-color,0.5)); +// background: linear-gradient(mix(rgba($bar-bg-color,0.5), rgba($module-color,0.5)) 15%, rgba($bar-bg-color,0.5)); + } &.active { background: mix(rgba($bar-bg-color,0.5), rgba($module-color,0.5),25%); &:hover { background: linear-gradient(mix(rgba($bar-bg-color,0.5), rgba($module-color,0.5)) 15%, rgba($bar-bg-color,0.5)); -// background: mix(rgba($bar-bg-color,0.75), rgba($module-color,0.75)); } } &.inactive { @@ -22,14 +24,8 @@ color: rgba($bar-fg-color,0.5); &:hover { background: linear-gradient(rgba($bar-bg-color,0.3) 15%, rgba($module-color,0.3)); -// background: mix(rgba($bar-bg-color,0.5), rgba($module-color,0.5)); } } -/* &:hover { - background: linear-gradient(rgba($bar-bg-color,0.5) 15%, rgba($module-color,0.75)); - color: rgba($bar-fg-color,1) -// background: rgba($module-color,0.5); - }*/ } .revealer-preview { // box-shadow: inset 0px -7px 9px -4px rgba($module-color,0.4);