New backup 2025-07-25 16:45:06

This commit is contained in:
Penelope Gwen 2025-07-25 16:45:06 -07:00
parent 77991fab88
commit c5ec670164
4 changed files with 28 additions and 22 deletions

View file

@ -8,8 +8,8 @@
@import "./style/colors.scss"; @import "./style/colors.scss";
$bar-module-width: 25px; $bar-module-width: 25px;
$bar-bg-color: rgba($color5,0.0); $bar-module-bg-color: rgba($color5,0.0);
$bar-module-bg-color: rgba($color5,0.8); $bar-bg-color: rgba($color5,0.8);
$bar-module-fg-color: rgba($color0,0.8); $bar-module-fg-color: rgba($color0,0.8);
$bar-module-inactive-fg-color: rgba($color0,0.4); $bar-module-inactive-fg-color: rgba($color0,0.4);
$bar-module-active-fg-color: rgba($color13,0.9); $bar-module-active-fg-color: rgba($color13,0.9);

View file

@ -2,9 +2,10 @@
:interval "60s" :interval "60s"
"scripts/bar/activewindow") "scripts/bar/activewindow")
(defwidget windowtitle [] (defwidget windowtitle []
(box :class "bar-module" ; (box :class "bar-module"
:space-evenly false ; :space-evenly false
(button :onclick 'sp-profiles next' ; (button :onclick 'sp-profiles next'
(label :text '${active_profile}')) ; (label :text '${active_profile}'))
(label :class {active_window_name != "" ? "active_window" : ""} (label :class {active_window_name != "" ? "active_window" : ""}
:text {active_window_name}))) :text {active_window_name}))
;)

View file

@ -10,16 +10,17 @@
(button :class "profile" (button :class "profile"
:onclick 'sp-profiles next' :onclick 'sp-profiles next'
(label :text '${active_profile}')) (label :text '${active_profile}'))
(box :class "chevron" ; (box :class "chevron"
:width 32 ; :width 32
(transform :rotate 12.5 ; (transform :rotate 12.5
:translate-x '-50%' ; :translate-x '-50%'
:translate-y '50%' ; :translate-y '50%'
:transform-origin-x '50%' ; :transform-origin-x '50%'
:transform-origin-y '50%' ; :transform-origin-y '50%'
:scale-x '100%' ; :scale-x '100%'
:scale-y '100%' ; :scale-y '100%'
(box :width 32))) ; (box :width 32)))
(windowtitle)
(eventbox (eventbox
:onhover "${EWW_CMD} update wsreveal=true" :onhover "${EWW_CMD} update wsreveal=true"
:onhoverlost "${EWW_CMD} update wsreveal=false" :onhoverlost "${EWW_CMD} update wsreveal=false"

View file

@ -8,18 +8,19 @@
.rightgroup { .rightgroup {
background-color: $bar-bg-color; background-color: $bar-bg-color;
border-radius: $bar-module-border-radius; border-radius: $bar-module-border-radius;
border: 2px solid $bar-module-fg-color;
// &>box:not(.workspaces), // &>box:not(.workspaces),
&>box.revealer-on-hover, &>box.revealer-on-hover,
&>button, &>button,
&>label, &>label,
.bar-module { .bar-module {
color: $bar-module-fg-color; color: $bar-module-fg-color;
background-color: $bar-bg-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; // padding: 0px 5px;
min-width: $bar-module-width; min-width: $bar-module-width;
border: 2px solid $bar-module-fg-color; // border: 2px solid $bar-module-fg-color;
background-color: $bar-module-bg-color; background-color: $bar-module-bg-color;
} }
} }
@ -31,8 +32,9 @@
// min-width: $bar-module-width; // min-width: $bar-module-width;
// border: 2px solid $bar-module-fg-color; // border: 2px solid $bar-module-fg-color;
// background-color: $bar-module-bg-color; // background-color: $bar-module-bg-color;
// padding-left: 5px; margin-left: 5px;
revealer { revealer {
&.ws-left { &.ws-left {
padding-left: 5px; padding-left: 5px;
} }
@ -52,9 +54,7 @@
box-shadow: -4px 0 3px -2px $bar-module-fg-color; box-shadow: -4px 0 3px -2px $bar-module-fg-color;
} }
&.center { &.center {
// text-shadow: $bar-module-active-shadow;
color: $bar-module-fg-color; color: $bar-module-fg-color;
// background-color: $bar-module-active-fg-color;
border-radius: $bar-module-border-radius; border-radius: $bar-module-border-radius;
box-shadow: 0 0 2px 1px $bar-module-fg-color; box-shadow: 0 0 2px 1px $bar-module-fg-color;
} }
@ -142,4 +142,8 @@
// .chevron { // .chevron {
// margin-right: 10px; // margin-right: 10px;
// } // }
.chevron box {
border: 2px solid transparent;
box-shadow: 8px -8px 10px -8px black;
}
} }