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

New backup 2025-09-04 10:30:02

Browse source
This commit is contained in:
Penelope Gwen 2025-09-04 10:30:02 -07:00
parent 8c18e0f168
commit 7b387bdbc3
4 changed files with 29 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
de/home/.config/eww/eww.scss
View file

@ -10,6 +10,7 @@
$bar-module-width: 25px; $bar-module-width: 25px;
$bar-module-bg-color: rgba($color5,0.0); $bar-module-bg-color: rgba($color5,0.0);
$bar-bg-color: rgba($color5,1); $bar-bg-color: rgba($color5,1);
$bar-fg-color: rgba($color15,1);
$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);

2
de/home/.config/eww/modules/bar/volume.yuck
View file

@ -5,7 +5,7 @@
:revealvar reveal_volume :revealvar reveal_volume
:revealvar-name "reveal_volume" :revealvar-name "reveal_volume"
(button :onclick 'pavucontrol-qt --tab 3' (button :onclick 'pavucontrol-qt --tab 3'
:class "${(volume == 0) ? '' : 'active'} revealer-preview" :class "${(volume == 0) ? 'inactive' : 'active'} revealer-preview"
{(volume == 0) ? "" : ((volume > 50) ? "" : "")}) {(volume == 0) ? "" : ((volume > 50) ? "" : "")})
(volume_children))) (volume_children)))

36
de/home/.config/eww/style/bar/styles/revealer.scss
View file

@ -1,6 +1,6 @@
&.revealer-on-hover { &.revealer-on-hover {
// border: 2px solid $bar-bg-color; // border: 2px solid $bar-bg-color;
border: 2px solid $module-color; // border: 2px solid $module-color;
border-radius: $bar-module-border-radius;// border-radius: $bar-module-border-radius;//
} }
.revealer-preview, .revealer-preview,
@ -8,27 +8,41 @@
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: linear-gradient($bar-bg-color 65%, $module-color);
background-color: rgba($bar-bg-color,0.5);
&.active {
// background-color: rgba($module-color,0.5);
background: mix(rgba($bar-bg-color,0.5), rgba($module-color,0.5));
&:hover {
background: mix(rgba($bar-bg-color,0.75), rgba($module-color,0.75));
}
}
&.inactive {
background-color: rgba($bar-bg-color,0.5);
color: rgba($bar-fg-color,0.5);
&:hover {
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);
// background-color: $bar-bg-color; // background-color: $bar-bg-color;
border-radius: $bar-module-border-radius - 2; border-radius: $bar-module-border-radius;
} }
&.true .revealer-preview { &.true .revealer-preview {
border-radius: $bar-module-border-radius - 2 0 0 $bar-module-border-radius - 2; border-radius: $bar-module-border-radius 0 0 $bar-module-border-radius;
} }
.reveal-children { .reveal-children {
>* { >* {
border-left: 2px solid $module-color; border-left: 2px solid $module-color;
&.active {
background-color: rgba($module-color,0.5);
}
&:hover {
background-color: rgba($module-color,0.5);
}
&:last-child { &:last-child {
border-radius: 0 $bar-module-border-radius - 2 $bar-module-border-radius - 2 0; border-radius: 0 $bar-module-border-radius $bar-module-border-radius 0;
} }
} }
} }

3
de/home/.config/eww/style/bar/volume.scss
View file

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