diff --git a/.config/waybar/config b/.config/waybar/config index fbc6267..8711517 100644 --- a/.config/waybar/config +++ b/.config/waybar/config @@ -1,49 +1,44 @@ -{ +[{ + "output": "DP-1", "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 - // Choose the order of the modules "modules-left": [ - "sway/workspaces", + "idle_inhibitor", + "cpu", + "memory", + "disk", + "custom/temperature", "sway/mode", + "sway/window", "custom/media" ], "modules-center": [ - "sway/window" + "sway/workspaces" ], "modules-right": [ + "tray", "custom/watson", "custom/calc", - "idle_inhibitor", "pulseaudio", // "network", - "cpu", - "memory", - "custom/temperature", - "backlight", -// "battery", -// "battery#bat2", "clock", - "tray", "custom/power" ], // Modules configuration - // "sway/workspaces": { - // "disable-scroll": true, - // "all-outputs": true, - // "format": "{name}: {icon}", - // "format-icons": { - // "1": "", - // "2": "", - // "3": "", - // "4": "", - // "5": "", - // "urgent": "", - // "focused": "", - // "default": "" - // } - // }, + "sway/workspaces": { + "disable-scroll": true, + "all-outputs": false, + "format": "{name}", + "format-icons": { + "urgent": "", + } + }, + "disk": { + "interval": 30, + "format": "{percentage_used}% ", + }, "sway/mode": { "format": "{}" }, @@ -218,4 +213,27 @@ "escape": true, "tooltip": false } -} +}, +{ + "output": "HDMI-A-1", + "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 + "modules-left": [ + "sway/window", + ], + "modules-center": [ + "sway/workspaces" + ], + "modules-right": [ + ], + "sway/workspaces": { + "disable-scroll": true, + "all-outputs": false, + "format": "{name}", + "format-icons": { + "urgent": "", + } + } +}] diff --git a/.config/waybar/style.css b/.config/waybar/style.css index 153f5c8..cc5c9a0 100644 --- a/.config/waybar/style.css +++ b/.config/waybar/style.css @@ -1,14 +1,19 @@ +@define-color bg_primary #1d2021; +@define-color font_primary #fbf1c7; +@define-color bg_active #17917a; + * { border: none; border-radius: 0; /* `otf-font-awesome` is required to be installed for icons */ - font-family: Vulf Mono Code, mono, sans-serif; + font-family: Vulf Mono Code, mono, "Font Awesome", sans-serif; font-size: 12px; min-height: 0; } window#waybar { - background-color: #1d2021; + /*background-color: #1d2021;*/ + background-color: transparent; /*border-bottom: 3px solid rgba(100, 114, 125, 0.2);*/ color: #fbf1c7; transition-property: background-color; @@ -37,6 +42,44 @@ window#waybar.chromium { border: none; } +.modules-center { + border-radius: 5px; + padding: 0px 10px; + background-color: @bg_primary; +} + +.modules-left > * { + background-color: @bg_primary; + padding: 0px 10px; +} + +.modules-left > widget:last-child { + background-color: @bg_active; + color: @bg_primary; + margin-left: 20px; + border-radius: 0px 5px 5px 0px; + padding: 0 5px; + margin: 0 5px; +} + + +.modules-left > widget:nth-last-child(2) { + /*border-radius: 0px 5px 5px 0px;*/ +} + +.modules-right > * { + background-color: @bg_primary; + padding: 0px 10px; +} + +.modules-right > widget:first-child { + background-color: transparent; +} + +.modules-right > widget:nth-child(2) { + border-radius: 5px 0px 0px 5px; +} + #workspaces { /* background-color: #434c5e; padding: 1 5 1 5; @@ -46,7 +89,7 @@ window#waybar.chromium { } #workspaces button { - padding: 0 2px; + padding: 0 5px; /* background-color: #fbf1c7; */ color: #fbf1c7; } @@ -74,6 +117,7 @@ window#waybar.chromium { #clock, #battery, #cpu, +#disk, #memory, #temperature, #backlight, @@ -86,9 +130,11 @@ window#waybar.chromium { #custom-temperature, #custom-watson, #custom-calc, +#custom-power, +#window, #mpd { - padding: 0 4px; - margin: 0 4px; + padding: 0 5px; + margin: 0 5px; color: #fbf1c7; } @@ -154,7 +200,6 @@ label:focus { #custom-power { padding-right: 15px; padding-left: 10px; - padding-top: 3px; } #temperature {