78 lines
1.2 KiB
CSS
78 lines
1.2 KiB
CSS
/**
|
|
* Global configuration for theme
|
|
* */
|
|
* {
|
|
font-family: FiraCode Nerd Font;
|
|
font-size: 16px;
|
|
border-radius: 0.75em;
|
|
}
|
|
|
|
window#waybar {
|
|
border: 2px solid @surface1;
|
|
background: @theme_base_color;
|
|
box-shadow: 1px 1px 10px 10px @mantle;
|
|
color: @theme_text_color;
|
|
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,
|
|
#keyboard-state,
|
|
#mpd {
|
|
padding: 0 1em;
|
|
}
|
|
|
|
#clock {
|
|
font-size: 16px;
|
|
font-weight: 900;
|
|
padding: 0 1em;
|
|
}
|
|
|
|
#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;
|
|
}
|
|
}
|