New backup 2025-09-06 12:45:02

This commit is contained in:
Penelope Gwen 2025-09-06 12:45:02 -07:00
parent 6862cbeac8
commit 6b3c03ce53
2 changed files with 5 additions and 11 deletions

View file

@ -1,7 +1,5 @@
.powermenu { .powermenu {
// $module-fg-color: $color0;
// $module-bg-color: mix($color0,$color9,60%);
margin: 0px 5px; margin: 0px 5px;
$module-color: $bar-bg-color; $module-color: $color9;
@import "./styles/revealer.scss" @import "./styles/revealer.scss"
} }

View file

@ -8,13 +8,15 @@
padding: 0px 7px; padding: 0px 7px;
min-width: $bar-module-width; min-width: $bar-module-width;
transition: all 0.3s; transition: all 0.3s;
// background: linear-gradient($bar-bg-color 65%, $module-color);
background-color: rgba($bar-bg-color,0.5); background-color: rgba($bar-bg-color,0.5);
&:hover {
background: linear-gradient(rgba($bar-bg-color,0.5) 15%, rgba($module-color,0.5));
// background: linear-gradient(mix(rgba($bar-bg-color,0.5), rgba($module-color,0.5)) 15%, rgba($bar-bg-color,0.5));
}
&.active { &.active {
background: mix(rgba($bar-bg-color,0.5), rgba($module-color,0.5),25%); background: mix(rgba($bar-bg-color,0.5), rgba($module-color,0.5),25%);
&:hover { &:hover {
background: linear-gradient(mix(rgba($bar-bg-color,0.5), rgba($module-color,0.5)) 15%, rgba($bar-bg-color,0.5)); background: linear-gradient(mix(rgba($bar-bg-color,0.5), rgba($module-color,0.5)) 15%, rgba($bar-bg-color,0.5));
// background: mix(rgba($bar-bg-color,0.75), rgba($module-color,0.75));
} }
} }
&.inactive { &.inactive {
@ -22,14 +24,8 @@
color: rgba($bar-fg-color,0.5); color: rgba($bar-fg-color,0.5);
&:hover { &:hover {
background: linear-gradient(rgba($bar-bg-color,0.3) 15%, rgba($module-color,0.3)); background: linear-gradient(rgba($bar-bg-color,0.3) 15%, rgba($module-color,0.3));
// background: mix(rgba($bar-bg-color,0.5), rgba($module-color,0.5));
} }
} }
/* &:hover {
background: linear-gradient(rgba($bar-bg-color,0.5) 15%, rgba($module-color,0.75));
color: rgba($bar-fg-color,1)
// background: rgba($module-color,0.5);
}*/
} }
.revealer-preview { .revealer-preview {
// box-shadow: inset 0px -7px 9px -4px rgba($module-color,0.4); // box-shadow: inset 0px -7px 9px -4px rgba($module-color,0.4);