185 lines
3.1 KiB
CSS
185 lines
3.1 KiB
CSS
/* Keyframes */
|
|
|
|
@keyframes blink-critical {
|
|
to {
|
|
/*color: @white;*/
|
|
background-color: @critical;
|
|
}
|
|
}
|
|
|
|
|
|
/* Styles */
|
|
|
|
/* Colors (gruvbox) */
|
|
@define-color black #282828;
|
|
@define-color red #cc241d;
|
|
@define-color green #98971a;
|
|
@define-color yellow #d79921;
|
|
@define-color blue #458588;
|
|
@define-color purple #b16286;
|
|
@define-color aqua #689d6a;
|
|
@define-color gray #a89984;
|
|
@define-color brgray #928374;
|
|
@define-color brred #fb4934;
|
|
@define-color brgreen #b8bb26;
|
|
@define-color bryellow #fabd2f;
|
|
@define-color brblue #83a598;
|
|
@define-color brpurple #d3869b;
|
|
@define-color braqua #8ec07c;
|
|
@define-color white #ebdbb2;
|
|
@define-color bg2 #504945;
|
|
|
|
|
|
@define-color warning @bryellow;
|
|
@define-color critical @red;
|
|
@define-color mode @black;
|
|
@define-color unfocused @bg2;
|
|
@define-color focused @braqua;
|
|
@define-color inactive @purple;
|
|
@define-color sound @brpurple;
|
|
@define-color network @purple;
|
|
@define-color memory @braqua;
|
|
@define-color cpu @green;
|
|
@define-color temp @brgreen;
|
|
@define-color layout @bryellow;
|
|
@define-color battery @aqua;
|
|
@define-color date @black;
|
|
@define-color time @white;
|
|
|
|
/* Reset all styles */
|
|
* {
|
|
border: none;
|
|
border-radius: 0;
|
|
min-height: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
icon-shadow: none;
|
|
}
|
|
|
|
/* The whole bar */
|
|
#waybar {
|
|
background: rgba(40, 40, 40, 0.8784313725); /* #282828e0 */
|
|
color: @white;
|
|
font-family: JetBrains Mono, Siji;
|
|
font-size: 10pt;
|
|
/*font-weight: bold;*/
|
|
}
|
|
|
|
/* Each module */
|
|
#battery,
|
|
#clock,
|
|
#cpu,
|
|
#language,
|
|
#memory,
|
|
#mode,
|
|
#network,
|
|
#pulseaudio,
|
|
#temperature,
|
|
#tray,
|
|
#backlight,
|
|
#idle_inhibitor,
|
|
#disk,
|
|
#user,
|
|
#mpris {
|
|
padding-left: 8pt;
|
|
padding-right: 8pt;
|
|
}
|
|
|
|
/* Each warning */
|
|
#network.disconnected,
|
|
#memory.warning,
|
|
#cpu.warning,
|
|
#temperature.warning,
|
|
#battery.warning.discharging {
|
|
color: @warning;
|
|
}
|
|
|
|
/* Workspaces stuff */
|
|
#workspaces button {
|
|
/*font-weight: bold;*/
|
|
padding-left: 2pt;
|
|
padding-right: 2pt;
|
|
color: @white;
|
|
}
|
|
|
|
/* Inactive (on unfocused output) */
|
|
#workspaces button.visible {
|
|
color: @white;
|
|
background: @inactive;
|
|
}
|
|
|
|
/* Active (on focused output) */
|
|
#workspaces button.focused {
|
|
color: @black;
|
|
background: @focused;
|
|
}
|
|
|
|
/* Contains an urgent window */
|
|
#workspaces button.urgent {
|
|
color: @black;
|
|
background: @warning;
|
|
}
|
|
|
|
/* Style when cursor is on the button */
|
|
#workspaces button:hover {
|
|
background: @black;
|
|
color: @white;
|
|
}
|
|
|
|
#window {
|
|
margin-right: 35pt;
|
|
margin-left: 35pt;
|
|
}
|
|
|
|
/* #pulseaudio { */
|
|
/* background: @sound; */
|
|
/* color: @black; */
|
|
/* } */
|
|
/**/
|
|
/* #network { */
|
|
/* background: @network; */
|
|
/* color: @white; */
|
|
/* } */
|
|
/**/
|
|
/* #memory { */
|
|
/* background: @memory; */
|
|
/* color: @black; */
|
|
/* } */
|
|
/**/
|
|
/* #cpu { */
|
|
/* background: @cpu; */
|
|
/* color: @white; */
|
|
/* } */
|
|
/**/
|
|
/* #temperature { */
|
|
/* background: @temp; */
|
|
/* color: @black; */
|
|
/* } */
|
|
/**/
|
|
/* #language { */
|
|
/* background: @layout; */
|
|
/* color: @black; */
|
|
/* } */
|
|
/**/
|
|
/* #battery { */
|
|
/* background: @battery; */
|
|
/* color: @white; */
|
|
/* } */
|
|
/**/
|
|
/* #tray { */
|
|
/* background: @date; */
|
|
/* } */
|
|
/**/
|
|
/* #clock.date { */
|
|
/* background: @date; */
|
|
/* color: @white; */
|
|
/* } */
|
|
/**/
|
|
/* #clock.time { */
|
|
/* background: @time; */
|
|
/* color: @black; */
|
|
/* } */
|
|
/**/
|