initial commit
This commit is contained in:
168
waybar/style.css
Normal file
168
waybar/style.css
Normal file
@@ -0,0 +1,168 @@
|
||||
|
||||
* {
|
||||
font-size:15px;
|
||||
font-family: "Inter";
|
||||
}
|
||||
window#waybar{
|
||||
all:unset;
|
||||
}
|
||||
.modules-left {
|
||||
padding:7px;
|
||||
margin:5px;
|
||||
border-radius:10px;
|
||||
background: alpha(@background,.5);
|
||||
box-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
|
||||
}
|
||||
.modules-center {
|
||||
padding:7px;
|
||||
margin:5px;
|
||||
border-radius:10px;
|
||||
background: alpha(@background,.5);
|
||||
box-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
|
||||
}
|
||||
.modules-right {
|
||||
padding:7px;
|
||||
margin:5px;
|
||||
border-radius:10px;
|
||||
background: alpha(@background,.5);
|
||||
box-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
|
||||
}
|
||||
tooltip {
|
||||
background:@background;
|
||||
color: @color7;
|
||||
}
|
||||
#clock:hover, #custom-pacman:hover, #custom-notification:hover,#bluetooth:hover,#network:hover,#battery:hover, #cpu:hover,#memory:hover,#temperature:hover{
|
||||
transition: all .3s ease;
|
||||
color:@color9;
|
||||
}
|
||||
#custom-notification {
|
||||
padding: 0px 5px;
|
||||
transition: all .3s ease;
|
||||
color:@color7;
|
||||
}
|
||||
#clock{
|
||||
padding: 0px 5px;
|
||||
color:@color7;
|
||||
transition: all .3s ease;
|
||||
}
|
||||
#custom-pacman{
|
||||
padding: 0px 5px;
|
||||
transition: all .3s ease;
|
||||
color:@color7;
|
||||
|
||||
}
|
||||
#workspaces {
|
||||
padding: 0px 5px;
|
||||
}
|
||||
#workspaces button {
|
||||
all:unset;
|
||||
padding: 0px 5px;
|
||||
color: rgba(0,0,0,0);
|
||||
text-shadow: 0px 0px 1px rgba(0, 0, 0, .4);
|
||||
}
|
||||
#workspaces button:hover {
|
||||
color:rgba(0,0,0,0);
|
||||
text-shadow: 0px 0px 1px rgba(0, 0, 0, .7);
|
||||
transition: all 1s ease;
|
||||
}
|
||||
#workspaces button.active {
|
||||
color: @color9;
|
||||
border: none;
|
||||
transition: all 1s ease;
|
||||
}
|
||||
#workspaces button.empty {
|
||||
color: rgba(0,0,0,0);
|
||||
border: none;
|
||||
text-shadow: 0px 0px 1.5px rgba(0, 0, 0, .2);
|
||||
}
|
||||
#workspaces button.empty:hover {
|
||||
color: rgba(0,0,0,0);
|
||||
border: none;
|
||||
text-shadow: 0px 0px 1.5px rgba(0, 0, 0, .5);
|
||||
transition: all 1s ease;
|
||||
}
|
||||
#workspaces button.empty.active {
|
||||
color: @color9;
|
||||
border: none;
|
||||
transition: all 1s ease;
|
||||
}
|
||||
#bluetooth{
|
||||
padding: 0px 5px;
|
||||
transition: all .3s ease;
|
||||
color:@color7;
|
||||
|
||||
}
|
||||
#network{
|
||||
padding: 0px 5px;
|
||||
transition: all .3s ease;
|
||||
color:@color7;
|
||||
|
||||
}
|
||||
#battery{
|
||||
padding: 0px 5px;
|
||||
transition: all .3s ease;
|
||||
color:@color7;
|
||||
|
||||
|
||||
}
|
||||
#battery.charging {
|
||||
color: #26A65B;
|
||||
}
|
||||
|
||||
#battery.warning:not(.charging) {
|
||||
color: #ffbe61;
|
||||
}
|
||||
|
||||
#battery.critical:not(.charging) {
|
||||
color: #f53c3c;
|
||||
animation-name: blink;
|
||||
animation-duration: 0.5s;
|
||||
animation-timing-function: linear;
|
||||
animation-iteration-count: infinite;
|
||||
animation-direction: alternate;
|
||||
}
|
||||
#group-expand{
|
||||
padding: 0px 5px;
|
||||
transition: all .3s ease;
|
||||
}
|
||||
#custom-expand{
|
||||
padding: 0px 5px;
|
||||
color:alpha(@foreground,.2);
|
||||
text-shadow: 0px 0px 2px rgba(0, 0, 0, .7);
|
||||
transition: all .3s ease;
|
||||
}
|
||||
#custom-expand:hover{
|
||||
color:rgba(255,255,255,.2);
|
||||
text-shadow: 0px 0px 2px rgba(255, 255, 255, .5);
|
||||
}
|
||||
#custom-colorpicker{
|
||||
padding: 0px 5px;
|
||||
}
|
||||
#cpu,#memory,#temperature{
|
||||
padding: 0px 5px;
|
||||
transition: all .3s ease;
|
||||
color:@color7;
|
||||
|
||||
}
|
||||
#custom-endpoint{
|
||||
color:transparent;
|
||||
text-shadow: 0px 0px 1.5px rgba(0, 0, 0, 1);
|
||||
|
||||
}
|
||||
#tray{
|
||||
padding: 0px 5px;
|
||||
transition: all .3s ease;
|
||||
|
||||
}
|
||||
#tray menu * {
|
||||
padding: 0px 5px;
|
||||
transition: all .3s ease;
|
||||
}
|
||||
|
||||
#tray menu separator {
|
||||
padding: 0px 5px;
|
||||
transition: all .3s ease;
|
||||
}
|
||||
#power-profiles-daemon {
|
||||
color: white;
|
||||
}
|
Reference in New Issue
Block a user