diff --git a/private_dot_config/waybar/config.jsonc b/private_dot_config/waybar/config.jsonc new file mode 100644 index 0000000..e1f8dc5 --- /dev/null +++ b/private_dot_config/waybar/config.jsonc @@ -0,0 +1,232 @@ +// -*- mode: jsonc -*- +{ + // "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", + "hyprland/window" + ], + "modules-center": [ + "clock" + ], + "modules-right": [ + "idle_inhibitor", + "mpris", + "power-profiles-daemon", + //"cpu", + //"memory", + //"temperature", + //"backlight", + "tray", + "keyboard-state", + "bluetooth", + "network", + "pulseaudio", + //"hyprland/language", + "battery" + ], + // Modules configuration + "hyprland/workspaces": { + "disable-scroll": true, + "all-outputs": true, + "warp-on-scroll": false, + "format": "{icon}", + "format-icons": { + // "1": "", + // "2": "", + // "3": "", + // "4": "", + // "5": "", + // "urgent": "", + "active": "󰄯", + "default": "󰄰" + } + }, + "keyboard-state": { + "numlock": false, + "capslock": true, + "format": "{icon}", + "format-icons": { + "locked": "󰪛", + "unlocked": "󰍀" + } + }, + "hyprland/mode": { + "format": "{}" + }, + "hyprland/scratchpad": { + "format": "{icon} {count}", + "show-empty": false, + "format-icons": ["", ""], + "tooltip": true, + "tooltip-format": "{app}: {title}" + }, + "mpris": { + "format": "{player_icon} {dynamic}", + "format-paused": "{status_icon} {dynamic}", + "dynamic-order": ["position","length"], + "tooltip-format": "{title} - {artist} ({player}) | {dynamic}", + "interval": 1, + "player-icons": { + "default": "󰐊", + "mpv": "🎵", + "yesplaymusic": "󰎆" + }, + "status-icons": { + "paused": "󰏤" + }, + // "ignored-players": ["firefox"] + }, + //"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": 5, + // "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": "󰾫" + } + }, + "tray": { + "icon-size": 15, + "spacing": 15 + }, + "clock": { + "format": "{:%a %b %d %T}", + "interval": 1, + // "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": 20, + "critical": 15 + }, + "interval": 10, + "format": "{icon} {capacity}%", + "format-full": "{icon} {capacity}%", + "format-charging": "󰂄 {capacity}%", + "format-plugged": "󰠠 {capacity}%", + "tooltip-format": "{timeTo} \n {power}w consumed", + //"format-alt": "{time} {icon}", + // "format-good": "", // An empty format will hide the module + // "format-full": "", + "format-icons": ["󰁻", "󰁽", "󰁿", "󰂁", "󰁹"], + "on-click-right": "~/.config/rofi/scripts/powermenu/powermenu.sh" + }, + "battery#bat2": { + "bat": "BAT2" + }, + "power-profiles-daemon": { + "format": "{icon}", + "tooltip-format": "Power profile: {profile}\nDriver: {driver}", + "tooltip": true, + "format-icons": { + "default": "󱐋", + "performance": "󱐋", + "balanced": "󰾅", + "power-saver": "󰌪" + } + }, + "bluetooth": { + "format": "󰂯", + "format-connected": "󰂱", + "format-connected-battery": "󰂱", + // "format-device-preference": [ "device1", "device2" ], // preference list deciding the displayed device + "tooltip-format": "{controller_alias}\t{controller_address}\n\n{num_connections} connected", + "tooltip-format-connected": "{controller_alias}\t{controller_address}\n\n{num_connections} connected\n\n{device_enumerate}", + "tooltip-format-enumerate-connected": "{device_alias}\t{device_address}", + "tooltip-format-enumerate-connected-battery": "{device_alias}\t{device_address}\t{device_battery_percentage}%", + "on-click": "blueberry" + }, + "network": { + // "interface": "wlp2*", // (Optional) To force the use of this interface + "format-wifi": "󰤥 {signalStrength}%", + "format-ethernet": "󰈀", + "tooltip-format": "{ifname} via {gwaddr} 󱂇 \n IP: {ipaddr} \n ↑ {bandwidthUpBytes} / {bandwidthDownBytes} ↓", + "format-linked": "{ifname} (No IP) ", + "format-disconnected": "󰤯", + "on-click": "networkmanager_dmenu", + "interval": 5 + }, + "pulseaudio": { + // "scroll-step": 1, // %, can be a float + "format": "{icon} {volume}%", + "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/private_dot_config/waybar/style.css b/private_dot_config/waybar/style.css new file mode 100644 index 0000000..1ee12e4 --- /dev/null +++ b/private_dot_config/waybar/style.css @@ -0,0 +1,313 @@ +* { + /* `otf-font-awesome` is required to be installed for icons */ + font-family: Sarasa UI SC Nerd Font, Roboto, Helvetica, Arial, sans-serif; + font-size: 14px; +} + +window#waybar { + background-color: rgba(43, 48, 59, 0.5); + border-bottom: 3px solid rgba(100, 114, 125, 0.5); + color: #eceff4; + transition-property: background-color; + transition-duration: .5s; + border-radius: 30px; +} + +window#waybar.hidden { + opacity: 0.2; +} + +/* +window#waybar.empty { + background-color: transparent; +} +window#waybar.solo { + background-color: #FFFFFF; +} +*/ + +window#waybar.termite { + background-color: #3F3F3F; +} + +window#waybar.chromium { + background-color: #000000; + border: none; +} + +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; +} + +/* you can set a style on hover for any module like this */ + +#workspaces button { + padding: 0 5px; + background-color: transparent; + color: #ffffff; +} + +#workspaces button:hover { + background: rgba(0, 0, 0, 0.2); +} + +#workspaces button.focused { + color: #64727D; + box-shadow: inset 0 -3px #ffffff; +} + +#workspaces button.urgent { + color: #5e81ac; +} + +#mode { + background-color: #64727D; + box-shadow: inset 0 -3px #ffffff; +} + +#clock, +#battery, +#cpu, +#memory, +#disk, +#temperature, +#backlight, +#network, +#pulseaudio, +#wireplumber, +#custom-media, +#tray, +#mode, +#idle_inhibitor, +#scratchpad, +#power-profiles-daemon, +#mpd { + padding: 0 10px; + color: #eceff4; +} + +#window, +#workspaces { + margin: 0 4px; +} + +/* 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 { + color: #eceff4; +} + +#battery { + color: #eceff4; +} + +#battery.charging, #battery.plugged { + color: #8fbcbb; +} + +@keyframes blink { + to { + color: #000000; + } +} + +/* Using steps() instead of linear as a timing function to limit cpu usage */ +#battery.critical:not(.charging) { + color: #bf616a; + animation-name: blink; + animation-duration: 1s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#power-profiles-daemon.performance { + color: #eceff4; +} + +#power-profiles-daemon.balanced { + color: #eceff4; +} + +#power-profiles-daemon.power-saver { + color: #eceff4; +} + +label:focus { + background-color: #000000; +} + +#cpu { + background-color: #2ecc71; + color: #000000; +} + +#memory { + background-color: #9b59b6; +} + +#disk { + background-color: #964B00; +} + +#backlight { + color: #90b1b1; +} + +#bluetooth { + + font-size: 16px; +} + +#network { + color: #eceff4; +} + +#network.disconnected { + color: #d8dee9; +} + +#pulseaudio { + color: #eceff4; +} + +#pulseaudio.muted { + color: #d8dee9; +} + +#wireplumber { + color: #eceff4; +} + +#wireplumber.muted { + color: #d8dee9; +} + +#custom-media { + background-color: #66cc99; + color: #2a5c45; + min-width: 100px; +} + +#custom-media.custom-spotify { + background-color: #66cc99; +} + +#custom-media.custom-vlc { + background-color: #ffa000; +} + +#temperature { + background-color: #f0932b; +} + +#temperature.critical { + background-color: #eb4d4b; +} + +#tray { + +} + +#tray > .passive { + -gtk-icon-effect: dim; +} + +#tray > .needs-attention { + -gtk-icon-effect: highlight; + background-color: #eb4d4b; +} + +#idle_inhibitor { + color: #eceff4; +} + +#idle_inhibitor.activated { + color: #eceff4; +} + +#mpd { + background-color: #66cc99; + color: #2a5c45; +} + +#mpd.disconnected { + background-color: #f53c3c; +} + +#mpd.stopped { + background-color: #90b1b1; +} + +#mpd.paused { + background-color: #51a37a; +} + +#language { + background: #00b093; + color: #740864; + padding: 0 5px; + margin: 0 5px; + min-width: 16px; +} + +#keyboard-state { + color: #eceff4; + padding: 0 0px; + margin: 0 0px; + min-width: 16px; +} + +#keyboard-state > label { + padding: 0 5px; +} + +#keyboard-state > label.locked { + background: transparent; +} + +#scratchpad { + background: rgba(0, 0, 0, 0.2); +} + +#scratchpad.empty { + background-color: transparent; +} + +#privacy { + padding: 0; +} + +#privacy-item { + padding: 0 5px; + color: white; +} + +#privacy-item.screenshare { + color: #d08770; +} + +#privacy-item.audio-in { + background-color: #a3be8c; +} + +#privacy-item.audio-out { + background-color: #88c0d0; +}