New backup 2025-07-18 12:15:02

This commit is contained in:
Penelope Gwen 2025-07-18 12:15:02 -07:00
parent 4ddca0ed55
commit 7b1978e2ec

View file

@ -7,8 +7,8 @@
@import "./style/colors.scss"; @import "./style/colors.scss";
$bar-module-width: 25px; $bar-module-width: 25px;
$bar-bg-color: rgba($color5,0.8); $bar-bg-color: rgba($color5,0.0);
$bar-module-bg-color: rgba($color5,0.0); $bar-module-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);
@ -125,7 +125,7 @@ circular-progress {
.reveal_children>button { .reveal_children>button {
image { image {
opacity: 0.5; opacity: 0.4;
transition: all 0.5s; transition: all 0.5s;
border-radius: 4px; border-radius: 4px;
} }
@ -143,9 +143,12 @@ circular-progress {
.rightgroup>button { .rightgroup>button {
//.rightgroup .reveal_children>button, //.rightgroup .reveal_children>button,
//.rightgroup>.revealer-on-hover>widget>box>box>button { //.rightgroup>.revealer-on-hover>widget>box>box>button {
color: $bar-module-inactive-fg-color; color: $bar-module-fg-color;
padding: 3px 4px; padding: 3px 4px;
border-radius: $bar-module-border-radius; border-radius: $bar-module-border-radius;
.inactive {
color: $bar-module-inactive-fg-color
}
} }
/*.leftgroup>.revealer-on-hover>widget>box>box>button { /*.leftgroup>.revealer-on-hover>widget>box>box>button {
padding: 3px 4px; padding: 3px 4px;
@ -171,16 +174,13 @@ label {
border-radius: $bar-module-border-radius; border-radius: $bar-module-border-radius;
} }
.workspaces button, .workspaces button,
.leftgroup button, .leftgroup button {
.rightgroup button {
// background-color: $bar-module-bg-color; // background-color: $bar-module-bg-color;
// border-left: 1px solid $bar-module-fg-color; // border-left: 1px solid $bar-module-fg-color;
color: $bar-module-fg-color; color: $bar-module-fg-color;
padding: 3px 4px; padding: 3px 4px;
min-width: $bar-module-width; min-width: $bar-module-width;
.inactive { transition: all 0.3s;
color: $bar-module-inactive-fg-color
}
} }
.workspaces button:hover, .workspaces button:hover,
.rightgroup button:hover, .rightgroup button:hover,
@ -188,20 +188,25 @@ label {
// text-shadow: 1px 1px 1px rgba($color2,1); // text-shadow: 1px 1px 1px rgba($color2,1);
text-shadow: $bar-module-hover-shadow; text-shadow: $bar-module-hover-shadow;
color: $bar-hover-fg-color; color: $bar-hover-fg-color;
transition: all 0.2s; // transition: all 0.2s;
} }
.rightgroup {
.workspaces .focused{ button {
transition: all 0.3s;
&.active:not(:hover) {
text-shadow: $bar-module-active-shadow;
color: $bar-module-fg-color;
}
&.inactive:not(:hover) {
color: $bar-module-inactive-fg-color;
}
}
}
.workspaces .focused {
color: $bar-module-active-fg-color; color: $bar-module-active-fg-color;
text-shadow: $bar-module-active-shadow; text-shadow: $bar-module-active-shadow;
} }
/*button.active {
text-shadow: $bar-module-active-shadow;
color: $bar-module-fg-color;
}
button.inactive {
color: $bar-module-inactive-fg-color;
}*/
.workspaces button:first-child { .workspaces button:first-child {
//.reveal_children>box:first-child, //.reveal_children>box:first-child,
//.reveal_children>scale:first-child, //.reveal_children>scale:first-child,