diff --git a/de/home/.config/eww/eww.scss b/de/home/.config/eww/eww.scss index 0812ba5..4633e08 100644 --- a/de/home/.config/eww/eww.scss +++ b/de/home/.config/eww/eww.scss @@ -190,14 +190,14 @@ circular-progress { transition: color 0.3s, text-shadow 0.3s; }*/ //.workspaces button:hover, -.rightgroup button:hover, +/*.rightgroup button:hover, .leftgroup button:hover { // text-shadow: 1px 1px 1px rgba($color2,1); text-shadow: $bar-module-hover-shadow; color: $bar-hover-fg-color; // transition: all 0.2s; -} -.rightgroup { +}*/ +/*.rightgroup { button { transition: all 0.3s; &.active:not(:hover) { @@ -208,11 +208,11 @@ circular-progress { color: $bar-module-inactive-fg-color; } } -} -.workspaces .focused { +}*/ +/*.workspaces .focused { color: $bar-module-active-fg-color; text-shadow: $bar-module-active-shadow; -} +}*/ //.workspaces button:first-child { //.workspaces:first-child { @@ -227,36 +227,36 @@ circular-progress { //} //.revealer-on-hover>widget>box>revealer>box>box>button { -.rightgroup>.revealer-on-hover>widget>box>box>button, +/*.rightgroup>.revealer-on-hover>widget>box>box>button, .leftgroup>.revealer-on-hover>widget>box>box>button { border-radius: 8px; &:hover { border-radius:$bar-module-border-radius 0px 0px $bar-module-border-radius; // text-shadow: $bar-module-hover-shadow; } -} +}*/ //.workspaces button:last-child, //.workspaces:last-child, -.reveal_children>box:last-child, +/*.reveal_children>box:last-child, .reveal_children>scale:last-child, .reveal_children>progressbar:last-child, .reveal_children>button:last-child, .reveal_children>widget:last-child { border-radius:0px $bar-module-border-radius $bar-module-border-radius 0px; -} +}*/ //.workspaces button:only-child, //.workspaces:only-child, //.reveal_children>box:only-child, //.reveal_children>scale:only-child, //.reveal_children>progressbar:only-child, //.reveal_children>button:only-child, -.reveal_children>widget:only-child { +/*.reveal_children>widget:only-child { border-radius:$bar-module-border-radius; -} -.datetime { +}*/ +/*.datetime { font-weight: bold; -} +}*/ menu { color: $color9; background-color: rgba($color0,0.75); diff --git a/de/home/.config/eww/modules/bar/workspaces.yuck b/de/home/.config/eww/modules/bar/workspaces.yuck index 787fc09..896f86f 100644 --- a/de/home/.config/eww/modules/bar/workspaces.yuck +++ b/de/home/.config/eww/modules/bar/workspaces.yuck @@ -1,4 +1,5 @@ -(deflisten activeWorkspace 'scripts/bar/active-workspace') +(deflisten activeWorkspace :initial '1' + 'scripts/bar/active-workspace') (deflisten workspacesArray :initial '[{"name": "placeholder","focused":true,"num":0}]' 'scripts/bar/workspaces') (defvar wsreveal true) diff --git a/de/home/.config/eww/style/bar.scss b/de/home/.config/eww/style/bar.scss index 8e0ed0d..f20db61 100644 --- a/de/home/.config/eww/style/bar.scss +++ b/de/home/.config/eww/style/bar.scss @@ -33,16 +33,23 @@ button { min-width: 35px; -// padding: 3px 4px; + transition: all 0.3s; +// padding: 0px 0px; &.left { - border-right: 1px solid $bar-module-fg-color; +// border-right: 1px solid $bar-module-fg-color; + border-left: 1px solid $bar-module-fg-color; + border-radius: $bar-module-border-radius - 2; } &.center { - text-shadow: $bar-module-active-shadow; - color: $bar-module-active-fg-color; +// text-shadow: $bar-module-active-shadow; + color: $bar-module-fg-color; + background-color: $bar-module-active-fg-color; + border-radius: $bar-module-border-radius - 2; } &.right { - border-left: 1px solid $bar-module-fg-color; +// border-left: 1px solid $bar-module-fg-color; + border-right: 1px solid $bar-module-fg-color; + border-radius: $bar-module-border-radius - 2; } label { padding: 4px 6px; @@ -55,6 +62,10 @@ padding: 0px; font-size: 0.6em; } + &:hover { + text-shadow: $bar-module-hover-shadow; + color: $bar-hover-fg-color; + } } } scale trough, @@ -82,10 +93,11 @@ &>box>label, .revealer-on-hover>widget>box>box>*, .reveal_children>* { - padding: 0px 4px; + padding: 0px 5px; min-width: $bar-module-width; transition: all 0.3s; &:hover { + color: $bar-hover-fg-color; text-shadow: $bar-module-hover-shadow; } } @@ -108,5 +120,7 @@ opacity: 1; } } - + .datetime { + font-weight: bold; + } }