94 lines
1.7 KiB
CSS
94 lines
1.7 KiB
CSS
* {
|
|
/* `otf-font-awesome` is required to be installed for icons */
|
|
font-family: Ubuntu, sans-serif;
|
|
font-size: 13px;
|
|
}
|
|
|
|
/*VARS*/
|
|
@define-color critical-color #ff5ed1;
|
|
@define-color primary-color #ffabe7;
|
|
@define-color secondary-color #fbe4f7;
|
|
@define-color dark-color rgba(0,0,0, 0.9);
|
|
@define-color background-color rgba(0, 0, 0, 0.4);
|
|
@define-color text-color rgb(255, 255, 255);
|
|
|
|
window#waybar {
|
|
background: @background-color;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
|
|
/*General Paddings*/
|
|
#clock,
|
|
#battery,
|
|
#window,
|
|
#tray,
|
|
#pulseaudio,
|
|
#cpu,
|
|
#temperature,
|
|
#memory,
|
|
#idle_inhibitor{
|
|
padding: 0 10px 0 10px;
|
|
color: @text-color;
|
|
background-color: @dark-color;
|
|
border-radius: 5px;
|
|
margin: 0 3px 0 3px;
|
|
}
|
|
|
|
/*Window Settings*/
|
|
#window {
|
|
/*background-color: @primary-color;*/
|
|
color: @text-color;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/*Workspace Settings*/
|
|
#workspaces {
|
|
border-radius: 5px;
|
|
/*background-color: @secondary-color;*/
|
|
color: @text-color;
|
|
}
|
|
|
|
#workspaces button {
|
|
transition: all 300ms ease-in-out;
|
|
border-radius: 5px;
|
|
color: @text-color;
|
|
}
|
|
|
|
#workspaces button.active {
|
|
background-color: @primary-color;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/*Animated objects*/
|
|
#cpu,
|
|
#battery,
|
|
#memory,
|
|
#temperature{
|
|
transition: all 300ms ease-in-out;
|
|
}
|
|
|
|
#cpu.critical,
|
|
#battery.critical,
|
|
#memory.critical,
|
|
#temperature.critical {
|
|
animation-name: pLINK;
|
|
animation-duration: 0.5s;
|
|
animation-timing-function: steps(12);
|
|
animation-iteration-count: infinite;
|
|
animation-direction: alternate;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/*Modules*/
|
|
.modules-right {
|
|
/*background-color: @secondary-color;*/
|
|
border-radius: 5px;
|
|
padding: 5px;
|
|
}
|
|
|
|
/*Animations*/
|
|
@keyframes pLINK {
|
|
to { background-color: @critical-color;}
|
|
}
|