From a0f4268c5ca82328620c9d11d7e1cad680d8d904 Mon Sep 17 00:00:00 2001 From: primardj Date: Fri, 26 Jan 2024 13:55:30 +0000 Subject: [PATCH] add my config waybar --- dotconfig/waybar/config | 170 ++++++++++++++++++++++++++++++++++++ dotconfig/waybar/style.css | 172 +++++++++++++++++++++++++++++++++++++ 2 files changed, 342 insertions(+) create mode 100644 dotconfig/waybar/config create mode 100644 dotconfig/waybar/style.css diff --git a/dotconfig/waybar/config b/dotconfig/waybar/config new file mode 100644 index 0000000..76fb126 --- /dev/null +++ b/dotconfig/waybar/config @@ -0,0 +1,170 @@ +{ + "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": 4, // Gaps between modules (4px) + // Choose the order of the modules + "modules-left": ["hyprland/workspaces" ], + "modules-center": ["hyprland/window"], + "modules-right": [ "pulseaudio", "network", "cpu", "memory", "temperature", "backlight", "battery", "clock", "tray"], // mpd, keyboard-state, idle_inhibitor + // Modules configuration + "hyprland/workspaces": { + "disable-scroll": true, + // "on-scroll-up": "hyprctl dispatch workspace e+1", + // "on-scroll-down": "hyprctl dispatch workspace e-1", + "on-click": "activate", + "all-outputs": true, + "format": "{name}", + // "format-icons": { + // "1": "", + // "2": "", + // "3": "", + // "4": "", + // "5": "", + // "urgent": "", + // "focused": "", + // "default": "" + //} + }, +// "keyboard-state": { +// "numlock": true, +// "capslock": true, +// "format": "{name} {icon}", +// "format-icons": { +// "locked": "", +// "unlocked": "" +// } +// }, +// "sway/mode": { +// "format": "{}" +// }, +// "sway/scratchpad": { +// "format": "{icon} {count}", +// "show-empty": false, +// "format-icons": ["", ""], +// "tooltip": true, +// "tooltip-format": "{app}: {title}" +// }, +// "mpd": { +// "format": "{stateIcon} {consumeIcon}{randomIcon}{repeatIcon}{singleIcon}{artist} - {album} - {title} ({elapsedTime:%M:%S}/{totalTime:%M:%S}) ⸨{songPosition}|{queueLength}⸩ {volume}% ", +// "format-disconnected": "Disconnected ", +// "format-stopped": "{consumeIcon}{randomIcon}{repeatIcon}{singleIcon}Stopped ", +// "unknown-tag": "N/A", +// "interval": 2, +// "consume-icons": { +// "on": " " +// }, +// "random-icons": { +// "off": " ", +// "on": " " +// }, +// "repeat-icons": { +// "on": " " +// }, +// "single-icons": { +// "on": "1 " +// }, +// "state-icons": { +// "paused": "", +// "playing": "" +// }, +// "tooltip-format": "MPD (connected)", +// "tooltip-format-disconnected": "MPD (disconnected)" +// }, + "idle_inhibitor": { + "format": "{icon}", + "format-icons": { + "activated": "", + "deactivated": "" + }, + "start-activated": true + }, + "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": ["", "", ""] + }, + "backlight": { + // "device": "acpi_video1", + "format": "{percent}% {icon}", + "format-icons": ["☀"] + }, + "battery": { + "states": { + // "good": 95, + "warning": 30, + "critical": 15 + }, + "format": "{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": ["", "", "", "", ""] + }, +// "battery#bat2": { +// "bat": "BAT2" +// }, + "network": { + "interface": "wlan*", // (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" + } +// "custom/media": { +// "format": "{icon} {}", +// "return-type": "json", +// "max-length": 40, +// "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 +// } +} + diff --git a/dotconfig/waybar/style.css b/dotconfig/waybar/style.css new file mode 100644 index 0000000..e7f964b --- /dev/null +++ b/dotconfig/waybar/style.css @@ -0,0 +1,172 @@ +* { + /* That rule apply to all widgets. */ + border: none; + border-radius: 26px; + font-family: FontAwesome, Roboto, Helvetica, Arial, sans-serif; + font-size: 14px; + min-height: 16px; +} + +window#waybar { + /* That rule apply to the back of the bar. */ + background: rgba(0, 0, 0, 0.3); + /*background: transparent; */ +} + +window#waybar.hidden { + opacity: 0.2; +} + + +#window { + margin-top: 8px; + margin-left: 8px; + padding-top: 2px; + padding-left: 16px; + padding-right: 16px; + border-radius: 26px; + transition: none; + + + color: #f8f8f2; + background: #282a36; + + /*color: transparent; + background: transparent; + */ +} + +#workspaces { + margin-top: 8px; + margin-left: 12px; + margin-bottom: 0; + border-radius: 26px; + background: #282a36; + transition: none; +} + + +#workspaces button { + padding-top: 8px; + transition: none; + color: #f8f8f2; + background: transparent; + font-size: 16px; +} + +#workspaces button.urgent { + color: #ff0000; +} + +#workspaces button.focused { + color: #9aedfe; +} + +#workspaces button:hover { + transition: none; + box-shadow: inherit; + text-shadow: inherit; + color: #ff79c6; +} + +#workspaces button.active { + color: #ffaa00; +} + +#network { + margin-top: 8px; + margin-left: 8px; + padding-left: 16px; + padding-right: 16px; + margin-bottom: 0; + border-radius: 26px; + transition: none; + color: #4d4d4d; + background: #bd93f9; +} + +#pulseaudio { + margin-top: 8px; + margin-left: 8px; + padding-left: 16px; + padding-right: 16px; + margin-bottom: 0; + border-radius: 26px; + transition: none; + color: #4d4d4d; + background: #9aedfe; +} + +#temperature { + margin-top: 8px; + margin-left: 8px; + padding-left: 16px; + padding-right: 16px; + margin-bottom: 0; + border-radius: 26px; + transition: none; + color: #4d4d4d; + background: #5af78e; +} + +#memory { + margin-top: 8px; + margin-left: 8px; + padding-left: 16px; + padding-right: 16px; + margin-bottom: 0; + border-radius: 26px; + transition: none; + color: #4d4d4d; + background: #ff6e67; +} + +#cpu { + margin-top: 8px; + margin-left: 8px; + padding-left: 16px; + padding-right: 16px; + margin-bottom: 0; + border-radius: 26px; + transition: none; + color: #4d4d4d; + background: #f1fa8c; +} + +#backlight { + margin-top: 8px; + margin-left: 8px; + padding-left: 16px; + padding-right: 16px; + margin-bottom: 0; + border-radius: 26px; + transition: none; + color: #4d4d4d; + background: #ff751a; +} + +#battery { + margin-top: 8px; + margin-left: 8px; + padding-left: 16px; + padding-right: 16px; + margin-bottom: 0; + border-radius: 26px; + transition: none; + color: #4d4d4d; + background: #ffc61a; +} + +#clock { + margin-top: 8px; + margin-left: 8px; + margin-right: 12px; + padding-top: 2px; + padding-left: 16px; + padding-right: 16px; + margin-bottom: 0; + border-radius: 26px; + transition: none; + color: #f8f8f2; + background: #282a36; +}