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