waybar: add icons

This commit is contained in:
timoxa0 2024-11-29 17:52:23 +05:00
parent 49b562634a
commit e731b7399b
2 changed files with 27 additions and 20 deletions

View file

@ -1,30 +1,30 @@
@import "mocha.css"; @import "mocha.css";
* { * {
font-family: JetBrainsMono, "Font Awesome 6 Free", SymbolsNerdFont; font-family: Cantarell, "Font Awesome 6 Free", SymbolsNerdFont;
font-weight: bold; font-weight: bold;
font-size: 14px; font-size: 14px;
min-height: 0px; min-height: 0px;
} }
window#waybar { window#waybar {
background-color: transparent; background-color: @base;
/* background: @base; */ /* background: @base; */
transition-property: background-color; transition-property: background-color;
transition-duration: .5s; transition-duration: .5s;
border-radius: 14px; border-radius: 14px 14px 0px 0px;
} }
#workspaces { #workspaces {
background-color: @mantle; background-color: @mantle;
margin: 3px 5px 3px 5px; margin: 4px 5px 4px 5px;
padding: 3px; padding: 3px;
border-radius: 14px; border-radius: 14px;
} }
#workspaces button, #workspaces button,
#workspaces button:hover, #workspaces button:hover,
#workspaces button.active { #workspaces button.active {
padding: 0px 3px; padding: 0px 4px;
margin: 2px; margin: 2px;
border-radius: 10px; border-radius: 10px;
} }
@ -51,11 +51,11 @@ window#waybar {
background: @mantle; background: @mantle;
border-radius: 14px; border-radius: 14px;
color: @text; color: @text;
margin: 3px 2.5px 3px 2.5px; margin: 4px 2.5px 4px 2.5px;
} }
#custom-power { #custom-power {
margin: 3px 2.5px 3px 2.5px; margin: 4px 2.5px 4px 2.5px;
padding: 0px 9px; padding: 0px 9px;
} }
@ -63,7 +63,12 @@ window#waybar {
padding: 0px 10px; padding: 0px 10px;
} }
#tray, #battery { #battery {
padding: 0px 10px;
}
#tray {
margin: 4px 2.5px 4px 5px;
padding: 0px 10px; padding: 0px 10px;
} }
@ -76,10 +81,11 @@ window#waybar {
} }
#language { #language {
padding: 0px 7px 0px 7px; padding: 0px 9px 0px 8px;
} }
#clock { #clock {
padding: 0px 10px; padding: 0px 10px;
margin: 3px 5px 3px 2.5px; margin: 4px 5px 4px 2.5px;
font-size: 15px;
} }

View file

@ -1,11 +1,11 @@
{ {
"position": "bottom", "position": "bottom",
"height": 31, "height": 36,
"width": 900, // "width": 900,
"spacing": 0, "spacing": 0,
"margin-bottom": 5, "margin-bottom": 0,
"layer": "top", "layer": "top",
"modules-left": ["custom/power", "custom/runner", "tray"], "modules-left": ["tray"],
"modules-center": ["hyprland/workspaces"], "modules-center": ["hyprland/workspaces"],
"modules-right": ["wireplumber", "backlight", "battery", "hyprland/language", "clock"], "modules-right": ["wireplumber", "backlight", "battery", "hyprland/language", "clock"],
@ -35,19 +35,20 @@
"battery": { "battery": {
"bat": "qcom-battery", "bat": "qcom-battery",
"interval": 60, "interval": 1,
"states": { "states": {
"warning": 30, "warning": 30,
"critical": 15 "critical": 15
}, },
"format": "{capacity}% ", "format": "{icon} {capacity}%",
"format-charging": " {capacity}%",
"format-icons": ["", "", "", "", ""],
"max-length": 25 "max-length": 25
}, },
"backlight": { "backlight": {
"device": "ktz8866-backlight", "device": "ktz8866-backlight",
"format": "{percent}% ", "format": " {percent}%"
"format-icons": ["", ""]
}, },
"wireplumber": { "wireplumber": {
@ -60,14 +61,14 @@
}, },
"hyprland/language": { "hyprland/language": {
"format": "{}", "format": "{}",
"format-en": "Eng", "format-en": "Eng",
"format-ru": "Rus" "format-ru": "Rus"
}, },
"clock": { "clock": {
"tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>", "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
"format-alt": "{:%Y-%m-%d}", "format-alt": "{:%Y-%m-%d}",
"format": "{:%H:%M}", "format": "{:%H:%M}",
"timezone": "Asia/Yekaterinburg" "timezone": "Asia/Yekaterinburg"
} }