diff options
Diffstat (limited to 'waybar/dot-config')
| -rw-r--r-- | waybar/dot-config/waybar/config.jsonc | 139 | ||||
| -rw-r--r-- | waybar/dot-config/waybar/style.css | 186 |
2 files changed, 325 insertions, 0 deletions
diff --git a/waybar/dot-config/waybar/config.jsonc b/waybar/dot-config/waybar/config.jsonc new file mode 100644 index 0000000..6e8d81e --- /dev/null +++ b/waybar/dot-config/waybar/config.jsonc @@ -0,0 +1,139 @@ +{ + "position": "top", + "height": 15, + "spacing": 5, + "reload_style_on_change": true, + "modules-left": [ + "hyprland/workspaces" + // "niri/workspaces" + ], + "modules-center": [ + "hyprland/window" + // "niri/window" + ], + "modules-right": [ + "custom/weather", + "idle_inhibitor", + "wireplumber", + "network", + "power-profiles-daemon", + "backlight", + "hyprland/language", + // "niri/language", + "battery", + "tray", + "clock" + ], + "idle_inhibitor": { + "format": "{icon}", + "format-icons": { + "activated": "", + "deactivated": "" + } + }, + "tray": { + "icon-size": 12, + "spacing": 5 + }, + "clock": { + "interval": 1, + "format": "{:%a %d %b %H:%M:%S}", + "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>" + }, + "backlight": { + "format": "{percent}% {icon}", + "format-icons": [ + "", + "", + "", + "", + "", + "", + "", + "", + "" + ] + }, + "battery": { + "states": { + "warning": 30, + "critical": 10 + }, + "format": "{capacity}% {icon}", + "format-full": "{capacity}% {icon}", + "format-charging": "{capacity}% ", + "format-plugged": "{capacity}% ", + "format-alt": "{power} {icon}", + "format-icons": [ + "", + "", + "", + "", + "" + ] + }, + "power-profiles-daemon": { + "format": "{icon}", + "tooltip-format": "Power profile: {profile}\nDriver: {driver}", + "tooltip": true, + "format-icons": { + "performance": "", + "balanced": "", + "power-saver": "" + } + }, + "network": { + "format-wifi": "{essid} ({signalStrength}%) ", + "format-ethernet": "{ipaddr}/{cidr} ", + "tooltip-format": "{ifname} via {gwaddr} ", + "format-linked": "{ifname} (No IP) ", + "format-disconnected": "Disconnected ⚠", + "format-alt": "{ifname}: {ipaddr}/{cidr}" + }, + "wireplumber": { + "format": "{volume}% {icon}", + "format-muted": "", + "on-click": "app2unit-term -- bash -c 'wpctl status | less'", + "on-click-right": "swayosd-client --output-volume mute-toggle && update-led-mute sink", + "max-volume": 100, + "scroll-step": 5, + "format-icons": { + "headphone": "", + "hands-free": "", + "headset": "", + "phone": "", + "portable": "", + "car": "", + "default": [ + "", + "", + "" + ] + } + }, + "hyprland/language": { + "format": "{}", + "format-en": "en", + "format-fa": "فارسی" + }, + "niri/language": { + "format": "{}", + "format-en": "en", + "format-fa": "فارسی" + }, + "hyprland/window": { + "icon": true, + "icon-size": 13 + }, + "niri/window": { + "icon": true, + "icon-size": 13 + }, + "custom/weather": { + "format": "{}°", + "tooltip": true, + "interval": 3600, + "exec": "wttrbar", + "return-type": "json" + } +} diff --git a/waybar/dot-config/waybar/style.css b/waybar/dot-config/waybar/style.css new file mode 100644 index 0000000..9d5c585 --- /dev/null +++ b/waybar/dot-config/waybar/style.css @@ -0,0 +1,186 @@ +* { + font-family: Hack, Vazirmatn UI; + font-size: 10px; + min-height: 0; + color: #eeeeee; +} + +window#waybar { + /* background: rgba(0, 0, 0, 0.5); */ + background-color: #222222; +} + +tooltip { + background: #000000; + padding: 4px; +} + +tooltip label { + color: white; + padding: 0; + margin: 0; +} + +button { + border: none; + border-radius: 0; +} + +/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */ +button:hover { + background: inherit; +} + +#workspaces button { + padding: 0 2px; + background-color: transparent; +} + +#workspaces button label { + color: #bbbbbb; +} + +#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; + background-image: linear-gradient(white, white); /* the square */ + background-repeat: no-repeat; + background-size: 5px 5px; + background-position: 0px 0px; +} + +#workspaces button.active label { + /* font-weight: bolder; */ + color: #eeeeee; +} + +#workspaces button:not(.active):not(.empty) { + background-image: + linear-gradient(white, white), /* top */ + linear-gradient(white, white), /* right */ + linear-gradient(white, white), /* bottom */ + linear-gradient(white, white); /* left */ + background-repeat: no-repeat; + background-size: + 5px 0.5px, /* top border width and thickness */ + 0.5px 5.5px, /* right */ + 5px 0.5px, /* bottom */ + 0.5px 5px; /* left */ + background-position: + 0px 0px, /* top */ + 5px 0px, /* right */ + 0px 5px, /* bottom */ + 0px 0px; /* left */ +} + + +#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: 0 5px; +} + +#clock { + font-weight: bold; +} + +#window, +#workspaces { + margin: 0 4px; +} + +/* #window { */ +/* font-weight: bold; */ +/* } */ + +/* If workspaces is the leftmost module, omit left margin */ +.modules-left > widget:first-child > #workspaces { + margin-left: 0; +} + +/* If workspaces is the rightmost module, omit right margin */ +.modules-right > widget:last-child > #workspaces { + margin-right: 0; +} + +@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 { + background-color: #f53c3c; + color: #ffffff; +} + +label:focus { + background-color: #000000; +} + +#temperature.critical { + background-color: #eb4d4b; +} + +#tray > .passive { + -gtk-icon-effect: dim; +} + +#tray > .needs-attention { + -gtk-icon-effect: highlight; + background-color: #eb4d4b; +} + +#idle_inhibitor.activated { + background-color: #ecf0f1; + color: #2d3436; +} + +#workspaces .taskbar-window { + font-weight: normal; + padding-left: 5px; + padding-right: 5px; + margin-right: 0; +} + +#workspaces .taskbar-window.active { + background-color: rgba(255, 255, 255, 0.25); +} |