nixos/jaci/dotfiles/waybar/style.css

100 lines
1.6 KiB
CSS
Raw Normal View History

2024-01-27 12:34:48 -07:00
@define-color celadon #b0f2b4;
@define-color celeste #baf2e9;
@define-color thistle #dfc2f2;
@define-color english_violet #51344d;
@define-color indian_red #c97064;
@define-color black_olive #1f271b;
@define-color egg_shell #f8f1dd;
* {
2024-09-02 14:45:05 -06:00
border: none;
border-radius: 0;
margin: 0;
padding: 0;
color: @egg_shell;
font-family: "GohuFont 14 Nerd Font";
font-size: 16px;
font-weight: normal;
2024-01-27 12:34:48 -07:00
}
/* The whole bar */
#waybar {
2024-09-02 14:45:05 -06:00
background: transparent;
background-color: transparent;
2024-01-27 12:34:48 -07:00
}
#taskbar {
2024-09-02 14:45:05 -06:00
background: transparent;
color: @egg_shell;
2024-01-27 12:34:48 -07:00
}
2024-09-02 14:45:05 -06:00
2024-01-27 12:34:48 -07:00
#taskbar button {
2024-09-02 14:45:05 -06:00
padding-left: 3px;
padding-right: 3px;
margin-left: 3px;
margin-right: 3px;
color: transparent;
border-bottom: 2px solid;
2024-01-27 12:34:48 -07:00
}
#taskbar button.active {
2024-09-02 14:45:05 -06:00
color: @celeste;
2024-01-27 12:34:48 -07:00
}
.modules-left,
.modules-right,
.modules-center {
2024-09-02 14:45:05 -06:00
margin: 8px 8px 1px 8px;
background: transparent;
color: @egg_shell;
background-color: @english_violet;
border-radius: 25px;
padding: 0px 10px 0px 10px;
2024-01-27 12:34:48 -07:00
}
2024-09-02 14:45:05 -06:00
2024-01-27 12:34:48 -07:00
/* Every modules */
#clock,
#cpu,
#custom-spotify,
#memory,
#network,
#pulseaudio,
#taskbar {
2024-09-02 14:45:05 -06:00
padding: 0.5rem 0.6rem;
margin: 1px 0px;
2024-01-27 12:34:48 -07:00
}
/* -----------------------------------------------------------------------------
* Modules styles
* -------------------------------------------------------------------------- */
#clock {
2024-09-02 14:45:05 -06:00
min-width: 140px;
2024-01-27 12:34:48 -07:00
}
#cpu.warning,
#cpu.critical,
#memory.warning,
#memory.critical,
#network.disconnected {
2024-09-02 14:45:05 -06:00
color: @indian_red;
2024-01-27 12:34:48 -07:00
}
#pulseaudio {
2024-09-02 14:45:05 -06:00
padding-top: 6px;
2024-01-27 12:34:48 -07:00
}
#pulseaudio.muted {
2024-09-02 14:45:05 -06:00
color: @celeste;
2024-01-27 12:34:48 -07:00
}
#custom-spotify {
2024-09-02 14:45:05 -06:00
color: @celadon;
2024-01-27 12:34:48 -07:00
}
#custom-power {
2024-09-02 14:45:05 -06:00
margin-left: 15px;
margin-right: 15px;
font-size: 15px;
color: @indian_red;
}