From: Andre Ramnitz Date: Mon, 4 Dec 2023 23:08:42 +0000 (+0100) Subject: waybar add config X-Git-Tag: v0.2~378 X-Git-Url: https://git.ramnitz.eu/?a=commitdiff_plain;h=f3d1b17e8bfe52ffe69b368112b4e513b7fc9ce3;p=dotfiles.git waybar add config --- diff --git a/waybar/config b/waybar/config new file mode 100644 index 00000000..93ddba0d --- /dev/null +++ b/waybar/config @@ -0,0 +1,164 @@ +{ + "layer": "top", // Waybar at top layer + "position": "bottom", // Waybar position (top|bottom|left|right) + "height": 30, // Waybar height (to be removed for auto height) + // "width": 1280, // Waybar width + "spacing": 5, // Gaps between modules (4px) + // Choose the order of the modules + "modules-left": ["hyprland/workspaces"], + "modules-center": ["hyprland/window"], + "modules-right": ["mpris", "idle_inhibitor", "pulseaudio", "keyboard-state", "network", "cpu", "memory", "temperature", "clock", "tray"], + + // Modules configuration + + "hyprland/workspaces": { + "format": "{icon}", + "format-window-separator": " ", + //"window-rewrite-default": "", + //"window-rewrite": { + // "firefox": "", + // "kitty": "", + // "dolphin": "󱢴", + // "elisa": "", + // "steam": "󰓓", + // }, + "format-icons": { + "1": "1", + "2": "2", + "3": "3", + "4": "4", + "5": "5", + "6": "6", + "7": "7", + "8": "8", + "9": "9", + "0": "0", + "urgent": "", + "active": "", + "default": "", + }, + "persistent-workspaces": { + "1": [], + "2": [], + "3": [], + "4": [], + "5": [], + "6": [], + "7": [], + "8": [], + "9": [], + "0": [], + }, + "on-click": "activate", + "on-click-middle-release": "close", + "on-scroll-up": "hyprctl dispatch workspace e+1", + "on-scroll-down": "hyprctl dispatch workspace e-1", + "sort-by-number": true + }, + + "hyprland/window": { + "format": "{title}", + }, + "keyboard-state": { + "numlock": true, + "capslock": true, + "format": "{name} {icon}", + "format-icons": { + "locked": "", + "unlocked": "" + }, + }, + + + "mpris": { + "format": "DEFAULT: {player_icon} {dynamic}", + "format-paused": "DEFAULT: {status_icon} {dynamic}", + "player-icons": { + "default": "▶", + "mpv": "🎵" + }, + + + "status-icons": { + "paused": "⏸" + }, + // "ignored-players": ["firefox"] + }, + + + "idle_inhibitor": { + "format": "{icon}", + "format-icons": { + "activated": "", + "deactivated": "" + } + }, + + + "tray": { + // "icon-size": 21, + "spacing": 10 + }, + + + "clock": { + // "timezone": "America/New_York", + "tooltip-format": "{:%Y %B}\n{calendar}", + "format-alt": "{:%Y-%m-%d}" + }, + + + "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": ["", "", ""] + }, + + + "network": { + // "interface": "wlp2*", // (Optional) To force the use of this interface + "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}" + }, + + + "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" + }, + +} + diff --git a/waybar/style.css b/waybar/style.css new file mode 100644 index 00000000..d2118b0d --- /dev/null +++ b/waybar/style.css @@ -0,0 +1,189 @@ +* { + /* `otf-font-awesome` is required to be installed for icons */ + font-family: "LiterationMono Nerd Font"; + font-size: 16px; + min-height: 0px; +} + +window#waybar { + /*background: transparent;*/ + background-color: rgba(43, 48, 59, 1); + /* border-bottom: 3px solid rgba(100, 114, 125, 0.5); */ + border-top: 1px solid rgba(100, 114, 125, 0.8); + color: #ffffff; + transition-property: background-color; + transition-duration: .5s; +} + +window#waybar.hidden { + opacity: 0.2; +} + +#waybar.empty #window { + background-color: transparent; +} + +#workspaces { +} + +#window { + margin: 2px; + padding-left: 8px; + padding-right: 8px; + background-color: rgba(23,28,39,0.3); +} + +button { + /* Use box-shadow instead of border so the text isn't offset */ + box-shadow: inset 0 -3px transparent; + /* Avoid rounded borders under each button name */ + border: none; + border-radius: 0; +} + +/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */ +button:hover { + background: inherit; + border-top: 2px solid #c9545d; +} + +#workspaces button { + padding: 0 4px; + background-color: rgba(23,28,39,0.3); +} + +#workspaces button:hover { +} + +#workspaces button.focused { + /* box-shadow: inset 0 -2px #c9545d; */ + background-color: rgba(23,28,39,0.5); + color:#c9545d; + border-top: 2px solid #c9545d; +} + +#workspaces button.urgent { + background-color: #eb4d4b; +} + +#mode { + background-color: #64727D; + border-bottom: 3px solid #ffffff; +} + +#clock, +#battery, +#cpu, +#memory, +#disk, +#temperature, +#backlight, +#network, +#pulseaudio, +#wireplumber, +#custom-media, +#tray, +#mode, +#idle_inhibitor, +#scratchpad, +#mpris { + margin: 2px; + padding-left: 4px; + padding-right: 4px; + background-color: rgba(23,28,39,0.3); + color: #ffffff; +} + +/* 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; +} + +#clock { + font-size: 18px; + font-weight: normal; +} + +#battery icon { + color: red; +} + +#battery.charging, #battery.plugged { + color: #ffffff; + background-color: #26A65B; +} + +@keyframes blink { + to { + background-color: #ffffff; + color: #000000; + } +} + +#battery.warning:not(.charging) { + background-color: #f53c3c; + color: #ffffff; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#battery.critical:not(.charging) { + background-color: #f53c3c; + color: #ffffff; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +label:focus { + background-color: #000000; +} + +#network.disconnected { + background-color: #f53c3c; +} + +#temperature.critical { + background-color: #eb4d4b; +} + +#idle_inhibitor.activated { + background-color: #ecf0f1; + color: #2d3436; +} + +#tray > .passive { + -gtk-icon-effect: dim; +} + +#tray > .needs-attention { + -gtk-icon-effect: highlight; + background-color: #eb4d4b; +} + +/* + +window#waybar.solo { +background-color: #FFFFFF; +} + +window#waybar.kitty { +background-color: #3F3F3F; +} + +window#waybar.chromium { +background-color: #000000; +border: none; +} + */ +