114 lines
1.8 KiB
CSS
114 lines
1.8 KiB
CSS
/*
|
|
* Variant: Rosé Pine Moon
|
|
* Maintainer: DankChoir
|
|
*/
|
|
|
|
@define-color base #232136;
|
|
@define-color surface #2a273f;
|
|
@define-color overlay #393552;
|
|
|
|
@define-color muted #6e6a86;
|
|
@define-color subtle #908caa;
|
|
@define-color text #e0def4;
|
|
|
|
@define-color love #eb6f92;
|
|
@define-color gold #f6c177;
|
|
@define-color rose #ea9a97;
|
|
@define-color pine #3e8fb0;
|
|
@define-color foam #9ccfd8;
|
|
@define-color iris #856cd9;
|
|
|
|
@define-color highlightLow #2a283e;
|
|
@define-color highlightMed #44415a;
|
|
@define-color highlightHigh #56526e;
|
|
|
|
* {
|
|
font-family: Maple Mono NF;
|
|
font-size: 14px;
|
|
min-height: 0;
|
|
border: none;
|
|
background: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#waybar.bottom_bar {
|
|
border: 2px solid shade(@iris, 1);
|
|
}
|
|
|
|
#waybar.top_bar {
|
|
border-bottom: 2px solid shade(@iris, 1);
|
|
}
|
|
|
|
#waybar,
|
|
tooltip,
|
|
#tray menu,
|
|
#tray menu menuitem {
|
|
background-color: alpha(@surface, 0.75);
|
|
padding: 0.5rem 0;
|
|
margin-bottom: 0;
|
|
color: @text;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.modules-right,
|
|
.modules-left,
|
|
.modules-center {
|
|
margin: 2px;
|
|
padding: 0 2px;
|
|
}
|
|
|
|
#waybar.top_bar .modules-right,
|
|
#waybar.top_bar .modules-left,
|
|
#waybar.top_bar .modules-center {
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
tooltip,
|
|
#tray menu {
|
|
border: 2px solid shade(@iris, 1);
|
|
}
|
|
|
|
#tray menu menuitem {
|
|
border-radius: 0;
|
|
border-top: none;
|
|
border-bottom: none;
|
|
background: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#tray menu menuitem:hover {
|
|
color: @text;
|
|
background: alpha(@iris, 0.2);
|
|
}
|
|
|
|
#battery.charging {
|
|
color: @pine;
|
|
}
|
|
|
|
#battery.warning:not(.charging) {
|
|
color: @rose;
|
|
}
|
|
|
|
#workspaces button {
|
|
color: @text;
|
|
border-radius: 0;
|
|
}
|
|
|
|
#workspaces button:hover {
|
|
color: @text;
|
|
box-shadow: inset 0 2px @iris;
|
|
text-shadow: none;
|
|
}
|
|
|
|
#workspaces button.active,
|
|
#workspaces button.focused {
|
|
box-shadow: inset 0 1px @text;
|
|
}
|
|
|
|
#custom-bat-sep,
|
|
#custom-back-sep,
|
|
#custom-sep {
|
|
padding: 0 6px;
|
|
}
|