114 lines
1.8 KiB
CSS
114 lines
1.8 KiB
CSS
/**
|
|
* Global configuration for theme
|
|
* {
|
|
font-family: MonaspiceNe Nerd Font;
|
|
font-size: 16px;
|
|
border-radius: 0.75em;
|
|
}
|
|
* */
|
|
* {
|
|
font-family: FiraCode , Noto Sans,FontAwesome, Roboto, Helvetica, Arial, sans-serif;
|
|
font-size: 16px;
|
|
/*border-radius: 0.75em*/;
|
|
}
|
|
|
|
window#waybar {
|
|
background-color: transparent;
|
|
color: @text;
|
|
/* border: 2px solid @surface1;
|
|
background: @base;
|
|
box-shadow: 1px 1px 10px 10px @mantle;
|
|
transition-property: background-color;
|
|
transition-duration: 0.5s;
|
|
*/
|
|
}
|
|
|
|
window#waybar.hidden {
|
|
opacity: 0.2;
|
|
}
|
|
|
|
tooltip {
|
|
background: @base;
|
|
border: 1px solid @blue;
|
|
}
|
|
|
|
tooltip label {
|
|
color: white;
|
|
}
|
|
|
|
label:focus {
|
|
background-color: #000000;
|
|
}
|
|
|
|
button {
|
|
/* Use box-shadow instead of border so the text isn't offset */
|
|
box-shadow: inset 0 -3px transparent;
|
|
/* Avoid rounded borders under each button name */
|
|
border: none;
|
|
border-radius: 0;
|
|
}
|
|
|
|
/* Remove border from parent waybar */
|
|
box {
|
|
border: none;
|
|
}
|
|
|
|
/* Add spacing for right side modules */
|
|
#tray,
|
|
#user,
|
|
#custom-weather,
|
|
#battery,
|
|
#keyboard-state,
|
|
#mpd {
|
|
padding: 0 1em;
|
|
}
|
|
/* Add spacing for right side modules */
|
|
#pulseaudio,
|
|
#mpris,
|
|
#backlight {
|
|
padding: 0 0.5em;
|
|
}
|
|
|
|
#mpris {
|
|
font-size: 12px;
|
|
color: @text;
|
|
}
|
|
|
|
#battery.charging,
|
|
#battery.plugged,
|
|
#battery.full
|
|
{
|
|
color: @green;
|
|
}
|
|
|
|
#battery.critical:not(.charging) {
|
|
background-color: #f38ba8;
|
|
color:#bf5673;
|
|
animation-name: blink;
|
|
animation-duration: 0.5s;
|
|
animation-timing-function: linear;
|
|
animation-iteration-count: infinite;
|
|
animation-direction: alternate;
|
|
}
|
|
|
|
#clock {
|
|
font-size: 16px;
|
|
font-weight: 900;
|
|
color: @text;
|
|
}
|
|
|
|
#custom-separator-right,
|
|
#custom-separator-left {
|
|
font-size: 20px;
|
|
padding-left: 1em;
|
|
padding-right: 1em;
|
|
color: @text;
|
|
}
|
|
|
|
@keyframes blink {
|
|
to {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
}
|
|
}
|