diff --git a/waybar/config.jsonc b/waybar/config.jsonc
index 20ada0e..ae6f010 100644
--- a/waybar/config.jsonc
+++ b/waybar/config.jsonc
@@ -1,202 +1,57 @@
-// -*- mode: jsonc -*-
{
- // "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
- "spacing": 4, // Gaps between modules (4px)
- // Choose the order of the modules
- "modules-left": [
- "custom/media"
- ],
- "modules-center": [
- "hyprland/window"
- ],
- "modules-right": [
- "battery",
- "clock",
- ],
- // Modules configuration
- // "sway/workspaces": {
- // "disable-scroll": true,
- // "all-outputs": true,
- // "warp-on-scroll": false,
- // "format": "{name}: {icon}",
- // "format-icons": {
- // "1": "",
- // "2": "",
- // "3": "",
- // "4": "",
- // "5": "",
- // "urgent": "",
- // "focused": "",
- // "default": ""
- // }
- // },
- "keyboard-state": {
- "numlock": true,
- "capslock": true,
- "format": "{name} {icon}",
- "format-icons": {
- "locked": "",
- "unlocked": ""
- }
+ "height": 30,
+ "spacing": 6,
+
+ "modules-left": [
+ "hyprland/window"
+ ],
+ "modules-center": [
+ "custom/quote"
+ ],
+ "modules-right": [
+ "network",
+ "pulseaudio",
+ "battery",
+ "clock"
+ ],
+
+ "hyprland/window": {
+ "format": "{title}",
+ "max-length": 60,
+ "empty": false
+ },
+
+ "custom/quote": {
+ "format": "Do you think God stays in heaven because he, too, lives in fear of what he's created here on earth?",
+ "tooltip": false
+ },
+
+ "clock": {
+ "format": "{:%H:%M}",
+ "tooltip-format": "{:%Y-%m-%d %A}"
+ },
+
+ "battery": {
+ "format": "{capacity}% {icon}",
+ "format-charging": "{capacity}% ",
+ "states": {
+ "warning": 30,
+ "critical": 15
},
- "sway/mode": {
- "format": "{}"
- },
- "sway/scratchpad": {
- "format": "{icon} {count}",
- "show-empty": false,
- "format-icons": ["", ""],
- "tooltip": true,
- "tooltip-format": "{app}: {title}"
- },
- "mpd": {
- "format": "{stateIcon} {consumeIcon}{randomIcon}{repeatIcon}{singleIcon}{artist} - {album} - {title} ({elapsedTime:%M:%S}/{totalTime:%M:%S}) ⸨{songPosition}|{queueLength}⸩ {volume}% ",
- "format-disconnected": "Disconnected ",
- "format-stopped": "{consumeIcon}{randomIcon}{repeatIcon}{singleIcon}Stopped ",
- "unknown-tag": "N/A",
- "interval": 5,
- "consume-icons": {
- "on": " "
- },
- "random-icons": {
- "off": " ",
- "on": " "
- },
- "repeat-icons": {
- "on": " "
- },
- "single-icons": {
- "on": "1 "
- },
- "state-icons": {
- "paused": "",
- "playing": ""
- },
- "tooltip-format": "MPD (connected)",
- "tooltip-format-disconnected": "MPD (disconnected)"
- },
- "idle_inhibitor": {
- "format": "{icon}",
- "format-icons": {
- "activated": "",
- "deactivated": ""
- }
- },
- "tray": {
- // "icon-size": 21,
- "spacing": 10,
- // "icons": {
- // "blueman": "bluetooth",
- // "TelegramDesktop": "$HOME/.local/share/icons/hicolor/16x16/apps/telegram.png"
- // }
- },
- "clock": {
- // "timezone": "America/New_York",
- "tooltip-format": "{:%Y %B}\n{calendar}",
- "format-alt": "{:%Y-%m-%d}"
- },
- "cpu": {
- "format": "{usage}% ",
- "tooltip": false
- },
- "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": ["", "", "", "", "", "", "", "", ""]
- },
- "battery": {
- "states": {
- // "good": 95,
- "warning": 30,
- "critical": 15
- },
- "format": "{capacity}% {icon}",
- "format-full": "{capacity}% {icon}",
- "format-charging": "{capacity}% ",
- "format-plugged": "{capacity}% ",
- "format-alt": "{time} {icon}",
- // "format-good": "", // An empty format will hide the module
- // "format-full": "",
- "format-icons": ["", "", "", "", ""]
- },
- "battery#bat2": {
- "bat": "BAT2"
- },
- "power-profiles-daemon": {
- "format": "{icon}",
- "tooltip-format": "Power profile: {profile}\nDriver: {driver}",
- "tooltip": true,
- "format-icons": {
- "default": "",
- "performance": "",
- "balanced": "",
- "power-saver": ""
- }
- },
- "network": {
- // "interface": "wlp2*", // (Optional) To force the use of this interface
- "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, // %, can be a float
- "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": "pavucontrol"
- },
- "custom/media": {
- "format": "{icon} {text}",
- "return-type": "json",
- "max-length": 40,
- "format-icons": {
- "spotify": "",
- "default": "🎜"
- },
- "escape": true,
- "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
- },
- "custom/power": {
- "format" : "⏻ ",
- "tooltip": false,
- "menu": "on-click",
- "menu-file": "$HOME/.config/waybar/power_menu.xml", // Menu file in resources folder
- "menu-actions": {
- "shutdown": "shutdown",
- "reboot": "reboot",
- "suspend": "systemctl suspend",
- "hibernate": "systemctl hibernate"
- }
- }
+ "format-icons": ["", "", "", "", ""]
+ },
+
+ "network": {
+ "format-wifi": "{essid} ({signalStrength}%) ",
+ "format-ethernet": "{ipaddr} ",
+ "format-disconnected": "Disconnected ⚠"
+ },
+
+ "pulseaudio": {
+ "format": "{volume}% {icon}",
+ "format-muted": "",
+ "format-icons": ["", "", ""],
+ "on-click": "pavucontrol"
+ }
}
+
diff --git a/waybar/style.css b/waybar/style.css
index 4f33335..f4e1a3a 100644
--- a/waybar/style.css
+++ b/waybar/style.css
@@ -1,328 +1,118 @@
* {
- /* `otf-font-awesome` is required to be installed for icons */
- font-family: FontAwesome, Roboto, Helvetica, Arial, sans-serif;
- /*font-family: "JetBrainsMono Nerd Font", monospace; */
- font-size: 13px;
+ font-family: "JetBrainsMono Nerd Font", monospace;
+ font-size: 13px;
+ font-weight: 500;
+ border: none;
+ color: #E9D8FD; /* soft lavender */
}
window#waybar {
- background-color: rgba(43, 48, 59, 0.5);
- border-bottom: 3px solid rgba(100, 114, 125, 0.5);
- color: #ffffff;
- transition-property: background-color;
- transition-duration: .5s;
+ background-color: rgba(30, 25, 41, 0.7); /* deep purple haze */
+ border-bottom: 2px solid rgba(159, 122, 234, 0.5); /* starship purple */
+ transition: background-color 0.5s ease;
}
+/* Inactive bar fade */
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;
+ opacity: 0.2;
}
+/* Buttons & modules */
button {
- /* Use box-shadow instead of border so the text isn't offset */
- box-shadow: inset 0 -3px transparent;
- /* Avoid rounded borders under each button name */
- border: none;
- border-radius: 0;
+ background: transparent;
+ border: none;
+ color: inherit;
+ transition: background 0.2s ease;
}
-/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
button:hover {
- background: inherit;
- box-shadow: inset 0 -3px #ffffff;
-}
-
-/* you can set a style on hover for any module like this */
-#pulseaudio:hover {
- background-color: #a37800;
+ background: rgba(159, 122, 234, 0.15);
}
+/* Workspaces */
#workspaces button {
- padding: 0 5px;
- background-color: transparent;
- color: #ffffff;
-}
-
-#workspaces button:hover {
- background: rgba(0, 0, 0, 0.2);
+ padding: 0 8px;
+ color: #C4B5FD;
}
#workspaces button.focused {
- background-color: #64727D;
- box-shadow: inset 0 -3px #ffffff;
+ background: rgba(159, 122, 234, 0.3);
+ box-shadow: inset 0 -2px #C4B5FD;
}
#workspaces button.urgent {
- background-color: #eb4d4b;
-}
-
-#mode {
- background-color: #64727D;
- box-shadow: inset 0 -3px #ffffff;
+ background: #EB4D4B;
}
+/* Module containers */
#clock,
#battery,
-#cpu,
-#memory,
-#disk,
-#temperature,
-#backlight,
#network,
-#pulseaudio,
-#wireplumber,
-#custom-media,
-#tray,
-#mode,
-#idle_inhibitor,
-#scratchpad,
-#power-profiles-daemon,
-#mpd {
- padding: 0 10px;
- color: #ffffff;
-}
-
-#window,
-#workspaces {
- margin: 0 4px;
-}
-
-/* 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;
+#pulseaudio {
+ padding: 0 10px;
+ border-left: 1px solid rgba(159, 122, 234, 0.25);
}
#clock {
- background-color: #64727D;
+ color: #C4B5FD;
}
#battery {
- background-color: #ffffff;
- color: #000000;
+ color: #B794F4;
}
-#battery.charging, #battery.plugged {
- color: #ffffff;
- background-color: #26A65B;
-}
-
-@keyframes blink {
- to {
- background-color: #ffffff;
- color: #000000;
- }
-}
-
-/* Using steps() instead of linear as a timing function to limit cpu usage */
-#battery.critical:not(.charging) {
- background-color: #f53c3c;
- color: #ffffff;
- animation-name: blink;
- animation-duration: 0.5s;
- animation-timing-function: steps(12);
- animation-iteration-count: infinite;
- animation-direction: alternate;
-}
-
-#power-profiles-daemon {
- padding-right: 15px;
-}
-
-#power-profiles-daemon.performance {
- background-color: #f53c3c;
- color: #ffffff;
-}
-
-#power-profiles-daemon.balanced {
- background-color: #2980b9;
- color: #ffffff;
-}
-
-#power-profiles-daemon.power-saver {
- background-color: #2ecc71;
- color: #000000;
-}
-
-label:focus {
- background-color: #000000;
-}
-
-#cpu {
- background-color: #2ecc71;
- color: #000000;
-}
-
-#memory {
- background-color: #9b59b6;
-}
-
-#disk {
- background-color: #964B00;
-}
-
-#backlight {
- background-color: #90b1b1;
+#battery.charging {
+ color: #9F7AEA;
}
#network {
- background-color: #2980b9;
+ color: #A78BFA;
}
#network.disconnected {
- background-color: #f53c3c;
+ color: #F56565;
}
#pulseaudio {
- background-color: #f1c40f;
- color: #000000;
+ color: #C4B5FD;
}
#pulseaudio.muted {
- background-color: #90b1b1;
- color: #2a5c45;
+ color: #6B46C1;
+ opacity: 0.6;
}
-#wireplumber {
- background-color: #fff0f5;
- color: #000000;
+#window {
+ color: #E9D8FD;
+ font-weight: 600;
}
-#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;
-}
-
-#temperature {
- background-color: #f0932b;
-}
-
-#temperature.critical {
- background-color: #eb4d4b;
+#custom-quote {
+ color: #9F7AEA;
+ font-style: italic;
+ font-weight: 400;
+ letter-spacing: 0.5px;
}
+/* Tray */
#tray {
- background-color: #2980b9;
+ padding: 0 8px;
}
-#tray > .passive {
- -gtk-icon-effect: dim;
+/* Rounded corners and blur (optional if compositor supports it) */
+window#waybar {
+ border-radius: 0 0 10px 10px;
}
-#tray > .needs-attention {
- -gtk-icon-effect: highlight;
- background-color: #eb4d4b;
+.modules-left {
+ margin-left: 10px;
}
-#idle_inhibitor {
- background-color: #2d3436;
+
+#window {
+ padding-left: 5px;
+ padding-right: 10px;
+ color: #E9D8FD;
+ font-weight: 600;
}
-#idle_inhibitor.activated {
- background-color: #ecf0f1;
- color: #2d3436;
-}
-
-#mpd {
- background-color: #66cc99;
- color: #2a5c45;
-}
-
-#mpd.disconnected {
- background-color: #f53c3c;
-}
-
-#mpd.stopped {
- background-color: #90b1b1;
-}
-
-#mpd.paused {
- background-color: #51a37a;
-}
-
-#language {
- background: #00b093;
- color: #740864;
- padding: 0 5px;
- margin: 0 5px;
- min-width: 16px;
-}
-
-#keyboard-state {
- background: #97e1ad;
- color: #000000;
- padding: 0 0px;
- margin: 0 5px;
- min-width: 16px;
-}
-
-#keyboard-state > label {
- padding: 0 5px;
-}
-
-#keyboard-state > label.locked {
- background: rgba(0, 0, 0, 0.2);
-}
-
-#scratchpad {
- background: rgba(0, 0, 0, 0.2);
-}
-
-#scratchpad.empty {
- background-color: transparent;
-}
-
-#privacy {
- padding: 0;
-}
-
-#privacy-item {
- padding: 0 5px;
- color: white;
-}
-
-#privacy-item.screenshare {
- background-color: #cf5700;
-}
-
-#privacy-item.audio-in {
- background-color: #1ca000;
-}
-
-#privacy-item.audio-out {
- background-color: #0069d4;
-}