diff --git a/.config/waybar/conf b/.config/waybar/conf new file mode 100644 index 0000000..e69de29 diff --git a/.config/waybar/config b/.config/waybar/config index b70902b..2a4df09 100644 --- a/.config/waybar/config +++ b/.config/waybar/config @@ -1,28 +1,39 @@ +[ +/*{ + "name": "secondary", + "layer": "top", + "height": 16, + "width": 1050, + "output": "", + "modules-left": ["sway/workspaces", "sway/mode"], + "modules-center": ["sway/window"], + "modules-right": ["clock#date", "clock#time"], + + // Modules for portrait bar + + "clock#time": { + "interval": 1, + "format": "{:%H:%M:%S}", + "tooltip": false + }, + "clock#date": { + "interval": 10, + "format": "{:%a %b %e %Y}", + "tooltip": false + } +},*/ { + "output": "eDP-1", "layer": "top", // Waybar at top layer "position": "top", // Waybar position (top|bottom|left|right) "height": 16, // Waybar height (to be removed for auto height) - // "width": 1280, // Waybar width + "width": 1920, // Waybar width // Choose the order of the modules "modules-left": ["sway/workspaces", "sway/mode"], "modules-center": ["sway/window"], - "modules-right": ["tray", "pulseaudio", "network", "cpu", "memory", "temperature", "clock#date", "clock#time"], + "modules-right": ["tray", "pulseaudio", "network", "cpu", "memory", "temperature", "backlight", "battery", "battery#bat2", "clock#date", "clock#time"], + // Modules configuration -// "sway/workspaces": { -// "disable-scroll": true, -// "all-outputs": true, -// "format": "{name} {icon}", -// "format-icons": { -// "1": "", -// "2": "", -// "3": "", -// "4": "", -// "5": "", -// "urgent": "", -// "focused": "", -// "default": "" -// } -// }, "sway/mode": { "format": "{}" }, @@ -60,76 +71,87 @@ } }, "tray": { - // "icon-size": 21, + "icon-size": 16, "spacing": 10 }, - //"clock": { - // // "timezone": "America/New_York", - // "tooltip-format": "{:%Y %B}\n{calendar}", - // "format-alt": "{:%Y-%m-%d}" - //}, "clock#time": { - "interval": 1, - "format": "{:%H:%M:%S}", - "tooltip": false + "interval": 1, + "format": "{:%H:%M:%S}", + "tooltip": false }, "clock#date": { - "interval": 10, - "format": "{:%a %b %e %Y}", - "tooltip": false + "interval": 10, + "format": "{:%a %b %e}", + "tooltip": true, + "tooltip-format": "{:%a %b %e %Y}" }, "cpu": { "format": " {usage}%", - "tooltip": false + "tooltip": true, + "interval": 2 }, "memory": { - "format": "{}%", + "format": "{:2}%", "on-click": "exec kitty htop" }, "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": ["", "", ""], - "on-click": "exec kitty watch -n 5 sensors" + "on-click": "exec kitty watch -n 5 sensors", + "tooltip": true }, "backlight": { // "device": "acpi_video1", - "interval": 5, - "format": "{icon} {percent}%", - "format-icons": ["", ""] + "format": "{icon}{percent}", + "format-icons": [""] }, "battery": { + "bat": "BAT0", "states": { - // "good": 95, + "good": 95, "warning": 30, "critical": 15 }, - "format": "{capacity}% {icon}", - "format-charging": " {capacity}%", - "format-plugged": " {capacity}%", + "format": "{icon}{capacity}%", + "format-charging": "{capacity:3}%", + "format-plugged": "{capacity:3}%", "format-alt": "{icon}{time}", - // "format-good": "", // An empty format will hide the module - // "format-full": "", + "format-good": "", // An empty format will hide the module + "format-full": "", "format-icons": ["", "", "", "", ""] }, "battery#bat2": { - "bat": "BAT2" + "bat": "BAT1", + "states": { + "good": 95, + "warning": 30, + "critical": 15 + }, + "format": "{icon}{capacity}%", + "format-charging": "{capacity:3}%", + "format-plugged": "{capacity:3}%", + "format-alt": "{icon}{time}", + "format-good": "", // An empty format will hide the module + "format-full": "", + "format-icons": ["", "", "", "", ""] }, "network": { // "interface": "wlp2*", // (Optional) To force the use of this interface "format-wifi": " {essid} ({signalStrength}%)", - //"format-ethernet": "{ifname}: {ipaddr}/{cidr} ", - "format-ethernet": " {ipaddr}/{cidr}", + "format-ethernet": "", "format-linked": " {ifname} (No IP)", "format-disconnected": "Disconnected ⚠", - "format-alt": "{ifname}" + "format-alt": "{ifname} {ipaddr}/{cidr} ▲{bandwidthUpBits}▼{bandwidthDownBits}", + "on-click-right": "exec kitty nmtui", + "interval": 1, + "tooltip-format": "{ifname} {ipaddr}/{cidr} ▲{bandwidthUpBits}▼{bandwidthDownBits}" }, "pulseaudio": { // "scroll-step": 1, // %, can be a float - "format": "{icon} {volume}% {format_source}", + "format": "{icon}{volume:3}% {format_source}", "format-bluetooth": "{volume}% {icon} {format_source}", "format-bluetooth-muted": " {icon} {format_source}", "format-muted": " {format_source}", @@ -158,4 +180,4 @@ "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/.config/waybar/style.css b/.config/waybar/style.css index cd0e06c..b3c5d50 100644 --- a/.config/waybar/style.css +++ b/.config/waybar/style.css @@ -1,17 +1,16 @@ * { - border: none; border-radius: 0; /* `otf-font-awesome` is required to be installed for icons */ - font-family: Cantarell;/*Roboto, Helvetica, Arial, sans-serif; */ + font-family: 'Anka/Coder';/*Roboto, Helvetica, Arial, sans-serif; */ font-size: 14px; + font-weight: bold; min-height: 0; } window#waybar { background-color: transparent; - /*background-color: rgba(43, 48, 59, 0.5);*/ - /* border-bottom: 3px solid rgba(100, 114, 125, 0.5); */ - color: #ffffff; + /* background-color: #002b36; */ + color: #839496; transition-property: background-color; transition-duration: .5s; } @@ -20,42 +19,23 @@ 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; -} - #workspaces button { - padding: 0 5px; + padding: 1px 5px 0px; background-color: transparent; - color: #ffffff; - /* border-bottom: 3px solid transparent; */ + color: #839496; + border-top: 2px solid transparent; } /* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */ #workspaces button:hover { background: rgba(0, 0, 0, 0.2); box-shadow: inherit; - /* border-bottom: 3px solid #ffffff; */ } #workspaces button.focused { - background-color: #64727D; - /* border-bottom: 3px solid #ffffff; */ - padding: 0 2px; + background-color: #073642; /*#64727D;*/ + border-top: 2px solid #839496; + padding: 1px 5px 0px; } #workspaces button.urgent { @@ -63,8 +43,8 @@ window#waybar.chromium { } #mode { - background-color: #64727D; - /* border-bottom: 3px solid #ffffff; */ + padding: 1px 5px 0px; + background-color: #073642; } #clock, @@ -75,33 +55,25 @@ window#waybar.chromium { #backlight, #network, #pulseaudio, -#custom-media, #tray, #idle_inhibitor, #mpd { - padding: 0 10px; - margin: 0 4px; - color: #ffffff; + padding: 0 1px 0; + margin: 0 4px 0; + color: #839496; + background-color: transparent; } #clock { - padding: 0 0px; - background-color: transparent; + padding: 0 0 0; } #clock.time { - background-color: transparent; min-width: 60px; } -#battery { - padding: 1px; - background-color: transparent; - color: #ffffff; -} #battery.charging { color: #26A65B; - /* background-color: #26A65B; */ } @keyframes blink { @@ -121,99 +93,10 @@ window#waybar.chromium { animation-direction: alternate; } -label:focus { - background-color: #000000; -} - -#cpu { - padding: 1px; - /* background-color: #2ecc71; */ - color: #fff; -} - -#memory { - padding: 1px; - /* background-color: #9b59b6; */ -} - -#backlight { - padding: 1px; - /* background-color: #90b1b1; */ -} - -#network { - padding: 1px; - /* background-color: #2980b9; */ -} - #network.disconnected { - /* background-color: #f53c3c; */ -} - -#pulseaudio { - padding: 1px; - /* background-color: #f1c40f; */ - /* color: #000000; */ -} - -#pulseaudio.muted { - /* background-color: #90b1b1; */ - /* color: #2a5c45; */ -} - -#custom-media { - padding: 1px; - /* background-color: #66cc99; */ - /* color: #2a5c45; */ - /* min-width: 100px; */ -} - -#custom-media.custom-spotify { - background-color: #66cc99; -} - -#custom-media.custom-vlc { - background-color: #ffa000; -} - -#temperature { - padding: 1px; - /* background-color: #f0932b; */ + color: #f53c3c; } #temperature.critical { background-color: #eb4d4b; } - -#tray { - padding: 1px; - /* background-color: #2980b9; */ -} - -#idle_inhibitor { - padding: 1px; - /* background-color: #2d3436; */ -} - -#idle_inhibitor.activated { - /* background-color: #ecf0f1; */ - /* color: #2d3436; */ -} - -#mpd { - padding: 1px; - /* background-color: #66cc99; */ - /* color: #2a5c45; */ -} - -#mpd.disconnected { - /* background-color: #f53c3c; */ -} - -#mpd.stopped { - /* background-color: #90b1b1; */ -} - -#mpd.paused { - /* background-color: #51a37a; */ -}