snowflake/home/waybar/style.scss

147 lines
2.1 KiB
SCSS
Raw Normal View History

2023-04-09 13:54:25 -04:00
/* catppuccin mocha variables */
$rosewater: #f5e0dc;
$flamingo: #f2cdcd;
$pink: #f5c2e7;
$mauve: #cba6f7;
$red: #f38ba8;
$maroon: #eba0ac;
$peach: #fab387;
$yellow: #f9e2af;
$green: #a6e3a1;
$teal: #94e2d5;
$sky: #89dceb;
$sapphire: #74c7ec;
$blue: #89b4fa;
$lavender: #b4befe;
$text: #cdd6f4;
$subtext1: #bac2de;
$subtext0: #a6adc8;
$overlay2: #9399b2;
$overlay1: #7f849c;
$overlay0: #6c7086;
$surface2: #585b70;
$surface1: #45475a;
$surface0: #313244;
$base: #1e1e2e;
$mantle: #181825;
$crust: #11111b;
/* init main bar config */
* {
all: unset;
font-family: FontAwesome, JetBrainsMono Nerd Font;
font-size: 13px;
font-weight: bold;
color: $text;
}
window#waybar {
background-color: transparent;
}
#user,
#workspaces,
#window,
#cpu,
#memory,
#clock,
#tray,
#custom-wlogout {
border-radius: 8px;
background: $base;
padding: 0.5rem;
}
tooltip {
background-color: transparent;
border: none;
}
tooltip label {
color: $text;
background-color: $base;
padding: 0.5rem;
border-radius: 8px;
border: 3px solid $overlay1;
}
image {
background: $base;
border-radius: 8px;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
#user {
border: 3px solid $pink;
}
2023-04-09 14:34:42 -04:00
/* workspaces */
2023-04-09 13:54:25 -04:00
#workspaces {
button {
min-width: 28px;
}
button.active {
border-bottom: 1px solid $red;
}
border: 3px solid $red;
}
2023-04-09 14:34:42 -04:00
/* end workspaces */
2023-04-09 13:54:25 -04:00
#window {
border-radius: 16px;
border: 3px solid $peach;
}
#cpu {
border: 3px solid $red;
}
#memory {
border: 3px solid $mauve;
}
#clock {
2023-04-10 21:19:10 -04:00
border: 3px solid $maroon;
2023-04-09 13:54:25 -04:00
}
2023-04-09 14:34:42 -04:00
/* tray */
2023-04-09 13:54:25 -04:00
#tray {
border: 3px solid $overlay1;
2023-04-09 14:34:42 -04:00
menu {
background: $base;
border-radius: 8px;
border: 3px solid $overlay1;
padding: 1.0rem;
}
}
#tray.passive {
border-bottom: 2px solid $base;
2023-04-09 13:54:25 -04:00
}
2023-04-09 14:34:42 -04:00
#tray.active {
border-bottom: 2px solid $green;
}
#tray.needs-attention {
border-bottom: 2px solid $red;
}
/* end tray */
/* custom modules */
2023-04-11 12:51:32 -04:00
#custom-wlogout {
padding-left: 0.9rem;
padding-right: 0.9rem;
}