diff --git a/de/home/.config/eww/eww.scss b/de/home/.config/eww/eww.scss index 8a322f4..a3e1ff0 100644 --- a/de/home/.config/eww/eww.scss +++ b/de/home/.config/eww/eww.scss @@ -67,7 +67,6 @@ circular-progress { } .revealer-on-hover { -// background-color: $bar-module-bg-color; color: $bar-module-fg-color; border-radius: $bar-module-border-radius; } @@ -88,7 +87,6 @@ circular-progress { .reveal_children>widget, .reveal_children>button { border-left: 1px solid $bar-bg-color; -// border-radius:$bar-module-border-radius; } .rightgroup>label, .rightgroup>button, @@ -113,7 +111,6 @@ label { margin-top: 2px; } .workspaces { -// background-color: $bar-module-bg-color; border-radius: $bar-module-border-radius; } .workspaces button { @@ -198,9 +195,16 @@ tooltip{ border: 2px solid rgba($color0,0.5); border-radius: 8px; } + +$home-widget-bg-color: rgba($color0,0.7); +$home-widget-border-radius: 8px; +$home-button-bg-color: rgba($color13, 0.25); +$home-button-fg-color: rgba($color5,1); +$home-widget-subtitle-color: rgba($color3,1) + .home { > box { - border-radius: 8px; + border-radius: $home-widget-border-radius; box-shadow: inset 0 0 0px 3px rgba($color1,0.75); } .rat { @@ -208,18 +212,19 @@ tooltip{ background-repeat: no-repeat; } .weather { - background-color: rgba($color0,0.5); + background-color: $home-widget-bg-color; padding: 10px 0px; .weather-subtitle{ - font-size: 0.8em; - color: rgba($color7,1); + font-size: 0.8em; + color: $home-widget-subtitle-color; +// color: rgba($color7,1); } } .notes { - background-color: rgba($color0,0.5); + background-color: $home-widget-bg-color; padding: 10px; button { - background-color: rgba($color9,0.5); + background-color: $home-button-bg-color; border-radius: 6px; padding: 4px 8px; margin: 4px; @@ -236,10 +241,10 @@ tooltip{ } } .shortcuts { - background-color: rgba($color0,0.5); + background-color: $home-widget-bg-color; padding: 15px; button { - background-color: rgba($color9,0.5); + background-color: $home-button-bg-color; border-radius: 30px; margin: 5px; font-size: 1.2em;