diff --git a/de/home/.config/eww/eww.scss b/de/home/.config/eww/eww.scss index 27441a7..0812ba5 100644 --- a/de/home/.config/eww/eww.scss +++ b/de/home/.config/eww/eww.scss @@ -145,7 +145,7 @@ circular-progress { .reveal_children>button { border-left: 1px solid $bar-module-fg-color; }*/ -/.rightgroup>label, +/*.rightgroup>label, .rightgroup>button { //.rightgroup .reveal_children>button, //.rightgroup>.revealer-on-hover>widget>box>box>button { @@ -161,26 +161,26 @@ circular-progress { border-radius: $bar-module-border-radius; }*/ -.music { - color: $bar-module-fg-color; - background-color: $bar-module-bg-color; - border-radius: $bar-module-border-radius; -} -.rightgroup>label, -.active_window{ +//.music { +// color: $bar-module-fg-color; +// background-color: $bar-module-bg-color; +// border-radius: $bar-module-border-radius; +//} +//.rightgroup>label, +/*.active_window{ color: $bar-module-fg-color; padding: 3px 4px; border-radius: $bar-module-border-radius; -} -label { +}*/ +/*label { margin-top: 2px; -} +}*/ //.workspaces, -.profile { +/*.profile { border-radius: $bar-module-border-radius; -} +}*/ //.workspaces button, -.leftgroup button { +/*.leftgroup button { // background-color: $bar-module-bg-color; // border-left: 1px solid $bar-module-fg-color; // color:blue; @@ -188,7 +188,7 @@ label { padding: 3px 4px; min-width: $bar-module-width; transition: color 0.3s, text-shadow 0.3s; -} +}*/ //.workspaces button:hover, .rightgroup button:hover, .leftgroup button:hover { diff --git a/de/home/.config/eww/modules/bar/network.yuck b/de/home/.config/eww/modules/bar/network.yuck index 8ee68af..fd3f040 100644 --- a/de/home/.config/eww/modules/bar/network.yuck +++ b/de/home/.config/eww/modules/bar/network.yuck @@ -4,7 +4,7 @@ :revealvar reveal_network :revealvar-name "reveal_network" (button :onclick 'nm-connection-editor' - :class "revealer-preview ${network_status.wifi || network_status.wired ? 'active' : 'inactive'}" + :class {network_status.wifi || network_status.wired ? 'active' : 'inactive'} "󰇧") (network_children))) diff --git a/de/home/.config/eww/modules/bar/vpn.yuck b/de/home/.config/eww/modules/bar/vpn.yuck index 9820974..dfa30c3 100644 --- a/de/home/.config/eww/modules/bar/vpn.yuck +++ b/de/home/.config/eww/modules/bar/vpn.yuck @@ -4,7 +4,7 @@ :revealvar reveal_vpn :revealvar-name "reveal_vpn" (button :onclick 'notify-send "test"' - :class "revealer-preview ${network_status.proton || network_status.homevpn ? 'active' : 'inactive'}" + :class {network_status.proton || network_status.homevpn ? 'active' : 'inactive'} {network_status.proton || network_status.homevpn ? "" : ""}) (vpn_children))) diff --git a/de/home/.config/eww/style/bar.scss b/de/home/.config/eww/style/bar.scss index 87a4323..0508d6e 100644 --- a/de/home/.config/eww/style/bar.scss +++ b/de/home/.config/eww/style/bar.scss @@ -9,11 +9,14 @@ background-color: $bar-bg-color; border-radius: $bar-module-border-radius; &>box:not(.workspaces), +// &>box, &>button, &>label { + color: $bar-module-fg-color; background-color: $bar-bg-color; border-radius: $bar-module-border-radius; margin: 0px 5px; + padding: 0px 5px; min-width: $bar-module-width; border: 2px solid $bar-module-fg-color; background-color: $bar-module-bg-color; @@ -21,13 +24,15 @@ } .workspaces { + color: $bar-module-fg-color; border-radius: $bar-module-border-radius; - margin: 0px 5px; +// margin: 0px 5px; min-width: $bar-module-width; border: 2px solid $bar-module-fg-color; background-color: $bar-module-bg-color; button { + padding: 3px 4px; &.left { border-right: 2px solid $bar-module-fg-color; } @@ -45,7 +50,7 @@ .workspace-number { margin: 0px; margin-left: 6px; - margin-top: -17px; + margin-top: -15px; padding: 0px; font-size: 0.6em; } @@ -81,6 +86,9 @@ text-shadow: $bar-module-hover-shadow; } } + .reveal_children>* { + border-left: 1px solid $bar-module-fg-color; + } .tray>widget>image, .scratchpad>button>image { padding: 3px 4px; @@ -97,4 +105,5 @@ opacity: 1; } } + }