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

New backup 2025-06-30 14:00:02

Browse source
This commit is contained in:
Penelope Gwen 2025-06-30 14:00:02 -07:00
parent 1876fc0f84
commit 7f821dc172
1 changed files with 24 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -3,17 +3,23 @@
font-family: FontAwesome, Overpass; font-family: FontAwesome, Overpass;
} }
$bar-module-width: 25px;
@import "./style/colors.scss"; @import "./style/colors.scss";
$bar-module-width: 25px;
$bar-bg-color: rgba($color0,0.85);
$bar-inactive-bg-color: rgba($color8,0.5);
//$bar-active-bg-color: ;
$bar-hover-bg-color: rgba($color1,0.5);
$bar-module-border-radius: 8px;
// Global Styles // Global Styles
.bar { .bar {
font-size: 0.95em; font-size: 1em;
padding: 0px; padding: 0px;
margin: 0px 15px; margin: 0px 15px;
>box>button { >box>button {
&:hover{ &:hover{
background-color: rgba($color1,0.5); background-color: $bar-hover-bg-color;
} }
} }
@ -21,8 +27,8 @@ $bar-module-width: 25px;
.leftgroup, .leftgroup,
.centergroup, .centergroup,
.rightgroup { .rightgroup {
background-color: rgba($color0,0.85); background-color: $bar-bg-color;
border-radius: 8px; border-radius: $bar-module-border-radius;
} }
//group modules //group modules
@ -55,10 +61,10 @@ circular-progress {
} }
.revealer-on-hover { .revealer-on-hover {
background-color: rgba($color8,0.5); background-color: $bar-inactive-bg-color;
border: 2px solid rgba($color0,0.5); // border: 2px solid rgba($color0,0.5);
color: $color0; color: $color0;
border-radius: 8px; border-radius: $bar-module-border-radius;
// margin: 10px 0px; // margin: 10px 0px;
} }
.revealer-on-hover>widget>box>box>*, .revealer-on-hover>widget>box>box>*,
@ -71,7 +77,7 @@ circular-progress {
} }
} }
.revealer-on-hover>widget>box>box>*{ .revealer-on-hover>widget>box>box>*{
border-radius:8px; border-radius:$bar-module-border-radius;
} }
.reveal_children>box, .reveal_children>box,
.reveal_children>widget, .reveal_children>widget,
@ -84,10 +90,10 @@ circular-progress {
.profile, .profile,
.active_window { .active_window {
background-color: rgba($color9,0.3); background-color: rgba($color9,0.3);
border: 2px solid rgba($color0,0.5); // border: 2px solid rgba($color0,0.5);
color: $color0; color: $color0;
padding: 2px; padding: 2px;
border-radius: 8px; border-radius: $bar-module-border-radius;
// margin: 10px 0px; // margin: 10px 0px;
padding: 5px; padding: 5px;
} }
@ -96,12 +102,12 @@ label {
} }
.workspaces { .workspaces {
background-color: rgba($color8,0); background-color: rgba($color8,0);
border: 0px solid rgba($color0,0); // border: 0px solid rgba($color0,0);
border-radius: 8px; border-radius: $bar-module-border-radius;
} }
.workspaces button { .workspaces button {
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);
color: $color0; color: $color0;
// margin: 10px 0px; // margin: 10px 0px;
padding: 5px; padding: 5px;
@ -121,17 +127,17 @@ button.active {
color: $color1; color: $color1;
} }
.workspaces button:first-child { .workspaces button:first-child {
border-radius:8px 0px 0px 8px; border-radius:$bar-module-border-radius 0px 0px $bar-module-border-radius;
} }
.workspaces button:last-child, .workspaces button:last-child,
.reveal_children>box:last-child, .reveal_children>box:last-child,
.reveal_children>button:last-child { .reveal_children>button:last-child {
border-radius:0px 8px 8px 0px; border-radius:0px $bar-module-border-radius $bar-module-border-radius 0px;
} }
.workspaces button:only-child, .workspaces button:only-child,
.reveal_children>box:only-child, .reveal_children>box:only-child,
.reveal_children>button:only-child { .reveal_children>button:only-child {
border-radius:8px; border-radius:$bar-module-border-radius;
} }
menu { menu {
color: $color9; color: $color9;