4 changed files with 228 additions and 104 deletions
@ -1,83 +0,0 @@ |
|||||||
*{ |
|
||||||
font-family: "JetBrainsMono Nerd Font"; |
|
||||||
font-weight: bold; |
|
||||||
min-height: 0; |
|
||||||
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ |
|
||||||
font-size: 98%; |
|
||||||
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; |
|
||||||
padding: 0px; |
|
||||||
margin-top: 1px; |
|
||||||
margin-bottom: 1px; |
|
||||||
} |
|
||||||
|
|
||||||
window#waybar { |
|
||||||
background: rgba(0, 0, 0, 0.7); |
|
||||||
border-radius: 10px; |
|
||||||
} |
|
||||||
window#waybar.empty { |
|
||||||
background-color: transparent; |
|
||||||
} |
|
||||||
window#waybar.empty #window { |
|
||||||
padding: 0px; |
|
||||||
margin: 0px; |
|
||||||
border: 0px; |
|
||||||
/* background-color: rgba(66,66,66,0.5); */ /* transparent */ |
|
||||||
background-color: transparent; |
|
||||||
} |
|
||||||
|
|
||||||
#custom-menu, #workspaces { |
|
||||||
border-radius: 10px; |
|
||||||
/*background-color: #11111b;*/ |
|
||||||
color: #b4befe; |
|
||||||
margin-right: 15px; |
|
||||||
padding-left: 10px; |
|
||||||
padding-right: 10px; |
|
||||||
} |
|
||||||
|
|
||||||
#workspaces button { |
|
||||||
/*background: #11111b;*/ |
|
||||||
color: #b4befe; |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
#clock, #backlight, #pulseaudio, #bluetooth, #network, #battery { |
|
||||||
border-radius: 10px; |
|
||||||
/*background-color: #11111b;*/ |
|
||||||
color: #cdd6f4; |
|
||||||
padding-left: 10px; |
|
||||||
padding-right: 10px; |
|
||||||
margin-right: 15px; |
|
||||||
} |
|
||||||
|
|
||||||
#backlight, #bluetooth { |
|
||||||
border-top-right-radius: 0; |
|
||||||
border-bottom-right-radius: 0; |
|
||||||
padding-right: 5px; |
|
||||||
margin-right: 0 |
|
||||||
} |
|
||||||
|
|
||||||
#pulseaudio, #network { |
|
||||||
border-top-left-radius: 0; |
|
||||||
border-bottom-left-radius: 0; |
|
||||||
padding-left: 5px; |
|
||||||
} |
|
||||||
|
|
||||||
#clock, #custom-light_dark { |
|
||||||
margin-right: 0; |
|
||||||
} |
|
||||||
|
|
||||||
@keyframes blink { |
|
||||||
to { |
|
||||||
color: #000000; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
#battery.critical:not(.charging) { |
|
||||||
background-color: #f38ba8; |
|
||||||
color: #f38ba8; |
|
||||||
animation-name: blink; |
|
||||||
animation-duration: 0.5s; |
|
||||||
animation-timing-function: linear; |
|
||||||
animation-iteration-count: infinite; |
|
||||||
animation-direction: alternate; |
|
||||||
} |
|
||||||
@ -0,0 +1,174 @@ |
|||||||
|
@define-color foreground #FBF1C7; |
||||||
|
@define-color dim_foreground1 #504945; |
||||||
|
@define-color dim_foreground2 #3C3836; |
||||||
|
@define-color background #282828; |
||||||
|
@define-color green #B8BB26; |
||||||
|
@define-color red #eb6f92; |
||||||
|
@define-color blue #31748f; |
||||||
|
|
||||||
|
window#waybar { |
||||||
|
background: @background; |
||||||
|
border-radius: 15px 15px 15px 15px; |
||||||
|
border: 1px solid @foreground; |
||||||
|
color: @foreground; |
||||||
|
font-family: JetBrainsMono Nerd Font; |
||||||
|
font-weight: bold; |
||||||
|
font-size: 98%; |
||||||
|
} |
||||||
|
|
||||||
|
.modules-left { |
||||||
|
margin-left: 10px; |
||||||
|
} |
||||||
|
|
||||||
|
.modules-right { |
||||||
|
margin-right: 10px; |
||||||
|
} |
||||||
|
|
||||||
|
#workspaces button { |
||||||
|
color: @dim_foreground1; |
||||||
|
transition: color 0.3s ease-in; |
||||||
|
padding-left: 5px; |
||||||
|
} |
||||||
|
|
||||||
|
#workspaces button.active { |
||||||
|
color: @foreground; |
||||||
|
} |
||||||
|
|
||||||
|
#workspaces button.focused { |
||||||
|
color: @foreground; |
||||||
|
} |
||||||
|
|
||||||
|
#workspace button.urgent { |
||||||
|
color: @foreground; |
||||||
|
} |
||||||
|
|
||||||
|
button:hover { |
||||||
|
font-size: inherit; |
||||||
|
box-shadow: inherit; |
||||||
|
text-shadow: inherit; |
||||||
|
background: transparent; |
||||||
|
border-color: transparent; |
||||||
|
} |
||||||
|
|
||||||
|
#clock, |
||||||
|
#battery, |
||||||
|
#backlight, |
||||||
|
#pulseaudio, |
||||||
|
#tray, |
||||||
|
#language, |
||||||
|
#workspaces, |
||||||
|
#network, |
||||||
|
#bluetooth, |
||||||
|
#custom-playerctl, |
||||||
|
#custom-launcher, |
||||||
|
#custom-weather, |
||||||
|
#custom-hyprpicker, |
||||||
|
#custom-power { |
||||||
|
margin: 12px 0px 12px 0px; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
#clock, |
||||||
|
#battery, |
||||||
|
#backlight, |
||||||
|
#pulseaudio, |
||||||
|
#tray, |
||||||
|
#language, |
||||||
|
#workspaces, |
||||||
|
#network, |
||||||
|
#bluetooth, |
||||||
|
#custom-playerctl { |
||||||
|
background: @dim_foreground1; |
||||||
|
color: @foreground; |
||||||
|
border-radius: 10px; |
||||||
|
} |
||||||
|
|
||||||
|
#tray, |
||||||
|
#workspaces { |
||||||
|
background: @dim_foreground2; |
||||||
|
} |
||||||
|
|
||||||
|
#network, |
||||||
|
#battery, |
||||||
|
#language, |
||||||
|
#backlight, |
||||||
|
#pulseaudio, |
||||||
|
#bluetooth { |
||||||
|
border-radius: 0px; |
||||||
|
padding: 0px 8px 0px 5px; |
||||||
|
font-size: 16px; |
||||||
|
} |
||||||
|
|
||||||
|
#network { |
||||||
|
border-radius: 10px 0px 0px 10px; |
||||||
|
} |
||||||
|
|
||||||
|
#battery { |
||||||
|
border-radius: 0px 10px 10px 0px; |
||||||
|
} |
||||||
|
|
||||||
|
#custom-menu, |
||||||
|
#custom-launcher { |
||||||
|
margin-left: 12px; |
||||||
|
color: @green; |
||||||
|
} |
||||||
|
|
||||||
|
#custom-power { |
||||||
|
margin-right: 12px; |
||||||
|
color: @red; |
||||||
|
} |
||||||
|
|
||||||
|
#workspaces, |
||||||
|
#custom-weather, |
||||||
|
#clock { |
||||||
|
margin-left: 8px; |
||||||
|
} |
||||||
|
|
||||||
|
#clock { |
||||||
|
margin-left: 3px; |
||||||
|
} |
||||||
|
|
||||||
|
#custom-hyprpicker, |
||||||
|
#tray, |
||||||
|
#custom-launcher, |
||||||
|
#battery { |
||||||
|
margin-right: 8px; |
||||||
|
} |
||||||
|
|
||||||
|
#battery { |
||||||
|
margin-right: 3px; |
||||||
|
} |
||||||
|
|
||||||
|
#network { |
||||||
|
padding-left: 12px; |
||||||
|
} |
||||||
|
|
||||||
|
#language { |
||||||
|
padding: 0px 2px 0px 2px; |
||||||
|
} |
||||||
|
|
||||||
|
#clock, |
||||||
|
#tray, |
||||||
|
#custom-playerctl { |
||||||
|
padding: 0px 8px 0px 8px; |
||||||
|
} |
||||||
|
|
||||||
|
#custom-power-menu, |
||||||
|
#custom-hyprpicker, |
||||||
|
#custom-launcher { |
||||||
|
font-size: 17px; |
||||||
|
} |
||||||
|
|
||||||
|
#custom-hyprpicker { |
||||||
|
margin-right: 12px; |
||||||
|
color: @blue; |
||||||
|
font-size: 20px; |
||||||
|
} |
||||||
|
|
||||||
|
tooltip { |
||||||
|
border-radius: 15px; |
||||||
|
border: 4px solid @dim_foreground1; |
||||||
|
padding: 15px; |
||||||
|
background-color: @background; |
||||||
|
color: @foreground; |
||||||
|
} |
||||||
Loading…
Reference in new issue