Waybar (Niri)
Waybar - панелька (статус бар), которую вы наблюдаете сверху своего рабочего стола. На ней можно разместить информацию о системе, какие-то кнопки для управления системой и прочее. Все блоки, устанавливаемые на waybar называются модулями. Модули вы можете создавать, указывая путь к скрипту, тогда waybar выполнит этот скрипт при запуске, а trayтак же waybar сможет отобразить то, что этот скрипт выводит. Так же существуют встроенные модули, которые будут работать из коробки, а те, что из котобки не запустятся, можно поредачить и запустить.
При настройке используются 2 файла:
- config.json, в котором настраиваются модули, их расположение на панели.
- styles.css в котором настраивается внедший вид модулей.
Для установки необходимо выполнить команду в эмуляторе терминала:
sudo pacman -Sy waybar
Файл config.json хранится в каталоге ~/.config/waybar/config.json
Тот же конфиг, только все вхождения строки hyprland я заменил на niri и встроенные модули заработали.
// -*- mode: jsonc -*-
{
"swap-icon-label": true,
// "layer": "top", // Waybar at top layer
// "position": "bottom", // Waybar position (top|bottom|left|right)
"height": 32, // Waybar height (to be removed for auto height)
// "width": 1280, // Waybar width
"spacing": 0, // Gaps between modules (4px)
// Choose the order of the modules
"margin-top": 4,
"margin-left": 4,
"margin-right": 4,
"modules-left": [
"custom/power",
"niri/workspaces",
"custom/media",
"niri/window"
],
"modules-center": [
"custom/filesystem",
"cpu",
"memory",
"temperature"
],
"modules-right": [
"custom/weather",
"custom/updates",
"backlight",
"pulseaudio",
"battery",
"tray",
"niri/language",
"custom/clock"
],
// Modules configuration
"niri/workspaces": {
"disable-scroll": true,
"reverse-sorting": true,
"all-outputs": true,
"warp-on-scroll": false,
"format": "{icon}",
"format-icons": {
"1": "",
"2": "",
"3": "",
"urgent": "",
"active": "",
"default": ""
}
},
"niri/window": {
"max-length": 20 // Characters count
},
"tray": {
"icon-size": 21,
"spacing": 10
},
"cpu": {
"format": "{usage}% ",
"tooltip": false
},
"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}",
"format-icons": ["",""]
},
"niri/language": {
"format": "{}",
"format-en": "EN",
"format-ru": "RU",
"keyboard-name": "at-translated-set-2-keyboard"
},
"battery": {
"states": {
// "good": 95,
"warning": 30,
"critical": 15
},
"format": "{capacity}% {icon}",
"format-full": "{capacity}% {icon}",
"format-charging": "{capacity}% ",
"format-plugged": "{capacity}% ",
"format-alt": "{time} {icon}",
// "format-good": "", // An empty format will hide the module
// "format-full": "",
"format-icons": [""]
},
"pulseaudio": {
// "scroll-step": 1, // %, can be a float
"format": "{volume}% {icon} {format_source}",
"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": " ",
"phone": "",
"portable": "",
"car": "",
"default": [" ", " ", " "]
},
"on-click": "pavucontrol"
},
"wireplumber": {
"format": "{volume}% ",
"format-muted": "",
"on-click": "helvum"
},
"custom/media": {
"format": "{0} {1}",
"return-type": "json",
"max-length": 20,
"format-icons": {
"spotify": "",
"default": ""
},
"escape": true,
"exec": "$HOME/.config/waybar/mediaplayer.py 2> /dev/null" // Script in resources folder
// "exec": "$HOME/.config/waybar/mediaplayer.py --player spotify 2> /dev/null" // Filter player based on name
},
"custom/power": {
"format" : " ⏻ ",
"on-click": "/home/tehop/.config/rofi/powermenu/type-3/powermenu.sh"
},
"custom/weather": {
"format" : "{}",
"exec" : "/home/tehop/.scripts/yaweather/venv/bin/python /home/tehop/.scripts/yaweather/weather.py",
"interval" : 1200
},
"custom/updates": {
"format" : "{} ",
"exec" : "/home/tehop/.scripts/updates/updateinfo.sh",
"interval" : 1800,
"on-click": "/home/tehop/.scripts/updates/updatestart.sh",
"tooltip": true
},
"custom/filesystem": {
"format" : " {} ",
"exec" : "/home/tehop/.scripts/filesystem.sh",
"interval": 1200
},
"custom/clock": {
"format" : " {} ",
"exec" : "date | cut -c16-20",
"interval": 60,
"on-click": "kitty --title 'calcurse' calcurse"
}
}
Таблица со стилями лежит в этом же каталоге ~/.config/waybar/style.css
Моя таблица стилей выглядит так:
* {
font-family: JetBrainsMonoNerd Font, Font Awesome, sans-serif;
font-size: 17px;
min-height: 0;
}
language#waybar {
background: rgba(46, 52, 64, 0.1); /* Nord0 */
border-radius: 10px;
color: #D8DEE9; /* Nord4 */
}
window#waybar {
background: rgba(46, 52, 64, 0.9); /* Nord0 */
border-radius: 10px;
color: #D8DEE9; /* Nord4 */
}
/* Общий стиль блоков */
#workspaces button,
#clock,
#language,
#battery,
#cpu,
#memory,
#pulseaudio,
#network,
#temperature,
#tray,
#window,
#custom-* {
background: #3B4252; /* Nord1 */
color: #D8DEE9;
border-radius: 8px;
padding: 2px 8px;
margin: 2px;
}
/* Общий стиль блоков после наведения */
#workspaces button:hover,
#pulseaudio:hover,
#tray:hover,
#battery:hover,
#custom-*:hover {
transition: all 0.2s ease;
color: rgba(46, 52, 64, 0.9);
background-color: #a3be8c;
}
/* Рабочие пространства */
#workspaces button.active {
background-color: #81A1C1; /* Nord9 */
color: #ECEFF4;
}
#workspaces button.urgent {
background-color: #BF616A; /* Nord11 */
}
/* Нагрузка процессора */
#cpu {
padding: 2px 10px 2px 8px;
}
/* Ресурсы оперативной памяти */
#memory {
padding: 2px 13px 2px 8px;
}
/* Батарея */
#battery.charging {
background-color: #A3BE8C; /* Nord14 */
color: #2E3440;
}
#battery.critical:not(.charging) {
background-color: #BF616A;
color: #ECEFF4;
}
/* Подсветка экрана */
#backlight {
background: #3B4252; /* Nord1 */
border-radius: 8px;
padding:2px 8px 2px 8px;
margin: 2px;
color: #ECEFF4;
}
/* Звук */
#pulseaudio.muted {
background-color: #434C5E; /* Nord2 */
color: #D8DEE9;
}
/* Температура */
#temperature.critical {
background-color: #BF616A;
color: #ECEFF4;
}
/* Кастомные модули */
#custom-media {
background-color: #ECEFF4;
color: #3B4252;
border-radius: 8px;
padding: 2px 8px;
margin: 2px;
}
#custom-power {
background-color: #ECEFF4;
color: #3B4252;
border-radius: 8px;
padding: 2px 12px 2px 8px;
margin: 2px;
}
#custom-updates {
background: #3B4252; /* Nord1 */
border-radius: 8px;
padding:2px 13px 2px 8px;
margin: 2px;
color: #ECEFF4;
}
#custom-filesystem {
background: #3B4252;
border-radius: 8px;
padding: 2px 8px 2px 3px;
margin: 2px;
color: #ECEFF4;
}
#custom-weather {
background: #3B4252; /* Nord1 */
border-radius: 8px;
padding: 2px 18px 2px 8px;
margin: 2px;
color: #ECEFF4;
}
#custom-clock {
background: #3B4252; /* Nord1 */
border-radius: 8px;
margin: 2px;
color: #ECEFF4;
font-size: 22px;
}
/* Наведение своих модулей при наведении */
#custom-power:hover,
#custom-updates:hover,
#custom-clock:hover {
transition: all 0.2s ease;
color: rgba(46, 52, 64, 0.9);
background-color: #a3be8c;
}
Изменение цвета при наведении я изменил только у тех модулей, которые при клике мышкой вызывают какую-то команду. Статичные модули не меняют цвет.
При нажатии на модуль часов открывается сторонний консольный календарь, установить который можно из репозитрия командой:
sudo pacman -Sy calcurse
Цвета можно поменять внутри утилиты, снизу кнопки настроек.
При нажатии на кнопку питания открывается меню управления питанием (перезагрузка, выключение, сон и прочее).
Скрипт, отображающий использованное пространство, наличие обновлений, модуль медиаплеера и погоду, можно посмотреть в разделе со скриптами.