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

New backup 2025-06-30 13:45:01

Browse source
This commit is contained in:
Penelope Gwen 2025-06-30 13:45:01 -07:00
parent 678a7b891e
commit 1876fc0f84
1 changed files with 16 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -3,9 +3,12 @@
font-family: FontAwesome, Overpass; font-family: FontAwesome, Overpass;
} }
$bar-module-width: 25px;
@import "./style/colors.scss"; @import "./style/colors.scss";
// Global Styles // Global Styles
.bar { .bar {
font-size: 0.95em;
padding: 0px; padding: 0px;
margin: 0px 15px; margin: 0px 15px;
>box>button { >box>button {
@ -14,22 +17,27 @@
} }
} }
//bar groups
.leftgroup, .leftgroup,
.centergroup, .centergroup,
.rightgroup { .rightgroup {
background-color: rgba($color0,0.85); background-color: rgba($color0,0.85);
border-radius: 8px; border-radius: 8px;
} }
//group modules
.leftgroup>*, .leftgroup>*,
.centergroup>*, .centergroup>*,
.rightgroup>* { .rightgroup>* {
margin: 0px 5px; margin: 3px 5px;
min-width: 25px; min-width: $bar-module-width;
} }
//value bars
scale trough, scale trough,
progressbar>trough { progressbar>trough {
background-color: $color9; background-color: $color9;
min-width: 100px; min-width: 50px;
min-height: 10px; min-height: 10px;
border-radius: 4px; border-radius: 4px;
} }
@ -39,10 +47,13 @@ progressbar>trough>progress {
border-radius: 4px; border-radius: 4px;
min-height: 10px; min-height: 10px;
} }
//value graphs
circular-progress { circular-progress {
color: $color9; color: $color9;
background-color: $color2; background-color: $color2;
} }
.revealer-on-hover { .revealer-on-hover {
background-color: rgba($color8,0.5); background-color: rgba($color8,0.5);
border: 2px solid rgba($color0,0.5); border: 2px solid rgba($color0,0.5);
@ -54,7 +65,7 @@ circular-progress {
.reveal_children>*, .reveal_children>*,
.reveal_children>widget>image { .reveal_children>widget>image {
padding: 5px; padding: 5px;
min-width: 25px; min-width: $bar-module-width;
&:hover { &:hover {
background-color: rgba($color1,0.5); background-color: rgba($color1,0.5);
} }
@ -94,7 +105,7 @@ label {
color: $color0; color: $color0;
// margin: 10px 0px; // margin: 10px 0px;
padding: 5px; padding: 5px;
min-width: 25px; min-width: $bar-module-width;
} }
.workspaces button:hover { .workspaces button:hover {
background-color: rgba($color1,0.5); background-color: rgba($color1,0.5);