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

This commit is contained in:
Penelope Gwen 2025-06-30 14:00:02 -07:00
parent 1876fc0f84
commit 7f821dc172

View file

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