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

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

Browse source
This commit is contained in:
Penelope Gwen 2025-07-25 19:30:07 -07:00
parent 10570880d7
commit 8ad59a523f
2 changed files with 21 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -20,7 +20,10 @@ $bar-module-active-shadow: 1px 1px 4px rgba($color8,0.6),-1px 1px 4px rgba($colo
$bar-module-hover-shadow: 1px 1px 4px rgba($color8,0.45),-1px 1px 4px rgba($color8,0.45),1px -1px 4px rgba($color8,0.45),-1px -1px 4px rgba($color8,0.45); $bar-module-hover-shadow: 1px 1px 4px rgba($color8,0.45),-1px 1px 4px rgba($color8,0.45),1px -1px 4px rgba($color8,0.45),-1px -1px 4px rgba($color8,0.45);
$bar-hover-bg-color: rgba($color1,0.5); $bar-hover-bg-color: rgba($color1,0.5);
$bar-hover-fg-color: rgba($color13,0.6); $bar-hover-fg-color: rgba($color13,0.6);
$bar-module-border-radius: 8px; //$bar-module-border-radius: 8px;
$bar-module-border-radius: 12px;
//$bar-module-inner-radius: $bar-module-border-radius - 2;
$bar-module-inner-radius: $bar-module-border-radius - 6;
@import "./style/bar.scss"; @import "./style/bar.scss";

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

@ -1,4 +1,4 @@
$bar-reveal-children-bg-color: rgba($color0, 0.1); $bar-reveal-children-bg-color: rgba($color0, 0.2);
.bar { .bar {
font-size: 1.05em; font-size: 1.05em;
@ -17,18 +17,19 @@ $bar-reveal-children-bg-color: rgba($color0, 0.1);
&>button, &>button,
&>label { &>label {
color: $bar-module-fg-color; color: $bar-module-fg-color;
border-radius: $bar-module-border-radius; border-radius: $bar-module-inner-radius;
margin: 0px 5px; margin: 0px 5px;
// padding: 0px 5px;
min-width: $bar-module-width; min-width: $bar-module-width;
&:first-child { // &:first-child {
margin-left: 0px; // margin-left: 0px;
} // }
// &:last-child { // &:last-child {
// margin-right: 0px; // margin-right: 0px;
// } // }
} }
.revealer-on-hover>widget>box>box>* { .revealer-on-hover>widget>box>box>* {
border-radius: 8px; border-radius: $bar-module-inner-radius;
} }
.revealer-on-hover>widget>box>box>*, .revealer-on-hover>widget>box>box>*,
.reveal_children>*, .reveal_children>*,
@ -38,10 +39,10 @@ $bar-reveal-children-bg-color: rgba($color0, 0.1);
} }
.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: $bar-module-inner-radius;
} }
.reveal_children { .reveal_children {
border-radius: 0px $bar-module-border-radius $bar-module-border-radius 0px; border-radius: 0px $bar-module-inner-radius $bar-module-inner-radius 0px;
} }
.reveal_children>* { .reveal_children>* {
margin-left: -6px; margin-left: -6px;
@ -70,19 +71,20 @@ $bar-reveal-children-bg-color: rgba($color0, 0.1);
min-width: 35px; min-width: 35px;
transition: all 0.3s; transition: all 0.3s;
&.left { &.left {
margin-right: -2px; // margin-right: -2px;
border-radius: $bar-module-border-radius - 2; border-radius: $bar-module-inner-radius 0px 0px $bar-module-inner-radius;
box-shadow: -4px 0 3px -2px $bar-module-fg-color; box-shadow: -6px 0 2px 0px $bar-module-fg-color;
} }
&.center { &.center {
color: $bar-module-fg-color; color: $bar-module-fg-color;
border-radius: $bar-module-border-radius; border-radius: $bar-module-inner-radius;
box-shadow: 0 0 2px 1px $bar-module-fg-color; box-shadow: 0 0 2px 1px $bar-module-fg-color;
} }
&.right { &.right {
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; border-radius: 0px $bar-module-inner-radius $bar-module-inner-radius 0px;
box-shadow: 6px 0 2px 0px $bar-module-fg-color;
} }
label { label {
padding: 4px 6px; padding: 4px 6px;