--- /dev/null
+{
+ "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": 5, // Gaps between modules (4px)
+ // Choose the order of the modules
+ "modules-left": ["hyprland/workspaces"],
+ "modules-center": ["hyprland/window"],
+ "modules-right": ["mpris", "idle_inhibitor", "pulseaudio", "keyboard-state", "network", "cpu", "memory", "temperature", "clock", "tray"],
+
+ // Modules configuration
+
+ "hyprland/workspaces": {
+ "format": "{icon}",
+ "format-window-separator": " ",
+ //"window-rewrite-default": "",
+ //"window-rewrite": {
+ // "firefox": "",
+ // "kitty": "",
+ // "dolphin": "",
+ // "elisa": "",
+ // "steam": "",
+ // },
+ "format-icons": {
+ "1": "1",
+ "2": "2",
+ "3": "3",
+ "4": "4",
+ "5": "5",
+ "6": "6",
+ "7": "7",
+ "8": "8",
+ "9": "9",
+ "0": "0",
+ "urgent": "",
+ "active": "",
+ "default": "",
+ },
+ "persistent-workspaces": {
+ "1": [],
+ "2": [],
+ "3": [],
+ "4": [],
+ "5": [],
+ "6": [],
+ "7": [],
+ "8": [],
+ "9": [],
+ "0": [],
+ },
+ "on-click": "activate",
+ "on-click-middle-release": "close",
+ "on-scroll-up": "hyprctl dispatch workspace e+1",
+ "on-scroll-down": "hyprctl dispatch workspace e-1",
+ "sort-by-number": true
+ },
+
+ "hyprland/window": {
+ "format": "{title}",
+ },
+ "keyboard-state": {
+ "numlock": true,
+ "capslock": true,
+ "format": "{name} {icon}",
+ "format-icons": {
+ "locked": "",
+ "unlocked": ""
+ },
+ },
+
+
+ "mpris": {
+ "format": "DEFAULT: {player_icon} {dynamic}",
+ "format-paused": "DEFAULT: {status_icon} <i>{dynamic}</i>",
+ "player-icons": {
+ "default": "▶",
+ "mpv": "🎵"
+ },
+
+
+ "status-icons": {
+ "paused": "⏸"
+ },
+ // "ignored-players": ["firefox"]
+ },
+
+
+ "idle_inhibitor": {
+ "format": "{icon}",
+ "format-icons": {
+ "activated": "",
+ "deactivated": ""
+ }
+ },
+
+
+ "tray": {
+ // "icon-size": 21,
+ "spacing": 10
+ },
+
+
+ "clock": {
+ // "timezone": "America/New_York",
+ "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
+ "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": ["", "", ""]
+ },
+
+
+ "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"
+ },
+
+}
+
--- /dev/null
+* {
+ /* `otf-font-awesome` is required to be installed for icons */
+ font-family: "LiterationMono Nerd Font";
+ font-size: 16px;
+ min-height: 0px;
+}
+
+window#waybar {
+ /*background: transparent;*/
+ background-color: rgba(43, 48, 59, 1);
+ /* border-bottom: 3px solid rgba(100, 114, 125, 0.5); */
+ border-top: 1px solid rgba(100, 114, 125, 0.8);
+ color: #ffffff;
+ transition-property: background-color;
+ transition-duration: .5s;
+}
+
+window#waybar.hidden {
+ opacity: 0.2;
+}
+
+#waybar.empty #window {
+ background-color: transparent;
+}
+
+#workspaces {
+}
+
+#window {
+ margin: 2px;
+ padding-left: 8px;
+ padding-right: 8px;
+ background-color: rgba(23,28,39,0.3);
+}
+
+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;
+}
+
+/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
+button:hover {
+ background: inherit;
+ border-top: 2px solid #c9545d;
+}
+
+#workspaces button {
+ padding: 0 4px;
+ background-color: rgba(23,28,39,0.3);
+}
+
+#workspaces button:hover {
+}
+
+#workspaces button.focused {
+ /* box-shadow: inset 0 -2px #c9545d; */
+ background-color: rgba(23,28,39,0.5);
+ color:#c9545d;
+ border-top: 2px solid #c9545d;
+}
+
+#workspaces button.urgent {
+ background-color: #eb4d4b;
+}
+
+#mode {
+ background-color: #64727D;
+ border-bottom: 3px solid #ffffff;
+}
+
+#clock,
+#battery,
+#cpu,
+#memory,
+#disk,
+#temperature,
+#backlight,
+#network,
+#pulseaudio,
+#wireplumber,
+#custom-media,
+#tray,
+#mode,
+#idle_inhibitor,
+#scratchpad,
+#mpris {
+ margin: 2px;
+ padding-left: 4px;
+ padding-right: 4px;
+ background-color: rgba(23,28,39,0.3);
+ color: #ffffff;
+}
+
+/* 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;
+}
+
+#clock {
+ font-size: 18px;
+ font-weight: normal;
+}
+
+#battery icon {
+ color: red;
+}
+
+#battery.charging, #battery.plugged {
+ color: #ffffff;
+ background-color: #26A65B;
+}
+
+@keyframes blink {
+ to {
+ background-color: #ffffff;
+ color: #000000;
+ }
+}
+
+#battery.warning:not(.charging) {
+ background-color: #f53c3c;
+ color: #ffffff;
+ animation-name: blink;
+ animation-duration: 0.5s;
+ animation-timing-function: linear;
+ animation-iteration-count: infinite;
+ animation-direction: alternate;
+}
+
+#battery.critical:not(.charging) {
+ background-color: #f53c3c;
+ color: #ffffff;
+ animation-name: blink;
+ animation-duration: 0.5s;
+ animation-timing-function: linear;
+ animation-iteration-count: infinite;
+ animation-direction: alternate;
+}
+
+label:focus {
+ background-color: #000000;
+}
+
+#network.disconnected {
+ background-color: #f53c3c;
+}
+
+#temperature.critical {
+ background-color: #eb4d4b;
+}
+
+#idle_inhibitor.activated {
+ background-color: #ecf0f1;
+ color: #2d3436;
+}
+
+#tray > .passive {
+ -gtk-icon-effect: dim;
+}
+
+#tray > .needs-attention {
+ -gtk-icon-effect: highlight;
+ background-color: #eb4d4b;
+}
+
+/*
+
+window#waybar.solo {
+background-color: #FFFFFF;
+}
+
+window#waybar.kitty {
+background-color: #3F3F3F;
+}
+
+window#waybar.chromium {
+background-color: #000000;
+border: none;
+}
+ */
+
+++ /dev/null
-{
- "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": 5, // Gaps between modules (4px)
- // Choose the order of the modules
- "modules-left": ["hyprland/workspaces"],
- "modules-center": ["hyprland/window"],
- "modules-right": ["mpris", "idle_inhibitor", "pulseaudio", "keyboard-state", "network", "cpu", "memory", "temperature", "clock", "tray"],
-
- // Modules configuration
-
- "hyprland/workspaces": {
- "format": "{icon}",
- "format-window-separator": " ",
- //"window-rewrite-default": "",
- //"window-rewrite": {
- // "firefox": "",
- // "kitty": "",
- // "dolphin": "",
- // "elisa": "",
- // "steam": "",
- // },
- "format-icons": {
- "1": "1",
- "2": "2",
- "3": "3",
- "4": "4",
- "5": "5",
- "6": "6",
- "7": "7",
- "8": "8",
- "9": "9",
- "0": "0",
- "urgent": "",
- "active": "",
- "default": "",
- },
- "persistent-workspaces": {
- "1": [],
- "2": [],
- "3": [],
- "4": [],
- "5": [],
- "6": [],
- "7": [],
- "8": [],
- "9": [],
- "0": [],
- },
- "on-click": "activate",
- "on-click-middle-release": "close",
- "on-scroll-up": "hyprctl dispatch workspace e+1",
- "on-scroll-down": "hyprctl dispatch workspace e-1",
- "sort-by-number": true
- },
-
- "hyprland/window": {
- "format": "{title}",
- },
- "keyboard-state": {
- "numlock": true,
- "capslock": true,
- "format": "{name} {icon}",
- "format-icons": {
- "locked": "",
- "unlocked": ""
- },
- },
-
-
- "mpris": {
- "format": "DEFAULT: {player_icon} {dynamic}",
- "format-paused": "DEFAULT: {status_icon} <i>{dynamic}</i>",
- "player-icons": {
- "default": "▶",
- "mpv": "🎵"
- },
-
-
- "status-icons": {
- "paused": "⏸"
- },
- // "ignored-players": ["firefox"]
- },
-
-
- "idle_inhibitor": {
- "format": "{icon}",
- "format-icons": {
- "activated": "",
- "deactivated": ""
- }
- },
-
-
- "tray": {
- // "icon-size": 21,
- "spacing": 10
- },
-
-
- "clock": {
- // "timezone": "America/New_York",
- "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
- "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": ["", "", ""]
- },
-
-
- "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"
- },
-
-}
-
+++ /dev/null
-* {
- /* `otf-font-awesome` is required to be installed for icons */
- font-family: "LiterationMono Nerd Font";
- font-size: 16px;
- min-height: 0px;
-}
-
-window#waybar {
- /*background: transparent;*/
- background-color: rgba(43, 48, 59, 1);
- /* border-bottom: 3px solid rgba(100, 114, 125, 0.5); */
- border-top: 1px solid rgba(100, 114, 125, 0.8);
- color: #ffffff;
- transition-property: background-color;
- transition-duration: .5s;
-}
-
-window#waybar.hidden {
- opacity: 0.2;
-}
-
-#waybar.empty #window {
- background-color: transparent;
-}
-
-#workspaces {
-}
-
-#window {
- margin: 2px;
- padding-left: 8px;
- padding-right: 8px;
- background-color: rgba(23,28,39,0.3);
-}
-
-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;
-}
-
-/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
-button:hover {
- background: inherit;
- border-top: 2px solid #c9545d;
-}
-
-#workspaces button {
- padding: 0 4px;
- background-color: rgba(23,28,39,0.3);
-}
-
-#workspaces button:hover {
-}
-
-#workspaces button.focused {
- /* box-shadow: inset 0 -2px #c9545d; */
- background-color: rgba(23,28,39,0.5);
- color:#c9545d;
- border-top: 2px solid #c9545d;
-}
-
-#workspaces button.urgent {
- background-color: #eb4d4b;
-}
-
-#mode {
- background-color: #64727D;
- border-bottom: 3px solid #ffffff;
-}
-
-#clock,
-#battery,
-#cpu,
-#memory,
-#disk,
-#temperature,
-#backlight,
-#network,
-#pulseaudio,
-#wireplumber,
-#custom-media,
-#tray,
-#mode,
-#idle_inhibitor,
-#scratchpad,
-#mpris {
- margin: 2px;
- padding-left: 4px;
- padding-right: 4px;
- background-color: rgba(23,28,39,0.3);
- color: #ffffff;
-}
-
-/* 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;
-}
-
-#clock {
- font-size: 18px;
- font-weight: normal;
-}
-
-#battery icon {
- color: red;
-}
-
-#battery.charging, #battery.plugged {
- color: #ffffff;
- background-color: #26A65B;
-}
-
-@keyframes blink {
- to {
- background-color: #ffffff;
- color: #000000;
- }
-}
-
-#battery.warning:not(.charging) {
- background-color: #f53c3c;
- color: #ffffff;
- animation-name: blink;
- animation-duration: 0.5s;
- animation-timing-function: linear;
- animation-iteration-count: infinite;
- animation-direction: alternate;
-}
-
-#battery.critical:not(.charging) {
- background-color: #f53c3c;
- color: #ffffff;
- animation-name: blink;
- animation-duration: 0.5s;
- animation-timing-function: linear;
- animation-iteration-count: infinite;
- animation-direction: alternate;
-}
-
-label:focus {
- background-color: #000000;
-}
-
-#network.disconnected {
- background-color: #f53c3c;
-}
-
-#temperature.critical {
- background-color: #eb4d4b;
-}
-
-#idle_inhibitor.activated {
- background-color: #ecf0f1;
- color: #2d3436;
-}
-
-#tray > .passive {
- -gtk-icon-effect: dim;
-}
-
-#tray > .needs-attention {
- -gtk-icon-effect: highlight;
- background-color: #eb4d4b;
-}
-
-/*
-
-window#waybar.solo {
-background-color: #FFFFFF;
-}
-
-window#waybar.kitty {
-background-color: #3F3F3F;
-}
-
-window#waybar.chromium {
-background-color: #000000;
-border: none;
-}
- */
-