FEAT: Updated waybar to look better and more custom

This commit is contained in:
_N0x 2024-11-30 12:46:14 +01:00
parent 6d1617b41d
commit 72799bf294
2 changed files with 69 additions and 125 deletions

View File

@ -1,33 +1,31 @@
{
"layer": "top", // Waybar at top layer
"position": "top", // Waybar position (top|bottom|left|right)
"height": 34, // Waybar height (to be removed for auto height)
// "width": 1280, // Waybar width
"spacing": 4, // Gaps between modules (4px)
"layer": "top",
"position": "top",
"height": 35,
"spacing": 4,
"margin-left": 10,
"margin-right": 10,
"margin-top": 10,
// Choose the order of the modules
"modules-left": ["hyprland/workspaces"],
"modules-center": ["hyprland/window"],
"modules-right": ["idle_inhibitor", "pulseaudio", "backlight", "network", "custom/updates", "hyprland/submap", "hyprland/language", "cpu", "memory", "temperature", "battery", "tray", "clock"],
"modules-left": ["hyprland/workspaces","hyprland/window"],
"modules-center": ["clock"],
"modules-right": ["pulseaudio", "backlight", "network", "cpu", "memory", "tray"],
// Modules configuration
"hyprland/workspaces": {
"disable-scroll": true,
"on-click": "activate",
// "all-outputs": false,
// "format": "{name}: {icon}",
"format": "{name}",
"on-scroll-up": "hyprctl dispatch workspace m-1 > /dev/null",
"on-scroll-down": "hyprctl dispatch workspace m+1 > /dev/null",
"format-icons": {
"1": "",
"2": "",
"3": "",
"4": "",
"5": "",
"urgent": "",
"focused": "",
"default": ""
}
},
"hyprland/workspaces": {
"disable-scroll": true,
//"all-outputs": true,
"on-click": "activate",
"format": "{icon}",
"format-icons": {
"empty": "",
//"default": "",
"default": "",
"active": "",
}
},
"keyboard-state": {
"numlock": false,
"capslock": false,
@ -38,56 +36,10 @@
}
},
"hyprland/window": {
"max-length": 50,
"max-length": 64,
"separate-outputs": true
},
"hyprland/language": {
"format": "{}",
"max-length": 18
},
"sway/mode": {
"format": "<span style=\"italic\">{}</span>"
},
"sway/scratchpad": {
"format": "{icon} {count}",
"show-empty": false,
"format-icons": ["", ""],
"tooltip": true,
"tooltip-format": "{app}: {title}"
},
"mpd": {
"format": "{stateIcon} {consumeIcon}{randomIcon}{repeatIcon}{singleIcon}{artist} - {album} - {title} ({elapsedTime:%M:%S}/{totalTime:%M:%S}) ⸨{songPosition}|{queueLength}⸩ {volume}% ",
"format-disconnected": "Disconnected ",
"format-stopped": "{consumeIcon}{randomIcon}{repeatIcon}{singleIcon}Stopped ",
"unknown-tag": "N/A",
"interval": 2,
"consume-icons": {
"on": " "
},
"random-icons": {
"off": "<span color=\"#f53c3c\"></span> ",
"on": " "
},
"repeat-icons": {
"on": " "
},
"single-icons": {
"on": "1 "
},
"state-icons": {
"paused": "",
"playing": ""
},
"tooltip-format": "MPD (connected)",
"tooltip-format-disconnected": "MPD (disconnected)"
},
"idle_inhibitor": {
"format": "{icon}",
"format-icons": {
"activated": "",
"deactivated": ""
}
},
"tray": {
// "icon-size": 21,
"spacing": 0
@ -104,14 +56,6 @@
"memory": {
"format": "{}% "
},
"temperature": {
// "thermal-zone": 2,
// "hwmon-path": "/sys/class/hwmon/hwmon2/temp1_input",
"critical-threshold": 80,
// "format-critical": "{temperatureC}°C {icon}",
"format": "{temperatureC}°C {icon}",
"format-icons": ["", "", ""]
},
"backlight": {
// "device": "acpi_video1",
"format": "{percent}% {icon}",
@ -144,21 +88,21 @@
"format-alt": "{ifname}: {ipaddr}/{cidr}"
},
"pulseaudio": {
// "scroll-step": 10, // %, can be a float
"format": "{volume}%{icon} {format_source}",
// "scroll-step": 1, // %, can be a float
"format": "{volume}% {icon}",
"format-bluetooth": "{volume}% {icon} {format_source}",
"format-bluetooth-muted": " {icon} {format_source}",
"format-muted": " {format_source}",
"format-source": "{volume}% ",
"format-source-muted": "",
"format-icons": {
"headphone": "",
"hands-free": "",
"headset": "",
"headphone": "",
"hands-free": "",
"headset": "",
"phone": "",
"portable": "",
"car": "",
"default": ["", "", ""]
"default": ["", "", ""]
},
"on-click": "pavucontrol"
},
@ -189,8 +133,8 @@
"has-updates": "󱍷",
"updated": "󰂪"
},
"exec-if": "which waybar-module-pacman-updates",
"exec": "waybar-module-pacman-updates --interval-seconds 5 --network-interval-seconds 300"
"exec-if": "which waybar-updates",
"exec": "waybar-updates --interval-seconds 5 --network-interval-seconds 300"
}
}

