From 13b7aaae1d63daa16ba6412c8a8fc347a11167ec Mon Sep 17 00:00:00 2001 From: David Heinemeier Hansson Date: Tue, 5 May 2026 14:52:28 +0200 Subject: [PATCH] Spike of waybar styling --- bin/omarchy-refresh-waybar | 1 + bin/omarchy-waybar-set | 58 +++++++++ config/waybar/configs/float.jsonc | 193 ++++++++++++++++++++++++++++ config/waybar/configs/pill.jsonc | 189 ++++++++++++++++++++++++++++ config/waybar/configs/top.jsonc | 175 ++++++++++++++++++++++++++ config/waybar/styles/float.css | 86 +++++++++++++ config/waybar/styles/pill.css | 202 ++++++++++++++++++++++++++++++ config/waybar/styles/top.css | 100 +++++++++++++++ 8 files changed, 1004 insertions(+) create mode 100755 bin/omarchy-waybar-set create mode 100644 config/waybar/configs/float.jsonc create mode 100644 config/waybar/configs/pill.jsonc create mode 100644 config/waybar/configs/top.jsonc create mode 100644 config/waybar/styles/float.css create mode 100644 config/waybar/styles/pill.css create mode 100644 config/waybar/styles/top.css diff --git a/bin/omarchy-refresh-waybar b/bin/omarchy-refresh-waybar index 62aebde4..45e96173 100755 --- a/bin/omarchy-refresh-waybar +++ b/bin/omarchy-refresh-waybar @@ -5,4 +5,5 @@ omarchy-refresh-config waybar/config.jsonc omarchy-refresh-config waybar/style.css +echo "top" >"$HOME/.config/waybar/.style" omarchy-restart-waybar diff --git a/bin/omarchy-waybar-set b/bin/omarchy-waybar-set new file mode 100755 index 00000000..f538a1a4 --- /dev/null +++ b/bin/omarchy-waybar-set @@ -0,0 +1,58 @@ +#!/bin/bash + +# omarchy:summary=Set Waybar style +# omarchy:args= +# omarchy:examples=omarchy waybar set pill | omarchy waybar set float | omarchy waybar set toggle + +OMARCHY_PATH=${OMARCHY_PATH:-$HOME/.local/share/omarchy} +STYLE_DIR="$OMARCHY_PATH/config/waybar/styles" +CONFIG_DIR="$OMARCHY_PATH/config/waybar/configs" +CURRENT_STYLE_FILE="$HOME/.config/waybar/.style" +STYLE=${1:-toggle} + +list_styles() { + for style in "$STYLE_DIR"/*.css; do + [[ -e $style ]] || continue + basename "$style" .css + done +} + +current_style() { + if [[ -f $CURRENT_STYLE_FILE ]]; then + read -r current <"$CURRENT_STYLE_FILE" + [[ -n $current ]] && printf '%s\n' "$current" && return + fi + + echo "top" +} + +if [[ $STYLE == "list" ]]; then + list_styles + exit +fi + +if [[ $STYLE == "default" ]]; then + STYLE="top" +fi + +if [[ $STYLE == "toggle" ]]; then + if [[ $(current_style) == "pill" ]]; then + STYLE="top" + else + STYLE="pill" + fi +fi + +if [[ ! -f $STYLE_DIR/$STYLE.css || ! -f $CONFIG_DIR/$STYLE.jsonc ]]; then + echo "Unknown Waybar style '$STYLE'" + echo "Available styles:" + list_styles + exit 1 +fi + +mkdir -p "$HOME/.config/waybar" +cp "$CONFIG_DIR/$STYLE.jsonc" "$HOME/.config/waybar/config.jsonc" +cp "$STYLE_DIR/$STYLE.css" "$HOME/.config/waybar/style.css" +echo "$STYLE" >"$CURRENT_STYLE_FILE" + +omarchy-restart-waybar diff --git a/config/waybar/configs/float.jsonc b/config/waybar/configs/float.jsonc new file mode 100644 index 00000000..c39c18a4 --- /dev/null +++ b/config/waybar/configs/float.jsonc @@ -0,0 +1,193 @@ +{ + "reload_style_on_change": true, + "layer": "top", + "position": "top", + "spacing": 0, + "height": 26, + "margin-top": 10, + "margin-left": 10, + "margin-right": 10, + "modules-left": ["custom/omarchy", "hyprland/workspaces", "hyprland/window"], + "modules-center": ["clock", "custom/update", "custom/screenrecording-indicator", "custom/idle-indicator", "custom/notification-silencing-indicator"], + "modules-right": [ + "mpris", + "group/tray-expander", + "backlight", + "network", + "bluetooth", + "pulseaudio", + "cpu", + "battery" + ], + "hyprland/workspaces": { + "on-click": "activate", + "format": "{icon}", + "format-icons": { + "default": "", + "1": "1", + "2": "2", + "3": "3", + "4": "4", + "5": "5", + "6": "6", + "7": "7", + "8": "8", + "9": "9", + "10": "0", + "active": "󱓻" + }, + "persistent-workspaces": { + "1": [], + "2": [], + "3": [], + "4": [], + "5": [] + } + }, + "custom/omarchy": { + "format": "\ue900", + "on-click": "omarchy-menu", + "on-click-right": "xdg-terminal-exec", + "tooltip-format": "Omarchy Menu\n\nSuper + Alt + Space" + }, + "custom/update": { + "format": "", + "exec": "omarchy-update-available", + "on-click": "omarchy-launch-floating-terminal-with-presentation omarchy-update", + "tooltip-format": "Omarchy update available", + "signal": 7, + "interval": 21600 + }, + "cpu": { + "interval": 5, + "format": "󰍛", + "on-click": "omarchy-launch-or-focus-tui btop", + "on-click-right": "alacritty" + }, + "clock": { + "format": "{:%I:%M %p}", + "format-alt": "{:%A %d/%m/%Y}", + "tooltip-format": "{calendar}", + "on-click-right": "omarchy-launch-floating-terminal-with-presentation omarchy-tz-select" + }, + "network": { + "format-icons": ["󰤯", "󰤟", "󰤢", "󰤥", "󰤨"], + "format": "{icon} {essid}", + "format-wifi": "{icon} {essid}", + "format-ethernet": "󰀂", + "format-disconnected": "󰤮", + "tooltip-format-wifi": "{essid} ({frequency} GHz)\n⇣{bandwidthDownBytes} ⇡{bandwidthUpBytes}", + "tooltip-format-ethernet": "⇣{bandwidthDownBytes} ⇡{bandwidthUpBytes}", + "tooltip-format-disconnected": "Disconnected", + "interval": 3, + "spacing": 1, + "on-click": "omarchy-launch-wifi" + }, + "battery": { + "format": "{capacity}% {icon}", + "format-discharging": "{icon}", + "format-charging": "{icon}", + "format-plugged": "", + "format-icons": { + "charging": ["󰢜", "󰂆", "󰂇", "󰂈", "󰢝", "󰂉", "󰢞", "󰂊", "󰂋", "󰂅"], + "default": ["󰁺", "󰁻", "󰁼", "󰁽", "󰁾", "󰁿", "󰂀", "󰂁", "󰂂", "󰁹"] + }, + "format-full": "󰂅", + "tooltip-format-discharging": "{power:>1.0f}W↓ {capacity}%", + "tooltip-format-charging": "{power:>1.0f}W↑ {capacity}%", + "interval": 5, + "on-click": "omarchy-menu power", + "on-click-right": "notify-send -u low \"$(omarchy-battery-status)\"", + "states": { + "warning": 20, + "critical": 10 + } + }, + "bluetooth": { + "format": "", + "format-off": "󰂲", + "format-disabled": "󰂲", + "format-connected": "", + "format-no-controller": "", + "tooltip-format": "Devices connected: {num_connections}", + "on-click": "omarchy-launch-bluetooth" + }, + "pulseaudio": { + "format": "{icon}", + "on-click": "omarchy-launch-audio", + "on-click-right": "pamixer -t", + "tooltip-format": "Playing at {volume}%", + "scroll-step": 5, + "format-muted": "", + "format-icons": { + "headphone": "", + "headset": "", + "default": ["", "", ""] + } + }, + "group/tray-expander": { + "orientation": "inherit", + "drawer": { + "transition-duration": 600, + "children-class": "tray-group-item" + }, + "modules": ["custom/expand-icon", "tray", "memory", "custom/weather"] + }, + "custom/expand-icon": { + "format": " ", + "tooltip": false + }, + "custom/screenrecording-indicator": { + "on-click": "omarchy-capture-screenrecording", + "exec": "$OMARCHY_PATH/default/waybar/indicators/screen-recording.sh", + "signal": 8, + "return-type": "json" + }, + "custom/idle-indicator": { + "on-click": "omarchy-toggle-idle", + "exec": "$OMARCHY_PATH/default/waybar/indicators/idle.sh", + "signal": 9, + "return-type": "json" + }, + "custom/notification-silencing-indicator": { + "on-click": "omarchy-toggle-notification-silencing", + "exec": "$OMARCHY_PATH/default/waybar/indicators/notification-silencing.sh", + "signal": 10, + "return-type": "json" + }, + "tray": { + "icon-size": 12, + "spacing": 12 + }, + "backlight": { + "format": "{percent}% {icon}", + "format-icons": ["🌑", "🌘", "🌗", "🌖", "🌕"] + }, + "memory": { + "format": " {used:0.1f}gb", + "interval": 2, + "on-click": "omarchy-launch-or-focus-tui btop" + }, + "custom/weather": { + "format": "{}°", + "tooltip": true, + "interval": 600, + "exec": "omarchy-cmd-present wttrbar && wttrbar || true", + "return-type": "json" + }, + "mpris": { + "format": "{player_icon} {artist} - {title}", + "format-paused": "{status_icon} {artist} - {title}", + "player-icons": { + "default": "🎵", + "mpv": "🎵" + }, + "status-icons": { + "paused": "⏸" + }, + "max-length": 50 + }, + "hyprland/window": { + "format": "{}" + } +} diff --git a/config/waybar/configs/pill.jsonc b/config/waybar/configs/pill.jsonc new file mode 100644 index 00000000..10156edc --- /dev/null +++ b/config/waybar/configs/pill.jsonc @@ -0,0 +1,189 @@ +{ + "reload_style_on_change": true, + "layer": "top", + "position": "top", + "spacing": 0, + "height": 26, + "modules-left": ["custom/omarchy", "hyprland/workspaces", "hyprland/window"], + "modules-center": ["clock", "custom/update", "custom/screenrecording-indicator", "custom/idle-indicator", "custom/notification-silencing-indicator"], + "modules-right": [ + "mpris", + "group/tray-expander", + "backlight", + "network", + "bluetooth", + "pulseaudio", + "cpu", + "battery" + ], + "hyprland/workspaces": { + "on-click": "activate", + "format": "{icon}", + "format-icons": { + "default": "", + "1": "", + "2": "", + "3": "", + "4": "", + "5": "", + "6": "", + "7": "", + "8": "", + "9": "", + "10": "", + "active": "" + }, + "persistent-workspaces": { + "1": [], + "2": [], + "3": [], + "4": [], + "5": [] + } + }, + "custom/omarchy": { + "format": "\ue900", + "on-click": "omarchy-menu", + "on-click-right": "xdg-terminal-exec", + "tooltip-format": "Omarchy Menu\n\nSuper + Alt + Space" + }, + "custom/update": { + "format": "", + "exec": "omarchy-update-available", + "on-click": "omarchy-launch-floating-terminal-with-presentation omarchy-update", + "tooltip-format": "Omarchy update available", + "signal": 7, + "interval": 21600 + }, + "cpu": { + "interval": 5, + "format": "󰍛", + "on-click": "omarchy-launch-or-focus-tui btop", + "on-click-right": "alacritty" + }, + "clock": { + "format": "{:%I:%M %p}", + "format-alt": "{:%A %d/%m/%Y}", + "tooltip-format": "{calendar}", + "on-click-right": "omarchy-launch-floating-terminal-with-presentation omarchy-tz-select" + }, + "network": { + "format-icons": ["󰤯", "󰤟", "󰤢", "󰤥", "󰤨"], + "format": "{icon} {essid}", + "format-wifi": "{icon} {essid}", + "format-ethernet": "󰀂", + "format-disconnected": "󰤮", + "tooltip-format-wifi": "{essid} ({frequency} GHz)\n⇣{bandwidthDownBytes} ⇡{bandwidthUpBytes}", + "tooltip-format-ethernet": "⇣{bandwidthDownBytes} ⇡{bandwidthUpBytes}", + "tooltip-format-disconnected": "Disconnected", + "interval": 3, + "spacing": 1, + "on-click": "omarchy-launch-wifi" + }, + "battery": { + "format": "{capacity}% {icon}", + "format-discharging": "{capacity}% {icon}", + "format-charging": "{capacity}% {icon}", + "format-plugged": "", + "format-icons": { + "charging": ["󰢜", "󰂆", "󰂇", "󰂈", "󰢝", "󰂉", "󰢞", "󰂊", "󰂋", "󰂅"], + "default": ["󰁺", "󰁻", "󰁼", "󰁽", "󰁾", "󰁿", "󰂀", "󰂁", "󰂂", "󰁹"] + }, + "format-full": "󰂅", + "tooltip-format-discharging": "{power:>1.0f}W↓ {capacity}%", + "tooltip-format-charging": "{power:>1.0f}W↑ {capacity}%", + "interval": 5, + "on-click": "omarchy-menu power", + "on-click-right": "notify-send -u low \"$(omarchy-battery-status)\"", + "states": { + "warning": 20, + "critical": 10 + } + }, + "bluetooth": { + "format": "", + "format-off": "󰂲", + "format-disabled": "󰂲", + "format-connected": "", + "format-no-controller": "", + "tooltip-format": "Devices connected: {num_connections}", + "on-click": "omarchy-launch-bluetooth" + }, + "pulseaudio": { + "format": "{icon}", + "on-click": "omarchy-launch-audio", + "on-click-right": "pamixer -t", + "tooltip-format": "Playing at {volume}%", + "scroll-step": 5, + "format-muted": "", + "format-icons": { + "headphone": "", + "headset": "", + "default": ["", "", ""] + } + }, + "group/tray-expander": { + "orientation": "inherit", + "drawer": { + "transition-duration": 600, + "children-class": "tray-group-item" + }, + "modules": ["custom/expand-icon", "tray", "memory", "custom/weather"] + }, + "custom/expand-icon": { + "format": " ", + "tooltip": false + }, + "custom/screenrecording-indicator": { + "on-click": "omarchy-capture-screenrecording", + "exec": "$OMARCHY_PATH/default/waybar/indicators/screen-recording.sh", + "signal": 8, + "return-type": "json" + }, + "custom/idle-indicator": { + "on-click": "omarchy-toggle-idle", + "exec": "$OMARCHY_PATH/default/waybar/indicators/idle.sh", + "signal": 9, + "return-type": "json" + }, + "custom/notification-silencing-indicator": { + "on-click": "omarchy-toggle-notification-silencing", + "exec": "$OMARCHY_PATH/default/waybar/indicators/notification-silencing.sh", + "signal": 10, + "return-type": "json" + }, + "tray": { + "icon-size": 12, + "spacing": 12 + }, + "backlight": { + "format": "{percent}% {icon}", + "format-icons": ["🌑", "🌘", "🌗", "🌖", "🌕"] + }, + "memory": { + "format": " {used:0.1f}gb", + "interval": 2, + "on-click": "omarchy-launch-or-focus-tui btop" + }, + "custom/weather": { + "format": "{}°", + "tooltip": true, + "interval": 600, + "exec": "omarchy-cmd-present wttrbar && wttrbar || true", + "return-type": "json" + }, + "mpris": { + "format": "{player_icon} {artist} - {title}", + "format-paused": "{status_icon} {artist} - {title}", + "player-icons": { + "default": "🎵", + "mpv": "🎵" + }, + "status-icons": { + "paused": "⏸" + } + }, + "hyprland/window": { + "format": "{}" + } +} diff --git a/config/waybar/configs/top.jsonc b/config/waybar/configs/top.jsonc new file mode 100644 index 00000000..cbf211c3 --- /dev/null +++ b/config/waybar/configs/top.jsonc @@ -0,0 +1,175 @@ +{ + "reload_style_on_change": true, + "layer": "top", + "position": "top", + "spacing": 0, + "height": 26, + "modules-left": ["custom/omarchy", "hyprland/workspaces"], + "modules-center": ["clock", "custom/update", "custom/voxtype", "custom/screenrecording-indicator", "custom/idle-indicator", "custom/notification-silencing-indicator"], + "modules-right": [ + "group/tray-expander", + "bluetooth", + "network", + "pulseaudio", + "cpu", + "battery" + ], + "hyprland/workspaces": { + "on-click": "activate", + "format": "{icon}", + "format-icons": { + "default": "", + "1": "1", + "2": "2", + "3": "3", + "4": "4", + "5": "5", + "6": "6", + "7": "7", + "8": "8", + "9": "9", + "10": "0", + "active": "󱓻" + }, + "persistent-workspaces": { + "1": [], + "2": [], + "3": [], + "4": [], + "5": [] + } + }, + "custom/omarchy": { + "format": "\ue900", + "on-click": "omarchy-menu", + "on-click-right": "xdg-terminal-exec", + "tooltip-format": "Omarchy Menu\n\nSuper + Alt + Space" + }, + "custom/update": { + "format": "", + "exec": "omarchy-update-available", + "on-click": "omarchy-launch-floating-terminal-with-presentation omarchy-update", + "tooltip-format": "Omarchy update available", + "signal": 7, + "interval": 21600 + }, + + "cpu": { + "interval": 5, + "format": "󰍛", + "on-click": "omarchy-launch-or-focus-tui btop", + "on-click-right": "alacritty" + }, + "clock": { + "format": "{:L%A %H:%M}", + "format-alt": "{:L%d %B W%V %Y}", + "tooltip": false, + "on-click-right": "omarchy-launch-floating-terminal-with-presentation omarchy-tz-select" + }, + "network": { + "format-icons": ["󰤯", "󰤟", "󰤢", "󰤥", "󰤨"], + "format": "{icon}", + "format-wifi": "{icon}", + "format-ethernet": "󰀂", + "format-disconnected": "󰤮", + "tooltip-format-wifi": "{essid} ({frequency} GHz)", + "tooltip-format-ethernet": "Connected", + "tooltip-format-disconnected": "Disconnected", + "interval": 3, + "spacing": 1, + "on-click": "omarchy-launch-wifi" + }, + "battery": { + "format": "{capacity}% {icon}", + "format-discharging": "{icon}", + "format-charging": "{icon}", + "format-plugged": "", + "format-icons": { + "charging": ["󰢜", "󰂆", "󰂇", "󰂈", "󰢝", "󰂉", "󰢞", "󰂊", "󰂋", "󰂅"], + "default": ["󰁺", "󰁻", "󰁼", "󰁽", "󰁾", "󰁿", "󰂀", "󰂁", "󰂂", "󰁹"] + }, + "format-full": "󰂅", + "tooltip-format-discharging": "{power:>1.0f}W↓ {capacity}%", + "tooltip-format-charging": "{power:>1.0f}W↑ {capacity}%", + "interval": 5, + "on-click": "omarchy-menu power", + "on-click-right": "notify-send -u low \"$(omarchy-battery-status)\"", + "states": { + "warning": 20, + "critical": 10 + } + }, + "bluetooth": { + "format": "", + "format-off": "󰂲", + "format-disabled": "󰂲", + "format-connected": "󰂱", + "format-no-controller": "", + "tooltip-format": "Devices connected: {num_connections}", + "on-click": "omarchy-launch-bluetooth" + }, + "pulseaudio": { + "format": "{icon}", + "on-click": "omarchy-launch-audio", + "on-click-right": "pamixer -t", + "tooltip-format": "Playing at {volume}%", + "scroll-step": 5, + "format-muted": "", + "format-icons": { + "headphone": "", + "headset": "", + "default": ["", "", ""] + } + }, + "group/tray-expander": { + "orientation": "inherit", + "drawer": { + "transition-duration": 600, + "children-class": "tray-group-item" + }, + "modules": ["custom/expand-icon", "tray"] + }, + "custom/expand-icon": { + "format": "", + "tooltip": false, + "on-scroll-up": "", + "on-scroll-down": "", + "on-scroll-left": "", + "on-scroll-right": "" + }, + "custom/screenrecording-indicator": { + "on-click": "omarchy-capture-screenrecording", + "exec": "$OMARCHY_PATH/default/waybar/indicators/screen-recording.sh", + "signal": 8, + "return-type": "json" + }, + "custom/idle-indicator": { + "on-click": "omarchy-toggle-idle", + "exec": "$OMARCHY_PATH/default/waybar/indicators/idle.sh", + "signal": 9, + "return-type": "json" + }, + "custom/notification-silencing-indicator": { + "on-click": "omarchy-toggle-notification-silencing", + "exec": "$OMARCHY_PATH/default/waybar/indicators/notification-silencing.sh", + "signal": 10, + "return-type": "json" + }, + "custom/voxtype": { + "exec": "omarchy-voxtype-status", + "return-type": "json", + "format": "{icon}", + "format-icons": { + "idle": "", + "recording": "󰍬", + "transcribing": "󰔟" + }, + "tooltip": true, + "on-click-right": "omarchy-voxtype-config", + "on-click": "omarchy-voxtype-model" + }, + "tray": { + "icon-size": 12, + "spacing": 17 + } +} diff --git a/config/waybar/styles/float.css b/config/waybar/styles/float.css new file mode 100644 index 00000000..5fbce2ba --- /dev/null +++ b/config/waybar/styles/float.css @@ -0,0 +1,86 @@ +@import "../omarchy/current/theme/waybar.css"; + +* { + background-color: @background; + color: @foreground; + + border: none; + border-radius: 10px; + padding: 2px 2px; + min-height: 0; + font-family: 'JetBrainsMono Nerd Font'; + font-size: 14px; +} + +.modules-left { + margin-left: 8px; +} + +.modules-right { + margin-right: 8px; +} + +#workspaces button { + all: initial; + padding: 0 6px; + margin: 0 1.5px; + min-width: 9px; +} + +#workspaces button.empty { + opacity: 0.5; +} + +#backlight, +#custom-weather, +#memory, +#mpris, +#window, +#tray, +#cpu, +#battery, +#network, +#bluetooth, +#pulseaudio, +#custom-omarchy, +#custom-screenrecording-indicator, +#custom-idle-indicator, +#custom-notification-silencing-indicator, +#custom-update { + min-width: 12px; + margin: 0 7.5px; +} + +#custom-expand-icon { + margin-right: 7px; +} + +tooltip { + padding: 2px; + border-radius: 10px; +} + +#custom-update, +#custom-screenrecording-indicator, +#custom-idle-indicator, +#custom-notification-silencing-indicator { + font-size: 10px; +} + +.hidden { + opacity: 0; +} + +#custom-screenrecording-indicator.active, +#custom-idle-indicator.active, +#custom-notification-silencing-indicator.active { + color: #a55555; +} + +#bluetooth { + margin: 0 5px; +} + +#mpris { + margin-right: 10px; +} diff --git a/config/waybar/styles/pill.css b/config/waybar/styles/pill.css new file mode 100644 index 00000000..ca9d089e --- /dev/null +++ b/config/waybar/styles/pill.css @@ -0,0 +1,202 @@ +@import "../omarchy/current/theme/waybar.css"; + +* { + border: none; + border-radius: 0; + min-height: 0; + font-family: 'JetBrainsMono Nerd Font'; + font-size: 14px; + padding: 1px; +} + +.modules-left { + margin-left: 5px; +} + +.modules-right { + margin-right: 5px; +} + +window#waybar { + background: @background; + margin-top: 10px; +} + +window#waybar.empty #window { + background: transparent; + color: transparent; + padding: 0; + margin-left: 5px; + transition: .5s; +} + +mpris.empty { + background: transparent; +} + +#workspaces button { + all: initial; + padding: 3px 10px 3px 5px; + margin: 0 5px; + min-width: 9px; +} + +#workspaces button.active { + background: @foreground; + color: @background; + border-radius: 30px; + padding: 3px 10px 3px 5px; +} + +#workspaces button:hover { + background: alpha(@foreground, .3); + border-radius: 30px; + padding: 3px 10px 3px 5px; + transition: .7s; +} + +#workspaces button.active:hover { + background: @foreground; + color: @background; + border-radius: 30px; + padding: 3px 10px 3px 5px; +} + +#workspaces button.empty { + opacity: 0.3; +} + +#custom-weather, +#memory, +#mpris, +#window, +#tray-expander, +#workspaces, +#clock, +#cpu, +#battery, +#network, +#bluetooth, +#pulseaudio, +#custom-screenrecording-indicator, +#custom-idle-indicator, +#custom-notification-silencing-indicator, +#custom-update { + background-color: alpha(@foreground, .1); + padding: 5px 10px; + margin: 5px 0; +} + +#mpris:hover, +#window:hover, +#clock:hover, +#backlight:hover, +#cpu:hover, +#network:hover, +#bluetooth:hover, +#pulseaudio:hover, +#custom-screenrecording-indicator:hover, +#custom-idle-indicator:hover, +#custom-notification-silencing-indicator:hover, +#custom-update:hover { + background-color: alpha(@foreground, .2); + transition: .7s; +} + +#custom-expand-icon { + margin-right: 7px; +} + +#tray, +#memory, +#custom-weather { + background-color: transparent; + margin: 5px; + padding: 0 2px; +} + +#custom-update, +#custom-screenrecording-indicator, +#custom-idle-indicator, +#custom-notification-silencing-indicator { + font-size: 10px; +} + +#clock { + border-radius: 10px; + padding: 0 10px; + margin: 5px; +} + +.hidden { + opacity: 0; +} + +#custom-screenrecording-indicator, +#custom-idle-indicator, +#custom-notification-silencing-indicator { + border-radius: 10px; + min-width: 12px; + padding: 0 11px 0 10px; +} + +#custom-screenrecording-indicator.active, +#custom-idle-indicator.active, +#custom-notification-silencing-indicator.active { + color: #a55555; +} + +#custom-omarchy, +#battery { + background-color: @foreground; + color: @background; + min-width: 10px; + border-radius: 10px; + padding: 0 10px; + margin: 5px 0 5px 5px; +} + +#workspaces, +#mpris { + margin: 5px; + border-radius: 10px; +} + +#window, +#mpris { + border-radius: 10px; + padding: 5px 10px; +} + +#tray-expander { + padding: 0 0 0 10px; + margin-left: 1px; + border-radius: 10px; +} + +#backlight { + background-color: alpha(@foreground, .1); + border-radius: 10px; + padding: 5px 10px; + margin: 5px; +} + +#network { + border-radius: 10px 0 0 10px; +} + +#cpu { + padding: 0 15px 0 10px; + border-radius: 0 10px 10px 0; + margin-right: 1px; +} + +#pulseaudio { + padding: 0 15px 0 10px; +} + +tooltip { + border-radius: 10px; + background: @background; + border: 3px solid alpha(@foreground, .5); +} diff --git a/config/waybar/styles/top.css b/config/waybar/styles/top.css new file mode 100644 index 00000000..4bbf0ddb --- /dev/null +++ b/config/waybar/styles/top.css @@ -0,0 +1,100 @@ +@import "../omarchy/current/theme/waybar.css"; + +* { + background-color: @background; + color: @foreground; + + border: none; + border-radius: 0; + min-height: 0; + font-family: 'JetBrainsMono Nerd Font'; + font-size: 12px; +} + +.modules-left { + margin-left: 8px; +} + +.modules-right { + margin-right: 8px; +} + +#workspaces button { + all: initial; + padding: 0 6px; + margin: 0 1.5px; + min-width: 9px; +} + +#workspaces button.empty { + opacity: 0.5; +} + +#cpu, +#battery, +#pulseaudio, +#custom-omarchy, +#custom-update { + min-width: 12px; + margin: 0 7.5px; +} + +#tray { + margin-right: 16px; +} + +#bluetooth { + margin-right: 17px; +} + +#network { + margin-right: 13px; +} + +#custom-expand-icon { + margin-right: 18px; +} + +tooltip { + padding: 2px; +} + +#custom-update { + font-size: 10px; +} + +#clock { + margin-left: 8.75px; +} + +.hidden { + opacity: 0; +} + +#custom-screenrecording-indicator, +#custom-idle-indicator, +#custom-notification-silencing-indicator { + min-width: 12px; + margin-left: 5px; + margin-right: 0; + font-size: 10px; + padding-bottom: 1px; +} + +#custom-screenrecording-indicator.active { + color: #a55555; +} + +#custom-idle-indicator.active, +#custom-notification-silencing-indicator.active { + color: #a55555; +} + +#custom-voxtype { + min-width: 12px; + margin: 0 0 0 7.5px; +} + +#custom-voxtype.recording { + color: #a55555; +}