diff options
Diffstat (limited to 'waybar')
| -rw-r--r-- | waybar/dot-config/waybar/config.jsonc | 62 | ||||
| -rw-r--r-- | waybar/dot-config/waybar/style.css | 105 |
2 files changed, 65 insertions, 102 deletions
diff --git a/waybar/dot-config/waybar/config.jsonc b/waybar/dot-config/waybar/config.jsonc index 5136b15..1d9be84 100644 --- a/waybar/dot-config/waybar/config.jsonc +++ b/waybar/dot-config/waybar/config.jsonc @@ -1,25 +1,24 @@ { - "position": "top", - "height": 15, + "position": "right", + "exclusive": false, + "layer": "top", + "margin": "5 2 5 0", + // "height": 18, "spacing": 5, "reload_style_on_change": true, "modules-left": [ - "hyprland/workspaces" - // "niri/workspaces" - ], - "modules-center": [ - "hyprland/window" - // "niri/window" ], "modules-right": [ + ], + "modules-center": [ + "niri/workspaces", "custom/weather", "idle_inhibitor", "wireplumber", "network", "power-profiles-daemon", "backlight", - "hyprland/language", - // "niri/language", + "niri/language", "battery", "tray", "clock" @@ -36,12 +35,13 @@ "spacing": 5 }, "clock": { - "interval": 1, - "format": "{:%a %d %b %H:%M:%S}", - "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>" + "interval": 60, + "format": "{:%a\n%d\n%b\n\n%H\n%M}", + "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>", + "justify": "center" }, "backlight": { - "format": "{percent}% {icon}", + "format": "{icon}", "format-icons": [ "", "", @@ -59,18 +59,19 @@ "warning": 30, "critical": 10 }, - "format": "{capacity}% {icon}", - "format-full": "{capacity}% {icon}", - "format-charging": "{capacity}% ", - "format-plugged": "{capacity}% ", - "format-alt": "{power}W {icon}", + "format": "{icon}\n{capacity}", + "format-full": "{icon}", + "format-charging": "\n{capacity}%", + "format-plugged": "", + "format-alt": "{power}W\n{icon}", "format-icons": [ "", "", "", "", "" - ] + ], + "justify": "center" }, "power-profiles-daemon": { "format": "{icon}", @@ -83,15 +84,16 @@ } }, "network": { - "format-wifi": "{essid} ({signalStrength}%) ", + "format-wifi": "", "format-ethernet": "{ipaddr}/{cidr} ", "tooltip-format": "{ifname} via {gwaddr} ", "format-linked": "{ifname} (No IP) ", - "format-disconnected": "Disconnected ⚠", - "format-alt": "{ifname}: {ipaddr}/{cidr}" + "format-disconnected": "⚠", + "format-alt": "{ifname}: {ipaddr}/{cidr}", + "justify": "center" }, "wireplumber": { - "format": "{volume}% {icon}", + "format": "{icon}", "format-muted": "", "on-click": "app2unit-term -- bash -c 'wpctl status | less'", "on-click-right": "swayosd-client --output-volume mute-toggle && update-led-mute sink", @@ -109,22 +111,14 @@ "", "" ] - } - }, - "hyprland/language": { - "format": "{}", - "format-en": "en", - "format-fa": "فارسی" + }, + "justify": "center" }, "niri/language": { "format": "{}", "format-en": "en", "format-fa": "فارسی" }, - "hyprland/window": { - "icon": true, - "icon-size": 13 - }, "niri/window": { "icon": true, "icon-size": 13 diff --git a/waybar/dot-config/waybar/style.css b/waybar/dot-config/waybar/style.css index 9d5c585..a8769a1 100644 --- a/waybar/dot-config/waybar/style.css +++ b/waybar/dot-config/waybar/style.css @@ -1,13 +1,27 @@ +@define-color transp rgba(54, 54, 54, 0); +@define-color effort2 rgba(54, 54, 54, 0.8); +@define-color foreground #eeeeee; + * { - font-family: Hack, Vazirmatn UI; - font-size: 10px; - min-height: 0; - color: #eeeeee; + font-family: Dejavu Sans Mono, Vazirmatn UI; + font-size: 12px; + min-width: 0; } window#waybar { - /* background: rgba(0, 0, 0, 0.5); */ - background-color: #222222; + background-color: @transp; + background-blend-mode: screen; + color: @foreground; +} + +.modules-center { + background: @effort2; + background-blend-mode: overlay; + padding: 4px 2px; + margin: 0px 5px; + border-radius: 20px; + border: 2px solid #333333; + box-shadow: 0px 0px 3px 4px #222222; } tooltip { @@ -21,19 +35,21 @@ tooltip label { margin: 0; } -button { - border: none; - border-radius: 0; -} - /* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */ -button:hover { +#workspaces button:hover { background: inherit; } #workspaces button { - padding: 0 2px; + padding: 2px 2px; + border: none; + border-radius: 10px; background-color: transparent; + margin-bottom: 4px; +} + +#workspaces:last-child { + margin-bottom: 0px; } #workspaces button label { @@ -51,10 +67,7 @@ button:hover { #workspaces button.active:not(.empty) { background-color: #005577; - background-image: linear-gradient(white, white); /* the square */ - background-repeat: no-repeat; - background-size: 5px 5px; - background-position: 0px 0px; + border: 1px solid #0088aa; } #workspaces button.active label { @@ -63,22 +76,7 @@ button:hover { } #workspaces button:not(.active):not(.empty) { - background-image: - linear-gradient(white, white), /* top */ - linear-gradient(white, white), /* right */ - linear-gradient(white, white), /* bottom */ - linear-gradient(white, white); /* left */ - background-repeat: no-repeat; - background-size: - 5px 0.5px, /* top border width and thickness */ - 0.5px 5.5px, /* right */ - 5px 0.5px, /* bottom */ - 0.5px 5px; /* left */ - background-position: - 0px 0px, /* top */ - 5px 0px, /* right */ - 0px 5px, /* bottom */ - 0px 0px; /* left */ + border: 1px solid #444444; } @@ -104,30 +102,18 @@ button:hover { #scratchpad, #power-profiles-daemon, #mpd { - padding: 0 5px; + padding: 5 0px; } #clock { font-weight: bold; + border-top: 1px solid #777777; + padding-top: 10px; } #window, #workspaces { - margin: 0 4px; -} - -/* #window { */ -/* font-weight: bold; */ -/* } */ - -/* 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; + margin: 4 0px; } @keyframes blink { @@ -148,18 +134,13 @@ button:hover { } #power-profiles-daemon.performance { - background-color: #f53c3c; - color: #ffffff; + color: #f53c3c; } label:focus { background-color: #000000; } -#temperature.critical { - background-color: #eb4d4b; -} - #tray > .passive { -gtk-icon-effect: dim; } @@ -170,17 +151,5 @@ label:focus { } #idle_inhibitor.activated { - background-color: #ecf0f1; - color: #2d3436; -} - -#workspaces .taskbar-window { - font-weight: normal; - padding-left: 5px; - padding-right: 5px; - margin-right: 0; -} - -#workspaces .taskbar-window.active { - background-color: rgba(255, 255, 255, 0.25); + color: #f53c3c; } |