150 lines
2.5 KiB
CSS
150 lines
2.5 KiB
CSS
/*
|
|
use gtk theme variables to define color variables
|
|
ex. `@define-color variable_name color_code;`
|
|
use as `@variable_name`
|
|
shade, mix, and alpha modifiers are available
|
|
*/
|
|
|
|
@define-color foreground #c8d3f5;
|
|
@define-color background #222436;
|
|
@define-color selection-foreground #c8d3f5;
|
|
@define-color selection-background #2d3f76;
|
|
@define-color urls #4fd6be;
|
|
|
|
@define-color regular0 #1b1d2b;
|
|
@define-color regular1 #ff757f;
|
|
@define-color regular2 #c3e88d;
|
|
@define-color regular3 #ffc777;
|
|
@define-color regular4 #82aaff;
|
|
@define-color regular5 #c099ff;
|
|
@define-color regular6 #86e1fc;
|
|
@define-color regular7 #828bb8;
|
|
|
|
@define-color bright0 #444a73;
|
|
@define-color bright1 #ff757f;
|
|
@define-color bright2 #c3e88d;
|
|
@define-color bright3 #ffc777;
|
|
@define-color bright4 #82aaff;
|
|
@define-color bright5 #c099ff;
|
|
@define-color bright6 #86e1fc;
|
|
@define-color bright7 #c8d3f5;
|
|
|
|
@define-color 16 #ff966c;
|
|
@define-color 17 #c53b53;
|
|
|
|
* {
|
|
border: none;
|
|
border-radius: 0;
|
|
font-family: Roboto, "Symbols NFM";
|
|
font-size: 14px;
|
|
min-height: 25px;
|
|
}
|
|
|
|
window#waybar {
|
|
background-color: transparent;
|
|
color: @foreground;
|
|
margin: 5px;
|
|
}
|
|
|
|
tooltip {
|
|
border-radius: 15px;
|
|
background-color: @bright0;
|
|
color: @bright7;
|
|
border: 1px solid @selection-foreground;
|
|
}
|
|
|
|
#custom-logo {
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.modules-right {
|
|
border-radius: 15px 0 0 15px;
|
|
background: @selection-background;
|
|
}
|
|
|
|
.modules-center {
|
|
border-radius: 15px;
|
|
background: @selection-background;
|
|
}
|
|
|
|
.modules-left {
|
|
border-radius: 0 15px 15px 0;
|
|
background: @selection-background;
|
|
}
|
|
|
|
#workspaces,
|
|
#window,
|
|
#custom-logo,
|
|
#disk,
|
|
#memory,
|
|
#cpu,
|
|
#temperature,
|
|
#clock,
|
|
#tray,
|
|
#custom-updates,
|
|
#backlight,
|
|
#bluetooth,
|
|
#pulseaudio,
|
|
#network,
|
|
#idle_inhibitor,
|
|
#battery {
|
|
padding: 0 15px;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
#custom-logo {
|
|
color: @urls;
|
|
}
|
|
|
|
#clock {
|
|
background-color: @foreground;
|
|
color: @background;
|
|
}
|
|
|
|
#window {
|
|
background-color: @foreground;
|
|
color: @background;
|
|
}
|
|
|
|
#workspaces button:hover {
|
|
color: @urls;
|
|
background: none;
|
|
border: none;
|
|
}
|
|
|
|
#workspaces button.visible {
|
|
color: @16;
|
|
}
|
|
|
|
#temperature.critical,
|
|
#pulseaudio.muted,
|
|
#idle_inhibitor.activated,
|
|
#workspaces button.urgent {
|
|
color: @17;
|
|
}
|
|
|
|
#battery {
|
|
background-color: @foreground;
|
|
color: @background;
|
|
border-radius: 15px 0 0 15px;
|
|
}
|
|
|
|
#battery.charging {
|
|
background-color: @urls;
|
|
}
|
|
|
|
#battery.warning:not(.charging) {
|
|
background-color: @16;
|
|
}
|
|
|
|
#battery.critical:not(.charging) {
|
|
background-color: @17;
|
|
}
|
|
|
|
#tray {
|
|
background-color: @foreground;
|
|
}
|
|
|
|
#custom-updates.has-updates {
|
|
color: @16;
|
|
}
|