From 6f0f39d5faec4dbda86306b8c8acd79876de02a8 Mon Sep 17 00:00:00 2001 From: vikingowl Date: Mon, 24 Mar 2025 18:22:42 +0100 Subject: [PATCH] added waybar config --- .config/waybar/config.jsonc##hostname.cn-arch | 174 +++++++++++++++ .config/waybar/styles.css##hostname.cn-arch | 198 ++++++++++++++++++ 2 files changed, 372 insertions(+) create mode 100644 .config/waybar/config.jsonc##hostname.cn-arch create mode 100644 .config/waybar/styles.css##hostname.cn-arch diff --git a/.config/waybar/config.jsonc##hostname.cn-arch b/.config/waybar/config.jsonc##hostname.cn-arch new file mode 100644 index 0000000..a76d849 --- /dev/null +++ b/.config/waybar/config.jsonc##hostname.cn-arch @@ -0,0 +1,174 @@ +{ + "layer": "bottom", + "position": "bottom", + "mod": "dock", + "exclusive": true, + "gtk-layer-shell": true, + "margin-bottom": -1, + "passthrough": false, + "height": 30, + "modules-left": [ + "custom/os_button", + "hyprland/workspaces" + ], + "modules-center": [], + "modules-right": [ + "cpu", + "temperature", + "memory", + "disk", + "tray", + "pulseaudio", + "network", + "battery", + "clock" + ], + "hyprland/language": { + "format": "{}", + "format-en": "ENG", + "format-ru": "РУС" + }, + "hyprland/workspaces": { + "icon-size": 32, + "spacing": 16, + "on-scroll-up": "hyprctl dispatch workspace r+1", + "on-scroll-down": "hyprctl dispatch workspace r-1" + }, + "custom/os_button": { + "format": "", + "on-click": "wofi --show drun", + "tooltip": false + }, + "cpu": { + "interval": 5, + "format": " {usage}%", + "max-length": 10 + }, + "temperature": { + "hwmon-path-abs": "/sys/devices/platform/coretemp.0/hwmon", + "input-filename": "temp2_input", + "critical-threshold": 75, + "tooltip": false, + "format-critical": "({temperatureC}°C)", + "format": "({temperatureC}°C)" + }, + "disk": { + "interval": 30, + "format": "󰋊 {percentage_used}%", + "path": "/", + "tooltip": true, + "unit": "GB", + "tooltip-format": "Available {free} of {total}" + }, + "memory": { + "interval": 10, + "format": " {percentage}%", + "max-length": 10, + "tooltip": true, + "tooltip-format": "RAM - {used:0.1f}GiB used" + }, + "wlr/taskbar": { + "format": "{icon} {title:.17}", + "icon-size": 28, + "spacing": 3, + "on-click-middle": "close", + "tooltip-format": "{title}", + "ignore-list": [], + "on-click": "activate" + }, + "tray": { + "icon-size": 18, + "spacing": 3 + }, + "clock": { + "format": "{:%R - %d.%m.%Y}", + "tooltip-format": "{calendar}", + "calendar": { + "mode": "year", + "mode-mon-col": 3, + "weeks-pos": "right", + "on-scroll": 1, + "on-click-right": "mode", + "format": { + "months": "{}", + "days": "{}", + "weeks": "W{}", + "weekdays": "{}", + "today": "{}" + } + }, + "actions": { + "on-click-right": "mode", + "on-click-forward": "tz_up", + "on-click-backward": "tz_down", + "on-scroll-up": "shift_up", + "on-scroll-down": "shift_down" + } + }, + "network": { + "interface": "eno1", + "format-wifi": "{essid} ({signalStrength}%) {icon}", + "format-ethernet": "{ifname}", + "format-disconnected": "󰌙", + "tooltip-format": "{ifname} via {gwaddr} 󰊗", + "tooltip-format-wifi": "{essid} ({signalStrength}%) ", + "tooltip-format-ethernet": "{ifname} ", + "tooltip-format-disconnected": "Disconnected", + "format-icons": [ + "󰤯 ", + "󰤟 ", + "󰤢 ", + "󰤢 ", + "󰤨 " + ] + }, + "battery": { + "states": { + "good": 95, + "warning": 30, + "critical": 20 + }, + "format": "{icon} {capacity}%", + "format-charging": " {capacity}%", + "format-plugged": " {capacity}%", + "format-alt": "{time} {icon}", + "format-icons": [ + "󰂎", + "󰁺", + "󰁻", + "󰁼", + "󰁽", + "󰁾", + "󰁿", + "󰂀", + "󰂁", + "󰂂", + "󰁹" + ] + }, + "pulseaudio": { + "format": "{volume}% {icon}", + "format-bluetooth": "{volume}% {icon}", + "format-muted": "", + "format-icons": { + "alsa_output.pci-0000_00_1f.3.analog-stereo": "", + "alsa_output.pci-0000_00_1f.3.analog-stereo-muted": "", + "headphone": "", + "hands-free": "", + "headset": "\uF025", + "phone": "", + "phone-muted": "", + "portable": "", + "car": "", + "default": [ + "", + "" + ] + }, + "scroll-step": 5, + "on-click": "pwvucontrol", + "ignored-sinks": [ + "Easy Effects Sink" + ] + } +} diff --git a/.config/waybar/styles.css##hostname.cn-arch b/.config/waybar/styles.css##hostname.cn-arch new file mode 100644 index 0000000..5595170 --- /dev/null +++ b/.config/waybar/styles.css##hostname.cn-arch @@ -0,0 +1,198 @@ +* { + all: unset; + + /*base background color*/ + --bg_main: rgba(25, 25, 25, 0.65); + --bg_main_tooltip: rgba(0, 0, 0, 0.7); + --warning_color: rgba(243, 94, 17, 0.5); + + + /*base background color of selections */ + --bg_hover: rgba(200, 200, 200, 0.3); + /*base background color of active elements */ + --bg_active: rgba(100, 100, 100, 0.5); + + /*base border color*/ + --border_main: rgba(255, 255, 255, 0.2); + + /*text color for entries, views and content in general */ + --content_main: white; + /*text color for entries that are unselected */ + --content_inactive: rgba(255, 255, 255, 0.25); + + text-shadow: none; + box-shadow: none; + border: none; + border-radius: 0; + font-family: "Inconsolata Go Nerd Font", sans-serif; + font-weight: 600; + font-size: 13px; +} + +window#waybar { + background: var(--bg_main); + border-top: 1px solid var(--border_main); + color: var(--content_main); +} + +tooltip { + background: var(--bg_main_tooltip); + border-radius: 5px; + border-width: 1px; + border-style: solid; + border-color: var(--border_main); +} + +tooltip label { + color: var(--content_main); +} + +#custom-os_button { + font-family: "Inconsolata Go Nerd Font", sans-serif; + font-size: 24px; + padding-left: 12px; + padding-right: 20px; + transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1); +} + +#custom-os_button:hover { + background: var(--bg_hover); + color: var(--content_main); +} + +#workspaces { + color: transparent; + margin-right: 2px; + margin-left: 2px; +} + +#workspaces button { + padding: 3px; + color: var(--content_inactive); + transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1); +} + +#workspaces button.active { + color: var(--content_main); + border-bottom: 3px solid white; +} + +#workspaces button.focused { + color: var(--bg_active); +} + +#workspaces button.urgent { + background: rgba(255, 200, 0, 0.35); + border-bottom: 3px dashed var(--warning_color); + color: var(--warning_color); +} + +#workspaces button:hover { + background: var(--bg_hover); + color: var(--content_main); +} + +#taskbar { +} + +#taskbar button { + min-width: 130px; + border-bottom: 3px solid rgba(255, 255, 255, 0.3); + margin-left: 2px; + margin-right: 2px; + padding-left: 8px; + padding-right: 8px; + color: white; + transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1); +} + +#taskbar button.active { + border-bottom: 3px solid white; + background: var(--bg_active); +} + +#taskbar button:hover { + border-bottom: 3px solid white; + background: var(--bg_hover); + color: var(--content_main); +} + +#cpu, #disk, #memory { + padding: 3px; +} + +#temperature { + color: transparent; + font-size: 0; + transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1); +} + +#temperature.critical { + padding-right: 3px; + color: var(--warning_color); + font-size: initial; + border-bottom: 3px dashed var(--warning_color); + transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1); +} + +#window { + border-radius: 10px; + margin-left: 20px; + margin-right: 20px; +} + +#tray { + margin-left: 5px; + margin-right: 5px; +} + +#tray > .passive { + border-bottom: none; +} + +#tray > .active { + border-bottom: 3px solid white; +} + +#tray > .needs-attention { + border-bottom: 3px solid var(--warning_color); +} + +#tray > widget { + transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1); +} + +#tray > widget:hover { + background: var(--bg_hover); +} + +#pulseaudio { + font-family: "Inconsolata Go Nerd Font", sans-serif; + padding-left: 3px; + padding-right: 3px; + transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1); +} + +#pulseaudio:hover { + background: var(--bg_hover); +} + +#network { + padding-left: 3px; + padding-right: 3px; +} + +#language { + padding-left: 5px; + padding-right: 5px; +} + +#clock { + padding-right: 5px; + padding-left: 5px; + transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1); +} + +#clock:hover { + background: var(--bg_hover); +}