New backup 2025-07-24 12:00:02

This commit is contained in:
Penelope Gwen 2025-07-24 12:00:02 -07:00
parent 3603581a9e
commit 3a1ee8ce42
2 changed files with 38 additions and 14 deletions

View file

@ -1,6 +1,7 @@
* {
all: unset; // Unsets everything so you can style everything from scratch
/* font-family: FontAwesome, Overpass;*/
/* font-family: FontAwesome, Overpass; */
font-family: PogmomIcons, Overpass Nerd Font Propo;
}
@ -12,31 +13,33 @@ $bar-module-bg-color: rgba($color5,0.8);
$bar-module-fg-color: rgba($color0,0.8);
$bar-module-inactive-fg-color: rgba($color0,0.4);
$bar-module-active-fg-color: rgba($color13,0.9);
//$bar-active-bg-color: rgba($color1,0.5);
//$bar-active-fg-color: $color1;
//$bar-module-active-shadow: 1px 1px 4px rgba($color5,0.5),-1px 1px 4px rgba($color5,0.5),1px -1px 4px rgba($color5,0.5),-1px -1px 4px rgba($color5,0.5);
// $bar-active-bg-color: rgba($color1,0.5);
// $bar-active-fg-color: $color1;
// $bar-module-active-shadow: 1px 1px 4px rgba($color5,0.5),-1px 1px 4px rgba($color5,0.5),1px -1px 4px rgba($color5,0.5),-1px -1px 4px rgba($color5,0.5);
$bar-module-active-shadow: 1px 1px 4px rgba($color8,0.6),-1px 1px 4px rgba($color8,0.6),1px -1px 4px rgba($color8,0.6),-1px -1px 4px rgba($color8,0.6);
$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-fg-color: rgba($color13,0.6);
$bar-module-border-radius: 8px;
@import "./style/bar.scss";
// Global Styles
.bar {
font-size: 1.05em;
padding: 10px 0px 0px;
margin: 0px 15px;
// font-size: 1.05em;
// padding: 10px 0px 0px;
// margin: 0px 15px;
//bar groups
.leftgroup,
// bar groups
/*.leftgroup,
.centergroup,
.rightgroup {
background-color: $bar-bg-color;
border-radius: $bar-module-border-radius;
}
}*/
//group modules
.leftgroup>box:not(.workspaces):not(.revealer-on-hover),
/*.leftgroup>box:not(.workspaces):not(.revealer-on-hover),
.leftgroup>button,
.centergroup>*,
.rightgroup>*:not(.revealer-on-hover) {
@ -45,9 +48,9 @@ $bar-module-border-radius: 8px;
border: 1px solid $bar-module-fg-color;
background-color: $bar-module-bg-color;
padding: 0px 10px;
}
}*/
.revealer-on-hover {
/*.revealer-on-hover {
margin: 5px;
min-width: $bar-module-width;
background-color: $bar-module-bg-color;
@ -58,7 +61,7 @@ $bar-module-border-radius: 8px;
.reveal_children label {
padding: 0px 5px;
}
}
}*/
.workspaces>revealer>box>box>button,
.workspaces>box>box>button {
margin: 5px 0px;

View file

@ -0,0 +1,21 @@
.bar {
font-size: 1.05em;
padding: 10px 0px 0px;
margin: 0px 15px;
.leftgroup,
.centergroup,
.rightgroup {
background-color: $bar-bg-color;
border-radius: $bar-module-border-radius;
&>box,
&>button,
&>label {
margin: 5px 0px;
min-width: $bar-module-width;
border: 1px solid $bar-module-fg-color;
background-color: $bar-module-bg-color;
padding: 0px 10px;
}
}
}