infrastructure/home/wayland/eww/eww.scss

117 lines
2.1 KiB
SCSS
Raw Normal View History

* {
2023-06-03 22:58:44 +00:00
all: unset; // Unsets everything so you can style everything from scratch
font-family: "FiraCode Nerd Font";
}
2023-06-03 22:58:44 +00:00
// Global Styles
@import "mocha.scss";
.bar {
2023-06-03 22:58:44 +00:00
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 {
padding: 0 5px;
color: $crust;
2023-06-03 23:14:23 +00:00
background-color: mix(nth($colors, $i), $mantle, 30%);
2023-06-03 22:58:44 +00:00
&.active {
2023-06-03 23:14:23 +00:00
background-color: mix(nth($colors, $i), $mantle, 100%);
2023-06-03 22:58:44 +00:00
}
&.empty {
color: transparent;
}
}
.seperator {
font-size: 21px;
2023-06-03 22:58:44 +00:00
&.up {
margin-top: -1px;
margin-bottom: -2px;
2023-06-03 23:14:23 +00:00
color: mix(nth($colors, $i), $mantle, 30%);
2023-06-03 22:58:44 +00:00
&.active {
color: mix(nth($colors, $i), $mantle, 100%);
}
2023-06-03 22:58:44 +00:00
}
&.down {
margin-left: -12px;
margin-right: -1px;
2023-06-03 22:58:44 +00:00
margin-bottom: -1px;
margin-top: -2px;
2023-06-03 22:58:44 +00:00
@if $i ==10 {
color: transparent;
}
@else {
color: mix(nth($colors, $i + 1), $mantle, 30%);
&.active {
2023-06-03 23:14:23 +00:00
color: mix(nth($colors, $i + 1), $mantle, 100%);
}
2023-06-03 22:58:44 +00:00
}
}
}
}
}
}
// Styles on classes (see eww.yuck for more information)
.sidestuff slider {
all: unset;
}
checkbutton {
all: unset;
margin: 4 20px;
border-radius: 50%;
background-color: $surface0;
}
.metric scale trough highlight {
all: unset;
2023-06-03 22:58:44 +00:00
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;
2023-06-03 22:58:44 +00:00
background-color: #5d96d3;
color: #000000;
border-radius: 10px;
}
.metric scale trough {
all: unset;
2023-06-03 22:58:44 +00:00
background-color: $surface0;
border-radius: 50px;
min-height: 3px;
min-width: 50px;
margin-left: 10px;
margin-right: 20px;
}