diff --git a/dot_config/waybar/config.tmpl b/dot_config/waybar/config.tmpl
index 98d5c78..c476c63 100644
--- a/dot_config/waybar/config.tmpl
+++ b/dot_config/waybar/config.tmpl
@@ -1,14 +1,18 @@
-{
+[{
{{- if eq .chezmoi.hostname "hydrus"}}
"output": "DP-1",
"position": "bottom",
+ "width": 1920,
+{{- else if eq .chezmoi.hostname "helix" }}
+ "output": "eDP-1",
+ "position": "top",
+ "width": 3840,
{{- else }}
"output": "eDP-1",
"position": "top",
{{- end }}
"layer": "top",
- "height": 24,
- // "width": 1280,
+ "height": 32,
"spacing": 4,
"modules-left": [
@@ -24,10 +28,6 @@
"modules-right": [
"idle_inhibitor",
"pulseaudio",
- "network",
- "cpu",
- "memory",
- "temperature",
"keyboard-state",
"clock",
"tray"
@@ -59,7 +59,6 @@
},
"river/tags": {
- //"tag-labels": ["1", "2", "3", "4", "5"],
//"num-tags": 5
},
@@ -167,5 +166,124 @@
},
"on-click": "pactl set-sink-mute @DEFAULT_SINK@ toggle"
},
-}
+},
+{
+{{- if eq .chezmoi.hostname "hydrus" }}
+ "output": "DP-2",
+ "position": "bottom",
+ "width": 1920,
+ "layer": "top",
+ "height": 32,
+ "spacing": 4,
+
+ "modules-left": [
+ "river/tags"
+ ],
+
+ "modules-center": [
+ "river/window",
+ ],
+
+ "modules-right": [
+ "backlight",
+ "network",
+ "cpu",
+ "memory",
+ "temperature",
+ "clock",
+ ],
+
+ "keyboard-state": {
+ "numlock": false,
+ "capslock": true,
+ "format": "{name} {icon}",
+ "format-icons": {
+ "locked": "",
+ "unlocked": ""
+ }
+ },
+
+ "river/mode": {
+ "format": "mode: {}"
+ },
+
+ "river/tags": {
+ //"num-tags": 5
+ },
+
+ "idle_inhibitor": {
+ "format": "{icon}",
+ "format-icons": {
+ "activated": "",
+ "deactivated": ""
+ }
+ },
+
+ "tray": {
+ "icon-size": 18,
+ "spacing": 10
+ },
+
+ "clock": {
+ "format": "{:%H:%M}",
+ // "timezone": "America/New_York",
+ "tooltip-format": "{:%Y %B}\n{calendar}",
+ "format-alt": "{:%Y-%m-%d}"
+ },
+
+ "cpu": {
+ "format": "{usage}% ",
+ "tooltip": true
+ },
+
+ "memory": {
+ "format": "{}% "
+ },
+
+ "temperature": {
+ // "thermal-zone": 2,
+ // "hwmon-path": "/sys/class/hwmon/hwmon2/temp1_input",
+ // "critical-threshold": 80,
+ // "format-critical": "{temperatureC}°C {icon}",
+ "format": "{temperatureC}°C {icon}",
+ "format-icons": ["", "", ""]
+ },
+
+ "backlight": {
+ // "device": "acpi_video1",
+ "format": "{percent}% {icon}",
+ "format-icons": ["", "", "", "", "", "", "", "", ""]
+ },
+
+ "network": {
+ // "interface": "wlan0",
+ "format-wifi": "{essid} ({signalStrength}%) ",
+ "format-ethernet": "{ipaddr}/{cidr} ",
+ "tooltip-format": "{ifname} via {gwaddr} ",
+ "format-linked": "{ifname} (No IP) ",
+ "format-disconnected": "Disconnected ⚠",
+ "format-alt": "{ifname}: {ipaddr}/{cidr}"
+ },
+
+ "pulseaudio": {
+ "scroll-step": 1,
+ "format": "{volume}% {icon} {format_source}",
+ "format-bluetooth": "{volume}% {icon} {format_source}",
+ "format-bluetooth-muted": " {icon} {format_source}",
+ "format-muted": " {format_source}",
+ "format-source": "{volume}% ",
+ "format-source-muted": "",
+ "format-icons": {
+ "headphone": "",
+ "hands-free": "",
+ "headset": "",
+ "phone": "",
+ "portable": "",
+ "car": "",
+ "default": ["", "", ""]
+ },
+ "on-click": "pactl set-sink-mute @DEFAULT_SINK@ toggle"
+ },
+{{- end }}
+}]
diff --git a/dot_config/waybar/style.css.tmpl b/dot_config/waybar/style.css.tmpl
index a83e2db..0db7393 100644
--- a/dot_config/waybar/style.css.tmpl
+++ b/dot_config/waybar/style.css.tmpl
@@ -1,5 +1,4 @@
* {
- /* `otf-font-awesome` is required to be installed for icons */
font-family: FontAwesome, Hack, monospace;
font-size: 12px;
}
@@ -68,12 +67,17 @@ button:hover {
}
#workspaces button.urgent {
- background-color: #eb4d4b;
+ background-color: #e26c6e;
}
#mode {
- background-color: #64727d;
- border-bottom: 3px solid #4a555b;
+ background-color: #323d43;
+ color: #d8caac;
+{{- if eq .chezmoi.hostname "hydrus"}}
+ border-bottom: 3px solid rgba(208, 191, 155, 0.7);
+{{- else }}
+ border-top: 3px solid rgba(208, 191, 155, 0.7);
+{{- end }}
}
#clock,
@@ -112,19 +116,34 @@ button:hover {
}
#clock {
- background-color: #6eb2a9;
- color: #4a555b;
+ background-color: #323d43;
+ color: #d8caac;
+{{- if eq .chezmoi.hostname "hydrus"}}
+ border-bottom: 3px solid rgba(208, 191, 155, 0.7);
+{{- else }}
+ border-top: 3px solid rgba(208, 191, 155, 0.7);
+{{- end }}
}
#battery {
- background-color: #4a555b;
+ background-color: #323d43;
color: #d8caac;
+{{- if eq .chezmoi.hostname "hydrus"}}
+ border-bottom: 3px solid rgba(208, 191, 155, 0.7);
+{{- else }}
+ border-top: 3px solid rgba(208, 191, 155, 0.7);
+{{- end }}
}
#battery.charging,
#battery.plugged {
color: #4a555b;
- background-color: #26a65b;
+ background-color: #9bb86f;
+{{- if eq .chezmoi.hostname "hydrus"}}
+ border-bottom: 3px solid rgba(208, 191, 155, 0.7);
+{{- else }}
+ border-top: 3px solid rgba(208, 191, 155, 0.7);
+{{- end }}
}
@keyframes blink {
@@ -135,13 +154,19 @@ button:hover {
}
#battery.critical:not(.charging) {
- background-color: #f53c3c;
+ background-color: #e26c6e;
color: #4a555b;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
+{{- if eq .chezmoi.hostname "hydrus"}}
+ border-bottom: 3px solid rgba(208, 191, 155, 0.7);
+{{- else }}
+ border-top: 3px solid rgba(208, 191, 155, 0.7);
+{{- end }}
+
}
label:focus {
@@ -149,73 +174,116 @@ label:focus {
}
#cpu {
- background-color: #9bb86f;
- color: #4a555b;
+ background-color: #323d43;
+ color: #d8caac;
+{{- if eq .chezmoi.hostname "hydrus"}}
+ border-bottom: 3px solid rgba(208, 191, 155, 0.7);
+{{- else }}
+ border-top: 3px solid rgba(208, 191, 155, 0.7);
+{{- end }}
}
#memory {
- background-color: #cf87a9;
+ background-color: #323d43;
+ color: #d8caac;
+{{- if eq .chezmoi.hostname "hydrus"}}
+ border-bottom: 3px solid rgba(208, 191, 155, 0.7);
+{{- else }}
+ border-top: 3px solid rgba(208, 191, 155, 0.7);
+{{- end }}
}
#disk {
- background-color: #964b00;
+ background-color: #323d43;
+ color: #d8caac;
+{{- if eq .chezmoi.hostname "hydrus"}}
+ border-bottom: 3px solid rgba(208, 191, 155, 0.7);
+{{- else }}
+ border-top: 3px solid rgba(208, 191, 155, 0.7);
+{{- end }}
}
#backlight {
- background-color: #90b1b1;
+ background-color: #d0bf9b;
}
#network {
- background-color: #83c092;
+ background-color: #323d43;
+ color: #d8caac;
+{{- if eq .chezmoi.hostname "hydrus"}}
+ border-bottom: 3px solid rgba(208, 191, 155, 0.7);
+{{- else }}
+ border-top: 3px solid rgba(208, 191, 155, 0.7);
+{{- end }}
}
#network.disconnected {
- background-color: #e68183;
+ background-color: #e26c6e;
+ color: #4a555b;
}
#pulseaudio {
- background-color: #d5b26b;
- color: #4a555b;
+ background-color: #323d43;
+ color: #d8caac;
+{{- if eq .chezmoi.hostname "hydrus"}}
+ border-bottom: 3px solid rgba(208, 191, 155, 0.7);
+{{- else }}
+ border-top: 3px solid rgba(208, 191, 155, 0.7);
+{{- end }}
}
#pulseaudio.muted {
- background-color: #dbbc7f;
- color: #4a555b;
+ background-color: #525c62;
+ color: #d8caac;
+{{- if eq .chezmoi.hostname "hydrus"}}
+ border-bottom: 3px solid rgba(208, 191, 155, 0.7);
+{{- else }}
+ border-top: 3px solid rgba(208, 191, 155, 0.7);
+{{- end }}
}
#wireplumber {
- background-color: #fff0f5;
+ background-color: #323d43;
color: #d8caac;
+{{- if eq .chezmoi.hostname "hydrus"}}
+ border-bottom: 3px solid rgba(208, 191, 155, 0.7);
+{{- else }}
+ border-top: 3px solid rgba(208, 191, 155, 0.7);
+{{- end }}
}
#wireplumber.muted {
- background-color: #f53c3c;
-}
-
-#custom-media {
- background-color: #66cc99;
- color: #2a5c45;
- min-width: 100px;
-}
-
-#custom-media.custom-spotify {
- background-color: #66cc99;
-}
-
-#custom-media.custom-vlc {
- background-color: #ffa000;
+ background-color: #525c62;
+ color: #d8caac;
+{{- if eq .chezmoi.hostname "hydrus"}}
+ border-bottom: 3px solid rgba(208, 191, 155, 0.7);
+{{- else }}
+ border-top: 3px solid rgba(208, 191, 155, 0.7);
+{{- end }}
}
#temperature {
- background-color: #e2966c;
+ background-color: #323d43;
+ color: #d8caac;
+{{- if eq .chezmoi.hostname "hydrus"}}
+ border-bottom: 3px solid rgba(208, 191, 155, 0.7);
+{{- else }}
+ border-top: 3px solid rgba(208, 191, 155, 0.7);
+{{- end }}
}
#temperature.critical {
- background-color: #eb4d4b;
+ background-color: #e26c6e;
+ color: #4a555b;
}
#tray {
background-color: #323d43;
+{{- if eq .chezmoi.hostname "hydrus"}}
+ border-bottom: 3px solid rgba(208, 191, 155, 0.7);
+{{- else }}
+ border-top: 3px solid rgba(208, 191, 155, 0.7);
+{{- end }}
}
#tray > .passive {
@@ -229,29 +297,22 @@ label:focus {
#idle_inhibitor {
background-color: #525c62;
- color: #d0bf9b;
+ color: #d8caac;
+{{- if eq .chezmoi.hostname "hydrus"}}
+ border-bottom: 3px solid rgba(208, 191, 155, 0.7);
+{{- else }}
+ border-top: 3px solid rgba(208, 191, 155, 0.7);
+{{- end }}
}
#idle_inhibitor.activated {
background-color: #d0bf9b;
color: #525c62;
-}
-
-#mpd {
- background-color: #66cc99;
- color: #2a5c45;
-}
-
-#mpd.disconnected {
- background-color: #f53c3c;
-}
-
-#mpd.stopped {
- background-color: #90b1b1;
-}
-
-#mpd.paused {
- background-color: #51a37a;
+{{- if eq .chezmoi.hostname "hydrus"}}
+ border-bottom: 3px solid rgba(50, 61, 67, 0.7);
+{{- else }}
+ border-top: 3px solid rgba(50, 61, 67, 0.7);
+{{- end }}
}
#language {
@@ -263,11 +324,16 @@ label:focus {
}
#keyboard-state {
- background: #72b783;
- color: #4a555b;
+ background: #323d43;
+ color: #d8caac;
padding: 0 0px;
margin: 0 0px;
min-width: 16px;
+{{- if eq .chezmoi.hostname "hydrus"}}
+ border-bottom: 3px solid rgba(208, 191, 155, 0.7);
+{{- else }}
+ border-top: 3px solid rgba(208, 191, 155, 0.7);
+{{- end }}
}
#keyboard-state > label {
@@ -275,7 +341,7 @@ label:focus {
}
#keyboard-state > label.locked {
- background: rgba(0, 0, 0, 0.2);
+ background: rgba(0, 0, 0, .2);
}
#scratchpad {
@@ -289,10 +355,10 @@ label:focus {
/* River */
#mode.normal {
- background-color: #323d43;
- color: #d0bf9b;
+ color: #d8caac;
+ background-color: #4a555b;
}
-
+
#mode.passthrough {
background-color: #d0bf9b;
color: #4a555b;
@@ -303,15 +369,26 @@ label:focus {
#tags button.occupied {
background-color: #525c62;
color: #d8caac;
+{{- if eq .chezmoi.hostname "hydrus"}}
+ border-bottom: 3px solid rgba(208, 191, 155, 0.7);
+{{- else }}
+ border-top: 3px solid rgba(208, 191, 155, 0.7);
+{{- end }}
}
#tags button.focused {
background-color: #d0bf9b;
color: #4a555b;
+{{- if eq .chezmoi.hostname "hydrus"}}
+ border-bottom: 3px solid rgba(50, 61, 67, 0.7);
+{{- else }}
+ border-top: 3px solid rgba(50, 61, 67, 0.7);
+{{- end }}
}
#tags button.urgent {
background-color: #e26c6e;
+ color: #4a555b;
}
#window {