infrastructure/hosts/neodymium/home/wayland/eww/eww.scss
2023-06-04 00:58:44 +02:00

110 lines
1.8 KiB
SCSS

* {
all: unset; // Unsets everything so you can style everything from scratch
font-family: "FiraCode Nerd Font";
}
// Global Styles
@import "mocha.scss";
.bar {
background-color: $mantle;
color: $text;
}
// Workspace Styles
$colors: $rosewater, $flamingo, $pink, $mauve, $red, $maroon, $peach, $yellow, $green, $teal;
.workspace {
@for $i from 1 through 10 {
&.entry-#{$i} {
.text {
opacity: 0.3;
padding: 0 5px;
color: $crust;
background-color: nth($colors, $i);
&.active {
opacity: 1;
}
&.empty {
color: transparent;
}
}
.seperator {
opacity: 0.3;
font-size: 19px;
margin-top: -1px;
&.active {
opacity: 1;
}
&.up {
@if $i ==10 {
color: nth($colors, 10);
}
@else {
color: nth($colors, $i);
}
}
&.down {
margin-left: -12px;
@if $i ==10 {
color: transparent;
}
@else {
color: nth($colors, $i + 1);
}
}
}
}
}
}
// Styles on classes (see eww.yuck for more information)
.sidestuff slider {
all: unset;
}
.metric scale trough highlight {
all: unset;
background-color: $blue;
border-radius: 10px;
}
.metric scale trough {
all: unset;
border-radius: 50px;
min-height: 3px;
min-width: 50px;
margin-left: 10px;
margin-right: 20px;
}
.metric scale trough highlight {
all: unset;
background-color: #5d96d3;
color: #000000;
border-radius: 10px;
}
.metric scale trough {
all: unset;
background-color: $surface0;
border-radius: 50px;
min-height: 3px;
min-width: 50px;
margin-left: 10px;
margin-right: 20px;
}