mirror of
https://github.com/duma799/hyprduma-config.git
synced 2026-05-13 14:11:01 +00:00
duma97
169 lines
3.4 KiB
CSS
169 lines
3.4 KiB
CSS
@import url('../../.cache/wal/colors-waybar.css');
|
|
|
|
* {
|
|
font-size:15px;
|
|
font-family: "JetBrainsMono Nerd Font", "Font Awesome 6 Free";;
|
|
font-weight: bold;
|
|
}
|
|
window#waybar{
|
|
all:unset;
|
|
}
|
|
.modules-left {
|
|
padding:1px 3px;
|
|
margin:5px 0px 5px 10px;
|
|
border-radius:13px;
|
|
background: #000000;
|
|
border: none;
|
|
}
|
|
.modules-center {
|
|
padding:1px 5px;
|
|
margin:5px 0px 5px 0px;
|
|
border-radius:13px;
|
|
background: #000000;
|
|
border: none;
|
|
}
|
|
.modules-right {
|
|
padding:1px 3px;
|
|
margin:5px 10px 5px 0px;
|
|
border-radius:13px;
|
|
background: #000000;
|
|
border: none;
|
|
}
|
|
tooltip {
|
|
background:@background;
|
|
color: @color7;
|
|
}
|
|
#pulseaudio:hover, #bluetooth:hover, #network:hover, #custom-power-profile:hover, #battery:hover, #cpu:hover, #memory:hover, #temperature:hover, #custom-wlogout:hover{
|
|
transition: all .3s ease;
|
|
color:@color1;
|
|
text-shadow: 0px 0px 8px @color1;
|
|
}
|
|
#clock{
|
|
padding: 3px 5px 2px 5px;
|
|
color:@color7;
|
|
font-family: "JetBrains Mono";
|
|
font-weight: 600;
|
|
text-shadow: 0px 0px 5px @color1;
|
|
transition: all .3s ease;
|
|
}
|
|
#workspaces {
|
|
padding: 0px 5px;
|
|
}
|
|
#workspaces button {
|
|
all:unset;
|
|
padding: 0px 4px;
|
|
color: rgba(255, 255, 255, 0.4);
|
|
transition: all .2s ease;
|
|
font-size: 12px;
|
|
}
|
|
#workspaces button:hover {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);
|
|
transition: all .3s ease;
|
|
}
|
|
#workspaces button.active {
|
|
color: @color1;
|
|
text-shadow: 0px 0px 8px @color1, 0px 0px 15px @color1;
|
|
font-size: 14px;
|
|
}
|
|
#workspaces button.empty {
|
|
color: rgba(255, 255, 255, 0.2);
|
|
text-shadow: none;
|
|
}
|
|
#workspaces button.empty:hover {
|
|
color: rgba(255, 255, 255, 0.4);
|
|
text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.3);
|
|
transition: all .3s ease;
|
|
}
|
|
#workspaces button.empty.active {
|
|
color: @color1;
|
|
text-shadow: 0px 0px 8px @color1, 0px 0px 15px @color1;
|
|
font-size: 14px;
|
|
}
|
|
#bluetooth{
|
|
padding: 0px 3px;
|
|
transition: all .3s ease;
|
|
color:@color7;
|
|
|
|
}
|
|
#network{
|
|
padding: 0px 5px;
|
|
transition: all .3s ease;
|
|
color:@color7;
|
|
|
|
}
|
|
#pulseaudio{
|
|
padding: 0px 5px;
|
|
transition: all .3s ease;
|
|
color:@color7;
|
|
|
|
}
|
|
#pulseaudio.muted{
|
|
color: #f53c3c;
|
|
}
|
|
#custom-power-profile{
|
|
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;
|
|
margin-right: 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);
|
|
|
|
}
|
|
#custom-wlogout{
|
|
padding: 0px 5px;
|
|
margin-left: -5px;
|
|
margin-right: 3px;
|
|
font-size: 14px;
|
|
transition: all .3s ease;
|
|
color:@color7;
|
|
}
|