pogmommy/dotfiles
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

New backup 2025-07-25 19:15:07

Browse source
This commit is contained in:
Penelope Gwen 2025-07-25 19:15:07 -07:00
parent 63da444929
commit 10570880d7
2 changed files with 39 additions and 75 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
de/home/.config/eww/modules/bar/workspaces.yuck
View file

@ -29,31 +29,31 @@
:space-evenly false :space-evenly false
:halign "start" :halign "start"
(revealer (revealer
:class "ws-left" :class "ws-left"
:reveal wsreveal :reveal wsreveal
:transition "slideleft" :transition "slideleft"
:duration "500ms" :duration "500ms"
(box (box
(for entry in array (for entry in array
(literal (literal
:visible {((entry.num <= activeWorkspace) && !entry.focused) ? true : false} :visible {((entry.num <= activeWorkspace) && !entry.focused) ? true : false}
:content {((entry.num <= activeWorkspace) && !entry.focused) ? "(workspace :ws entry :side 'left')" : "(box :visible false)"})))) :content {((entry.num <= activeWorkspace) && !entry.focused) ? "(workspace :ws entry :side 'left')" : "(box :visible false)"}))))
(box (box
(for entry in array (for entry in array
(literal (literal
:visible {entry.focused ? true : false} :visible {entry.focused ? true : false}
:content {entry.focused ? "(workspace :ws entry :side 'center')" : "(box :visible false)"}))) :content {entry.focused ? "(workspace :ws entry :side 'center')" : "(box :visible false)"})))
(revealer (revealer
:class "ws-right" :class "ws-right"
:reveal wsreveal :reveal wsreveal
:transition "slideright" :transition "slideright"
:duration "500ms" :duration "500ms"
(box (box
(for entry in array (for entry in array
(literal (literal
:visible {((entry.num >= activeWorkspace) && !entry.focused) ? true : false} :visible {((entry.num >= activeWorkspace) && !entry.focused) ? true : false}
:content {((entry.num >= activeWorkspace) && !entry.focused) ? "(workspace :ws entry :side 'right')" : "(box :visible false)"}))))))) :content {((entry.num >= activeWorkspace) && !entry.focused) ? "(workspace :ws entry :side 'right')" : "(box :visible false)"})))))))
;) ;)
; (for entry in array ; (for entry in array

64
de/home/.config/eww/style/bar.scss
View file

@ -12,93 +12,67 @@ $bar-reveal-children-bg-color: rgba($color0, 0.1);
border-radius: $bar-module-border-radius; border-radius: $bar-module-border-radius;
border: 3px solid $bar-module-fg-color; border: 3px solid $bar-module-fg-color;
box-shadow: 0px 0px 9px 0px $bar-module-fg-color; box-shadow: 0px 0px 9px 0px $bar-module-fg-color;
// &>box:not(.workspaces),
// &>box.revealer-on-hover,
.revealer-on-hover>widget>box>box>*, .revealer-on-hover>widget>box>box>*,
// .revealer-on-hover>widget>box>box>button,
.reveal_children>*, .reveal_children>*,
&>button, &>button,
&>label { &>label {
color: $bar-module-fg-color; color: $bar-module-fg-color;
// background-color: $bar-bg-color;
border-radius: $bar-module-border-radius; border-radius: $bar-module-border-radius;
margin: 0px 5px; margin: 0px 5px;
// padding: 0px 5px;
// margin-left: -5px;
min-width: $bar-module-width; min-width: $bar-module-width;
// border: 2px solid $bar-module-fg-color; &:first-child {
// background-color: $bar-module-bg-color; margin-left: 0px;
// box-shadow: 4px 0 3px -2px $bar-module-fg-color; }
// &:last-child {
// margin-right: 0px;
// }
} }
.revealer-on-hover>widget>box>box>* { .revealer-on-hover>widget>box>box>* {
// .revealer-on-hover>widget>box>box>button {
// margin-right: 0px;
border-radius: 8px; border-radius: 8px;
} }
.revealer-on-hover>widget>box>box>*, .revealer-on-hover>widget>box>box>*,
// .revealer-on-hover>widget>box>box>button,
.reveal_children>*, .reveal_children>*,
// &>box.revealer-on-hover:not(:last-child),
&>button, &>button,
&>label { &>label {
// &>:not(:last-child) {
box-shadow: 3px 0 3px -2px $bar-module-fg-color; box-shadow: 3px 0 3px -2px $bar-module-fg-color;
// }
// margin-left: -5px;
} }
// .revealer-on-hover:not(:last-child) {
// margin: 0px 10px;
// }
.revealer-on-hover.true { .revealer-on-hover.true {
background-color: $bar-reveal-children-bg-color; background-color: $bar-reveal-children-bg-color;
border-radius: 8px; border-radius: 8px;
} }
.reveal_children { .reveal_children {
// background-color: $bar-reveal-children-bg-color;
border-radius: 0px $bar-module-border-radius $bar-module-border-radius 0px; border-radius: 0px $bar-module-border-radius $bar-module-border-radius 0px;
} }
.reveal_children>* { .reveal_children>* {
margin-left: -6px; margin-left: -6px;
// background-color: $bar-reveal-children-bg-color;
// margin: 0px;
// border-radius: 0px $bar-module-border-radius $bar-module-border-radius 0px;
// padding: -10px;
// &:first-child {
// margin-left: 5px;
// color: red;
// box-shadow: -4px 0px 2px -2px red, 5px 0 3px -2px $bar-module-fg-color;
// }
} }
} }
.workspaces { .workspaces {
color: $bar-module-fg-color; 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;
// margin-left: 5px;
revealer { revealer {
&.ws-left { &.ws-left {
padding-left: 5px; padding-left: 5px;
button {
background-color: $bar-reveal-children-bg-color;
}
} }
&.ws-right { &.ws-right {
padding-right: 1px; padding-right: 5px;
button {
background-color: $bar-reveal-children-bg-color;
}
} }
} }
button { button {
min-width: 35px; min-width: 35px;
transition: all 0.3s; transition: all 0.3s;
// padding: 0px 0px;
&.left { &.left {
// border-right: 1px solid $bar-module-fg-color;
// border-left: 1px solid $bar-module-fg-color;
margin-right: -2px; margin-right: -2px;
border-radius: $bar-module-border-radius - 2; border-radius: $bar-module-border-radius - 2;
box-shadow: -4px 0 3px -2px $bar-module-fg-color; box-shadow: -4px 0 3px -2px $bar-module-fg-color;
// background-color: $bar-reveal-children-bg-color;
} }
&.center { &.center {
color: $bar-module-fg-color; color: $bar-module-fg-color;
@ -106,12 +80,9 @@ $bar-reveal-children-bg-color: rgba($color0, 0.1);
box-shadow: 0 0 2px 1px $bar-module-fg-color; box-shadow: 0 0 2px 1px $bar-module-fg-color;
} }
&.right { &.right {
// border-left: 1px solid $bar-module-fg-color;
// border-right: 1px solid $bar-module-fg-color;
margin-left: -2px; margin-left: -2px;
border-radius: $bar-module-border-radius - 1; border-radius: $bar-module-border-radius - 1;
box-shadow: 4px 0 3px -2px $bar-module-fg-color; box-shadow: 4px 0 3px -2px $bar-module-fg-color;
// background-color: $bar-reveal-children-bg-color;
} }
label { label {
padding: 4px 6px; padding: 4px 6px;
@ -155,8 +126,7 @@ $bar-reveal-children-bg-color: rgba($color0, 0.1);
&>box>label, &>box>label,
.bar-module>button, .bar-module>button,
.bar-module>label, .bar-module>label,
// .revealer-on-hover>widget>box>box>*, .revealer-on-hover>widget>box>box>*,
.revealer-on-hover>widget>box>box>button,
.reveal_children>* { .reveal_children>* {
padding: 0px 5px; padding: 0px 5px;
min-width: $bar-module-width; min-width: $bar-module-width;
@ -166,9 +136,6 @@ $bar-reveal-children-bg-color: rgba($color0, 0.1);
text-shadow: $bar-module-hover-shadow; text-shadow: $bar-module-hover-shadow;
} }
} }
// .reveal_children>* {
// border-left: 1px solid $bar-module-fg-color;
// }
.tray>widget>image, .tray>widget>image,
.scratchpad>button>image { .scratchpad>button>image {
padding: 3px 4px; padding: 3px 4px;
@ -188,9 +155,6 @@ $bar-reveal-children-bg-color: rgba($color0, 0.1);
.datetime { .datetime {
font-weight: bold; font-weight: bold;
} }
// .chevron {
// margin-right: 10px;
// }
.chevron box { .chevron box {
border: 2px solid transparent; border: 2px solid transparent;
box-shadow: 8px -8px 10px -8px black; box-shadow: 8px -8px 10px -8px black;