From 36a274dbc066068ff25b839e21ce3b82ec292c88 Mon Sep 17 00:00:00 2001 From: Mohammad Reza Karimi Date: Mon, 23 Feb 2026 15:03:10 -0500 Subject: big updates --- waybar-vert/dot-config/waybar/config.jsonc | 136 ++++++++++++++++++++++++ waybar-vert/dot-config/waybar/style.css | 161 +++++++++++++++++++++++++++++ 2 files changed, 297 insertions(+) create mode 100644 waybar-vert/dot-config/waybar/config.jsonc create mode 100644 waybar-vert/dot-config/waybar/style.css (limited to 'waybar-vert/dot-config') diff --git a/waybar-vert/dot-config/waybar/config.jsonc b/waybar-vert/dot-config/waybar/config.jsonc new file mode 100644 index 0000000..8788765 --- /dev/null +++ b/waybar-vert/dot-config/waybar/config.jsonc @@ -0,0 +1,136 @@ +{ + "position": "right", + "exclusive": false, + "layer": "top", + "margin": "5 2 5 0", + // "height": 18, + "spacing": 5, + "reload_style_on_change": true, + "modules-left": [ + ], + "modules-right": [ + ], + "modules-center": [ + "niri/workspaces", + "custom/weather", + "idle_inhibitor", + "wireplumber", + "network", + "power-profiles-daemon", + "backlight", + "niri/language", + "battery", + "tray", + "clock" + ], + "idle_inhibitor": { + "format": "{icon}", + "format-icons": { + "activated": "󰒳", + "deactivated": "󰒲" + } + }, + "tray": { + "icon-size": 12, + "spacing": 5 + }, + "clock": { + "interval": 60, + "format": "{:%a\n%d\n%b\n\n%H\n%M}", + "tooltip-format": "{:%Y %B}\n{calendar}", + "justify": "center" + }, + "backlight": { + "format": "{icon}", + "format-icons": [ + "", + "", + "", + "", + "", + "", + "", + "", + "" + ], + "tooltip-format": "{percent}%" + }, + "battery": { + "states": { + "warning": 30, + "critical": 10 + }, + "format": "{icon}\n{capacity}", + "format-full": "{icon}", + "format-charging": "󰢝\n{capacity}%", + "format-plugged": "", + "format-icons": [ + "", + "", + "", + "", + "" + ], + "justify": "center", + "tooltip-format": "{capacity}% {power}W ({time})" + }, + "power-profiles-daemon": { + "format": "{icon}", + "tooltip-format": "Power profile: {profile}\nDriver: {driver}", + "tooltip": true, + "format-icons": { + "performance": "", + "balanced": "󰞍", + "power-saver": "" + } + }, + "network": { + "format-wifi": "", + "format-ethernet": "", + "format-disconnected": "󰲛", + "tooltip-format-ethernet": "{ipaddr}/{cidr}", + "tooltip-format-wifi": "{essid} ({signalStrength}%) {gwaddr}", + "tooltip-format-disconnected": "Disconnected", + "format-linked": "-", + "justify": "center", + "on-click": "runapp -o -- alacritty -e impala" + }, + "wireplumber": { + "format": "{icon}", + "format-muted": "", + "on-click": "runapp -o -- alacritty -e bash -c 'wpctl status | less'", + "on-click-right": "wpctl set-mute @DEFAULT_AUDIO_SINK@ toggle && update-led-mute sink", + "max-volume": 100, + "scroll-step": 5, + "format-icons": { + "headphone": "", + "hands-free": "", + "headset": "", + "phone": "", + "portable": "", + "car": "", + "default": [ + "", + "", + "" + ] + }, + "justify": "center" + }, + "niri/language": { + "format": "{}", + "format-en": "en", + "format-fa": "فا" + }, + "niri/window": { + "icon": true, + "icon-size": 13 + }, + "custom/weather": { + "format": "{}°", + "tooltip": true, + "interval": 3600, + "exec": "wttrbar", + "return-type": "json" + } +} diff --git a/waybar-vert/dot-config/waybar/style.css b/waybar-vert/dot-config/waybar/style.css new file mode 100644 index 0000000..357f320 --- /dev/null +++ b/waybar-vert/dot-config/waybar/style.css @@ -0,0 +1,161 @@ +@import url("file:///home/moreka/.cache/wal/colors-waybar.css"); +@define-color transp alpha(@background, 0); +@define-color effort2 alpha(@background, 0.8); +@define-color border lighter(@background); +@define-color shadow darker(@background); +/* @define-color foreground #eeeeee; */ + +* { + font-family: Dejavu Sans Mono, Vazirmatn UI; + font-size: 12px; + min-width: 0; +} + +window#waybar { + background-color: @transp; + background-blend-mode: screen; + color: @foreground; +} + +.modules-center { + background: @effort2; + background-blend-mode: overlay; + padding: 4px 2px; + margin: 0px 5px; + border-radius: 20px; + border: 2px solid @border; + box-shadow: 0px 0px 3px 4px @shadow; +} + +tooltip { + background: #000000; + padding: 4px; +} + +tooltip label { + color: white; + padding: 0; + margin: 0; +} + +/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */ +#workspaces button:hover { + background: inherit; +} + +#workspaces button { + padding: 0px; + border: none; + border-radius: 40px; + background-color: transparent; + margin-bottom: 4px; +} + +#workspaces:last-child { + margin-bottom: 0px; +} + +#workspaces button label { + color: #bbbbbb; + font-size: 10px; + padding: 0px; + margin: 0px; +} + +#workspaces button:hover { + background-color: rgba(0, 0, 0, 0.2); +} + + +#workspaces button.active.empty { + background-color: #005577; +} + +#workspaces button.active:not(.empty) { + background-color: #005577; + /* border: 1px solid #0088aa; */ +} + +#workspaces button.active label { + font-weight: 900; + color: #eeeeee; +} + +#workspaces button:not(.active):not(.empty) { + /* border: 1px solid #444444; */ +} + + +#workspaces button.urgent { + background-color: #eb4d4b; +} + + +#clock, +#battery, +#cpu, +#memory, +#disk, +#temperature, +#backlight, +#network, +#pulseaudio, +#wireplumber, +#custom-media, +#tray, +#mode, +#idle_inhibitor, +#scratchpad, +#power-profiles-daemon, +#mpd { + padding: 5px 0px; +} + +#clock { + font-weight: bold; + border-top: 1px solid #777777; + padding-top: 10px; +} + +#window, +#workspaces { + margin: 4px 0px; +} + +@keyframes blink { + to { + background-color: #ffffff; + color: #000000; + } +} + +#battery.critical:not(.charging) { + background-color: #f53c3c; + color: #ffffff; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#power-profiles-daemon.performance { + color: #f53c3c; +} + +label:focus { + background-color: #000000; +} + +#tray > .passive { + -gtk-icon-effect: dim; +} + +#tray > .needs-attention { + -gtk-icon-effect: highlight; + background-color: #eb4d4b; +} + +#idle_inhibitor.activated { + color: #f53c3c; +} -- cgit v1.2.3-71-gdd5e