View File

@ -16,89 +16,89 @@
@define-color base0F #a16946;
* {
transition: none;
box-shadow: none;
transition: none;
box-shadow: none;
}
#waybar {
font-family: 'Source Code Pro', sans-serif;
font-size: 1.2em;
font-weight: 400;
color: @base04;
background: @base01;
font-family: 'Hack JBM Ligatured', "Font Awesome 6 Free";
font-size: 1.2em;
font-weight: 400;
color: @base04;
border-radius: 10px;
background: @base01;
}
#workspaces {
margin: 0 4px;
margin: 0 4px;
}
#workspaces button {
margin: 4px 0;
padding: 0 4px;
color: @base05;
margin: 4px 0;
padding: 0 4px;
color: @base05;
}
#workspaces button.visible {
}
#workspaces button.active {
border-radius: 4px;
background-color: @base02;
border-radius: 10px;
background-color: @base03;
}
#workspaces button.urgent {
color: rgba(238, 46, 36, 1);
color: rgba(238, 46, 36, 1);
}
#tray {
margin: 4px 4px 4px 4px;
border-radius: 4px;
background-color: @base02;
margin: 4px 4px 4px 4px;
border-radius: 4px;
background-color: @base02;
}
#tray * {
padding: 0 6px;
border-left: 1px solid @base00;
padding: 0 6px;
border-left: 1px solid @base00;
}
#tray *:first-child {
border-left: none;
border-left: none;
}
#mode, #battery, #cpu, #memory, #network, #pulseaudio, #idle_inhibitor, #backlight, #custom-storage, #custom-updates, #custom-weather, #custom-mail, #clock, #temperature, #language{
margin: 4px 2px;
padding: 0 6px;
background-color: @base02;
border-radius: 4px;
min-width: 20px;
margin: 4px 2px;
padding: 0 6px;
background-color: @base02;
border-radius: 4px;
min-width: 20px;
}
#pulseaudio.muted {
color: @base0F;
color: @base0F;
}
#pulseaudio.bluetooth {
color: @base0C;
color: @base0C;
}
#clock {
margin-left: 0px;
margin-right: 4px;
background-color: transparent;
margin-left: 0px;
margin-right: 4px;
background-color: transparent;
}
#temperature.critical {
color: @base0F;
color: @base0F;
}
#window {
font-size: 0.9em;
font-weight: 400;
font-family: sans-serif;
margin-left:20px;
}
#language {
font-size: 0.9em;
font-weight: 500;
letter-spacing: -1px;
}
}