diff options
| -rw-r--r-- | dot-config/waybar/assets/panel-separator.png | bin | 0 -> 116 bytes | |||
| -rw-r--r-- | dot-config/waybar/config.jsonc | 100 | ||||
| -rw-r--r-- | dot-config/waybar/style.css | 44 |
3 files changed, 63 insertions, 81 deletions
diff --git a/dot-config/waybar/assets/panel-separator.png b/dot-config/waybar/assets/panel-separator.png Binary files differnew file mode 100644 index 0000000..4ce033f --- /dev/null +++ b/dot-config/waybar/assets/panel-separator.png diff --git a/dot-config/waybar/config.jsonc b/dot-config/waybar/config.jsonc index 30fc841..a7a8f5b 100644 --- a/dot-config/waybar/config.jsonc +++ b/dot-config/waybar/config.jsonc @@ -1,47 +1,43 @@ { - // "layer": "top", // Waybar at top layer - "position": "bottom", // Waybar position (top|bottom|left|right) - "height": 22, // Waybar height (to be removed for auto height) + "position": "top", // Waybar position (top|bottom|left|right) + // "height": 22, // Waybar height (to be removed for auto height) // "width": 1280, // Waybar width - "spacing": 20, // Gaps between modules - // Choose the order of the modules + // "spacing": 20, // Gaps between modules (I turned it off in favor of spacing in CSS) + "modules-left": [ - "sway/workspaces", - "sway/mode", - "sway/scratchpad", - "niri/workspaces" - ], - "modules-center": [ - "clock" + "custom/archicon", + "niri/workspaces", + "niri/window", ], + "modules-center": [], "modules-right": [ - "battery", "network", "pulseaudio", - "group/hardware", + "battery", + "image#separator", + "clock", "custom/swaync", ], - "group/hardware": { - "orientation": "inherit", - "modules": [ - "cpu", - "memory", - "temperature" - ], - }, + "custom/archicon": { + "format": "", + "tooltip": false, + }, + "niri/window": { + "format": "{app_id}", + }, "custom/swaync": { "tooltip": false, "format": "{icon}", "format-icons": { - "notification": "<span foreground='red'><sup></sup></span>", - "none": "", - "dnd-notification": "<span foreground='red'><sup></sup></span>", - "dnd-none": "", - "inhibited-notification": "<span foreground='red'><sup></sup></span>", - "inhibited-none": "", - "dnd-inhibited-notification": "<span foreground='red'><sup></sup></span>", - "dnd-inhibited-none": "" + "notification": "<span foreground='red'></span>", + "none": "", + "dnd-notification": "<span foreground='red'></span>", + "dnd-none": "", + "inhibited-notification": "<span foreground='red'></span>", + "inhibited-none": "", + "dnd-inhibited-notification": "<span foreground='red'></span>", + "dnd-inhibited-none": "" }, "return-type": "json", "exec-if": "which swaync-client", @@ -51,56 +47,34 @@ "escape": true }, - "sway/mode": { - "format": "<span style=\"italic\">{}</span>" - }, - "sway/scratchpad": { - "format": "{icon} {count}", - "show-empty": false, - "format-icons": ["", ""], - "tooltip": true, - "tooltip-format": "{app}: {title}" + "image#separator": { + "path": "/home/jose/.config/waybar/assets/panel-separator.png", }, + "clock": { // "timezone": "America/New_York", "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>", "format": "{:%a %b %d %r}", "interval": 1, }, - "cpu": { - "format": " {usage}%", - }, - "memory": { - "format": " {}%" - }, - "temperature": { - // "thermal-zone": 2, - // "hwmon-path": "/sys/class/hwmon/hwmon2/temp1_input", - "critical-threshold": 80, - // "format-critical": "{temperatureC}°C {icon}", - "format": "{icon} {temperatureC}°C", - "format-icons": ["", "", ""] - }, "battery": { "states": { - // "good": 95, "warning": 30, "critical": 15 }, "format": "{capacity}% {icon}", - "format-full": "{capacity}% {icon}", "format-charging": "{capacity}% ", - "format-plugged": "{capacity}% ", + "format-plugged": "{capacity}% ", "format-alt": "{time} {icon}", - // "format-good": "", // An empty format will hide the module - // "format-full": "", - "format-icons": ["", "", "", "", ""], + // "format-full": "", we're never full, we're capped at 80. + "format-icons": ["", "", "", "", ""], }, "network": { // "interface": "wlp2*", // (Optional) To force the use of this interface - "format-wifi": " {essid}:{signalStrength}%", + "format-wifi": "{icon} {essid}", + "format-icons": ["", "", "", ""], "format-ethernet": " {ipaddr}/{cidr}", - "tooltip-format": "{ifname} via {gwaddr} ", + "tooltip-format": "{ifname} via {gwaddr}/{cidr}\ni am {ipaddr}/{cidr}\n{signalStrength}% strength at {bandwidthUpBytes} up and {bandwidthDownBytes} down", "format-linked": " {ifname}:No IP", "format-disconnected": "⚠ Disconnected", "format-alt": "{ifname}={ipaddr}/{cidr}" @@ -109,8 +83,8 @@ // "scroll-step": 1, // %, can be a float "format": "{icon}{volume}% {format_source}", "format-bluetooth": "{icon}{volume}% {format_source}", - "format-bluetooth-muted": "{icon} {format_source}", - "format-muted": " {format_source}", + "format-bluetooth-muted": "{icon} {format_source}", + "format-muted": " {format_source}", "format-source": "{volume}%", "format-source-muted": "", "format-icons": { diff --git a/dot-config/waybar/style.css b/dot-config/waybar/style.css index a476547..4b6a6ee 100644 --- a/dot-config/waybar/style.css +++ b/dot-config/waybar/style.css @@ -1,20 +1,32 @@ +@define-color bg #DCDCDC; +@define-color fg #000000; +@define-color sel #9999FF; + * { - border: none; border-radius: 0; - /*font-family: "PragmataPro Liga";*/ font-family: "BerkeleyMono"; - font-weight: 500; + font-weight: 800; font-size: 15px; min-height: 0; } window#waybar { - background: black; - color: white; + background: @bg; + color: @fg; } window#waybar > box { - padding: 0 8px 0 0; + padding: 0 8px 0 8px; + /* border-top: 2px solid @fg; */ + border-bottom: 2px solid @fg; +} + +.modules-left > * > * { + margin: 0px 4px 0px 4px; +} + +.modules-right > * > * { + margin: 0px 6px 0px 6px; } #hardware * { @@ -22,26 +34,22 @@ window#waybar > box { } tooltip { - background: rgba(43, 48, 59, 0.5); - border: 1px solid rgba(100, 114, 125, 0.5); + background: @bg; + border: 2px solid @fg; } + tooltip label { - color: white; + color: @fg; + text-shadow: none; } #workspaces button { - padding: 0 3px; - background: transparent; - color: white; + padding: 0 4px; } #workspaces button.focused { - background: #658594; -} - -#mode { - background: #64727D; - border-bottom: 3px solid white; + background: @sel; + color: white; } @keyframes blink { |
