diff --git a/de/home/.config/eww/scripts/bar/activewindow b/de/home/.config/eww/scripts/bar/activewindow index 7bde713..d3e44a1 100755 --- a/de/home/.config/eww/scripts/bar/activewindow +++ b/de/home/.config/eww/scripts/bar/activewindow @@ -13,8 +13,8 @@ function get_window_name() { output="${icons[${s}]} ${output}" fi done - if [ ${#output} -ge 40 ];then - echo "${output:0:35}…" + if [ ${#output} -ge 50 ];then + echo "${output:0:45}…" else echo "${output}" fi diff --git a/de/home/.config/eww/style/bar/workspaces.scss b/de/home/.config/eww/style/bar/workspaces.scss index 0b5b661..e84f68d 100644 --- a/de/home/.config/eww/style/bar/workspaces.scss +++ b/de/home/.config/eww/style/bar/workspaces.scss @@ -7,13 +7,8 @@ $work-color: mix($color5, $color4, 30%); .workspaces { border: 2px solid $bar-bg-color; font-weight: bold; - &.profile-development, - &.profile-school, - &.profile-work { - color: $bar-module-fg-color; - } &.profile-personal { - background-color: transparent; + border-color: $personal-color; } &.profile-development { border-color: $development-color; @@ -30,6 +25,23 @@ $work-color: mix($color5, $color4, 30%); border-right: 0px solid transparent; border-radius: $bar-module-border-radius 0px 0px $bar-module-border-radius; color: $bar-bg-color; + &.profile-development, + &.profile-school, + &.profile-work { + color: $bar-module-fg-color; + } + &.profile-personal { + background-color: transparent; + } + &.profile-development { + background-color: $development-color; + } + &.profile-school { + background-color: $school-color; + } + &.profile-work { + background-color: $work-color; + } } .workspaces { @@ -40,15 +52,19 @@ $work-color: mix($color5, $color4, 30%); border-radius: 0px $bar-module-bg-border-radius $bar-module-bg-border-radius 0px; &.profile-personal { background-color: $personal-color; + border-color: $personal-color; } &.profile-development { background-color: $development-color; + border-color: $development-color; } &.profile-school { background-color: $school-color; + border-color: $school-color; } &.profile-work { background-color: $work-color; + border-color: $work-color; } } &.true>box>button { @@ -61,26 +77,60 @@ $work-color: mix($color5, $color4, 30%); border-left: 0px solid transparent; border-radius: 0px $bar-module-border-radius $bar-module-border-radius 0px; revealer { - &>box>box>button { - color: $bar-bg-color; - &:hover { - background-color: rgba($bar-bg-color,0.4); - } - } + &.ws-left { - >box>box { + >box>box>button { border-left: 2px solid $bar-bg-color; } } &.ws-right { - >box>box { - border-right: 2px solid $bar-bg-color; + >box>box + &>button { + border-right: 2px solid $bar-bg-color; + } &:last-child { border-right: 0px solid transparent; - border-radius: 0px $bar-module-border-radius $bar-module-border-radius 0px; + &>button { + border-radius: 0px $bar-module-border-radius $bar-module-border-radius 0px; + } } } } + &>box>box>button { + color: $bar-bg-color; + &.profile-personal { + color: $personal-color; + border-color: $personal-color; + } + &.profile-development { + color: $development-color; + border-color: $development-color; + } + &.profile-school { + color: $school-color; + border-color: $school-color; + } + &.profile-work { + color: $work-color; + border-color: $work-color; + } + &:hover { + background-color: rgba($bar-bg-color,0.5); + &.profile-personal { + background-color: rgba($personal-color,0.5); + } + &.profile-development { + background-color: rgba($development-color,0.5); + } + &.profile-school { + background-color: rgba($school-color,0.5); + } + &.profile-work { + background-color: rgba($work-color,0.5); + } +// background-color: rgba($bar-bg-color,0.4); + } + } } button { min-width: 35px;