169 lines
2.8 KiB
CSS
169 lines
2.8 KiB
CSS
@import "colors.css";
|
|
|
|
* {
|
|
font-size: 20px;
|
|
transition-duration: 0.5s;
|
|
/* `otf-font-awesome` is required to be installed for icons */
|
|
/* font-family: ComicShannsMono Nerd Font, FontAwesome, Roboto, Helvetica, Arial, sans-serif;*/
|
|
/* border-radius: 10px;*/
|
|
}
|
|
|
|
window#waybar {
|
|
color: @primary;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.module,#privacy-item {
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
padding: 10px 0px;
|
|
}
|
|
|
|
#privacy-item,
|
|
#clock,
|
|
#temperature,
|
|
#network,
|
|
#pulseaudio,
|
|
#custom-media,
|
|
#tray,
|
|
#mode,
|
|
#idle_inhibitor,
|
|
#privacy-item,
|
|
#mpd,
|
|
#workspaces {
|
|
color: @primary;
|
|
background-color: @background;
|
|
}
|
|
|
|
#cpu,
|
|
#memory,
|
|
#disk,
|
|
#battery,
|
|
#backlight,
|
|
#wireplumber {
|
|
color: @secondary;
|
|
background-color: @background;
|
|
}
|
|
|
|
#network,
|
|
#custom-media {
|
|
color: @tertiary;
|
|
background-color: @background;
|
|
}
|
|
|
|
#network.disconnected,
|
|
#wireplumber.muted {
|
|
color: @error;
|
|
background-color: @error_container;
|
|
}
|
|
|
|
/*
|
|
* hover variants
|
|
*/
|
|
|
|
#privacy-item:hover,
|
|
#clock:hover,
|
|
#temperature:hover,
|
|
#network:hover,
|
|
#pulseaudio:hover,
|
|
#custom-media:hover,
|
|
#tray:hover,
|
|
#mode:hover,
|
|
#idle_inhibitor:hover,
|
|
#privacy-item:hover,
|
|
#mpd:hover,
|
|
#workspaces:hover {
|
|
color: @on_primary_container;
|
|
background-color: @primary_container;
|
|
}
|
|
|
|
#cpu:hover,
|
|
#memory:hover,
|
|
#disk:hover,
|
|
#battery:hover,
|
|
#backlight:hover,
|
|
#wireplumber:hover {
|
|
color: @on_secondary_container;
|
|
background-color: @secondary_container;
|
|
}
|
|
|
|
#network:hover,
|
|
#custom-media:hover {
|
|
color: @on_tertiary_container;
|
|
background-color: @tertiary_container;
|
|
}
|
|
|
|
#network.disconnected:hover,
|
|
#wireplumber.muted:hover {
|
|
color: @on_error_container;
|
|
background-color: @error_container;
|
|
}
|
|
|
|
/*
|
|
* module variations
|
|
*/
|
|
|
|
#tray > .needs-attention {
|
|
-gtk-icon-effect: highlight;
|
|
background-color: #eb4d4b;
|
|
}
|
|
|
|
#clock {
|
|
border-bottom-left-radius: 0px;
|
|
border-bottom-right-radius: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
#custom-swaync {
|
|
border-top-left-radius: 0px;
|
|
border-top-right-radius: 0px;
|
|
margin-top: 0px;
|
|
|
|
color: @background;
|
|
background-color: @primary;
|
|
}
|
|
|
|
#custom-swaync:hover {
|
|
color: @primary;
|
|
background-color: @background;
|
|
}
|
|
|
|
|
|
#wireplumber {
|
|
margin-bottom: 0px;
|
|
border-bottom-left-radius: 0px;
|
|
border-bottom-right-radius: 0px;
|
|
}
|
|
|
|
#backlight {
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
#battery {
|
|
margin-top: 0px;
|
|
border-top-left-radius: 0px;
|
|
border-top-right-radius: 0px;
|
|
}
|
|
|
|
#battery.charging, #battery.plugged {
|
|
color: #26A65B;
|
|
}
|
|
|
|
/* workspace indicator styles */
|
|
#workspaces {
|
|
margin-top: 0px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
#workspaces button.active {
|
|
color: @on_primary_container;
|
|
background-color: @primary_container;
|
|
}
|
|
|
|
#workspaces button.urgent {
|
|
color: @error;
|
|
background-color: @error_container;
|
|
}
|