update waybar from nixos branch
This commit is contained in:
Benjamin Palko
parent
d0d2fa9b28
commit
c9a092f3b6
3 changed files with 275 additions and 143 deletions
243
waybar/config.jsonc
Executable file → Normal file
243
waybar/config.jsonc
Executable file → Normal file
|
|
@ -1,125 +1,140 @@
|
||||||
// -*- mode: jsonc -*-
|
// -*- mode: jsonc -*-
|
||||||
{
|
{
|
||||||
"layer": "top", // Waybar at top layer
|
"layer": "top", // Waybar at top layer
|
||||||
// "position": "bottom", // Waybar position (top|bottom|left|right)
|
// "position": "bottom", // Waybar position (top|bottom|left|right)
|
||||||
"height": 36, // Waybar height (to be removed for auto height)
|
"height": 36, // Waybar height (to be removed for auto height)
|
||||||
// "width": 1280, // Waybar width
|
// "width": 1280, // Waybar width
|
||||||
"spacing": 8, // Gaps between modules (4px)
|
"spacing": 8, // Gaps between modules (4px)
|
||||||
// Choose the order of the modules
|
// Choose the order of the modules
|
||||||
"modules-left": [
|
"modules-left": [
|
||||||
"hyprland/workspaces",
|
"custom/os",
|
||||||
"tray",
|
"hyprland/workspaces",
|
||||||
"hyprland/window"
|
"tray",
|
||||||
],
|
"hyprland/window",
|
||||||
"modules-center": [
|
],
|
||||||
"custom/spotify"
|
"modules-center": ["mpris"],
|
||||||
],
|
"modules-right": [
|
||||||
"modules-right": [
|
"custom/swww",
|
||||||
"custom/swww",
|
"wireplumber",
|
||||||
"wireplumber",
|
"network",
|
||||||
"network",
|
"cpu",
|
||||||
"cpu",
|
"memory",
|
||||||
"memory",
|
"temperature",
|
||||||
"temperature",
|
"idle_inhibitor",
|
||||||
"idle_inhibitor",
|
"clock",
|
||||||
"clock",
|
"custom/swaync",
|
||||||
"custom/swaync"
|
],
|
||||||
],
|
"custom/os": {
|
||||||
"idle_inhibitor": {
|
"format": "",
|
||||||
"format": "{icon}",
|
"on-click": "~/.config/rofi/scripts/powermenu_t1",
|
||||||
"tooltip-format-activated": "On",
|
},
|
||||||
"tooltip-format-deactivated": "Off",
|
"idle_inhibitor": {
|
||||||
"format-icons": {
|
"format": "{icon}",
|
||||||
"activated": "",
|
"tooltip-format-activated": "On",
|
||||||
"deactivated": ""
|
"tooltip-format-deactivated": "Off",
|
||||||
}
|
"format-icons": {
|
||||||
|
"activated": "",
|
||||||
|
"deactivated": "",
|
||||||
},
|
},
|
||||||
"hyprland/workspaces": {
|
},
|
||||||
"active-only": false,
|
"hyprland/workspaces": {
|
||||||
"format": "{icon}",
|
"active-only": false,
|
||||||
"format-icons": {
|
"format": "{icon}",
|
||||||
"default": ""
|
"format-icons": {
|
||||||
}
|
"default": "",
|
||||||
|
"1": "",
|
||||||
|
"2": "",
|
||||||
|
"3": "",
|
||||||
|
"4": "",
|
||||||
},
|
},
|
||||||
"hyprland/window": {
|
"persistent-workspaces": {
|
||||||
"format": "{}",
|
"*": 4, // 5 workspaces by default on every monitor
|
||||||
"rewrite": {
|
|
||||||
"(.*) — Mozilla Firefox": " $1",
|
|
||||||
"(.*) - fish": "> [$1]",
|
|
||||||
"nv": " neovim"
|
|
||||||
},
|
|
||||||
"separate-outputs": true,
|
|
||||||
"max-length": "40"
|
|
||||||
},
|
},
|
||||||
"tray": {
|
},
|
||||||
"icon-size": 18,
|
"hyprland/window": {
|
||||||
"spacing": 10
|
"format": "{}",
|
||||||
|
"rewrite": {
|
||||||
|
"(.*) — Mozilla Firefox": " $1",
|
||||||
|
"~(.*)": " $1",
|
||||||
|
"nv": " neovim",
|
||||||
},
|
},
|
||||||
"clock": {
|
"separate-outputs": true,
|
||||||
"timezone": "America/New_York",
|
"max-length": "40",
|
||||||
"tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
|
},
|
||||||
"format-alt": "{:%Y-%m-%d}",
|
"tray": {
|
||||||
"on-click": ""
|
"icon-size": 18,
|
||||||
|
"spacing": 10,
|
||||||
|
},
|
||||||
|
"clock": {
|
||||||
|
"timezone": "America/New_York",
|
||||||
|
"tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
|
||||||
|
"format-alt": "{:%Y-%m-%d}",
|
||||||
|
"on-click": "",
|
||||||
|
},
|
||||||
|
"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": "{icon} {temperatureC}°C",
|
||||||
|
"format-icons": ["", "", ""],
|
||||||
|
},
|
||||||
|
"wireplumber": {
|
||||||
|
"format": " {volume}%",
|
||||||
|
"format-mute": " {volume}%",
|
||||||
|
"on-click": "~/.config/rofi/applets/bin/volume.sh",
|
||||||
|
},
|
||||||
|
"network": {
|
||||||
|
// "interface": "wlp2*", // (Optional) To force the use of this interface
|
||||||
|
"tooltip-format": "{essid}",
|
||||||
|
"format-wifi": " {signalStrength}%",
|
||||||
|
"format-ethernet": "",
|
||||||
|
"format-linked": "{ifname} (No IP) ",
|
||||||
|
"format-disconnected": "",
|
||||||
|
//"format-alt": "{ifname}: {ipaddr}/{cidr}"
|
||||||
|
},
|
||||||
|
"mpris": {
|
||||||
|
"format": "{player_icon} {dynamic}",
|
||||||
|
"format-paused": "{status_icon} <i>{dynamic}</i>",
|
||||||
|
"player-icons": {
|
||||||
|
"default": "▶",
|
||||||
|
"mpv": "🎵",
|
||||||
|
"spotify": "",
|
||||||
|
"firefox": "",
|
||||||
},
|
},
|
||||||
"cpu": {
|
"interval": 1,
|
||||||
"format": " {usage}%",
|
"status-icons": {
|
||||||
"tooltip": true
|
"paused": "⏸",
|
||||||
},
|
},
|
||||||
"memory": {
|
"dynamic-len": 36,
|
||||||
"format": "{}% "
|
"on-click-middle": "playerctld shift",
|
||||||
|
},
|
||||||
|
"custom/swaync": {
|
||||||
|
"format": "{icon}",
|
||||||
|
"exec": "swaync-client -swb",
|
||||||
|
"return-type": "json",
|
||||||
|
"on-click": "sleep 0.1 && swaync-client -t -sw",
|
||||||
|
"format-icons": {
|
||||||
|
"notification": "<span foreground='red'><small><sup>⬤</sup></small></span>",
|
||||||
|
"none": " ",
|
||||||
|
"dnd-notification": "<span foreground='red'><small><sup>⬤</sup></small></span>",
|
||||||
|
"dnd-none": " ",
|
||||||
},
|
},
|
||||||
"temperature": {
|
},
|
||||||
// "thermal-zone": 2,
|
"custom/swww": {
|
||||||
// "hwmon-path": "/sys/class/hwmon/hwmon2/temp1_input",
|
"format": "{icon}",
|
||||||
"critical-threshold": 80,
|
"tooltip": false,
|
||||||
// "format-critical": "{temperatureC}°C {icon}",
|
"tooltip-format": "Change Wallpaper",
|
||||||
"format": "{icon} {temperatureC}°C",
|
"on-click": "pywal",
|
||||||
"format-icons": ["", "", ""]
|
"format-icons": {
|
||||||
|
"default": "",
|
||||||
},
|
},
|
||||||
"wireplumber": {
|
},
|
||||||
"format": " {volume}%",
|
|
||||||
"format-mute": " {volume}%"
|
|
||||||
},
|
|
||||||
"network": {
|
|
||||||
// "interface": "wlp2*", // (Optional) To force the use of this interface
|
|
||||||
"tooltip-format": "{essid}",
|
|
||||||
"format-wifi": " {signalStrength}%",
|
|
||||||
"format-ethernet": "",
|
|
||||||
"format-linked": "{ifname} (No IP) ",
|
|
||||||
"format-disconnected": ""
|
|
||||||
//"format-alt": "{ifname}: {ipaddr}/{cidr}"
|
|
||||||
},
|
|
||||||
"custom/spotify": {
|
|
||||||
"format": "{}",
|
|
||||||
"on-click": "playerctl --player=spotify play-pause",
|
|
||||||
"exec": "/usr/bin/python3 $HOME/.config/waybar/modules/mediaplayer.py --player spotify",
|
|
||||||
"return-type": "json",
|
|
||||||
"max-length": 40,
|
|
||||||
"format-icons": {
|
|
||||||
"spotify": " ",
|
|
||||||
"default": "🎜 "
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"custom/swaync": {
|
|
||||||
"format": "{icon}",
|
|
||||||
"exec": "swaync-client -swb",
|
|
||||||
"return-type": "json",
|
|
||||||
"on-click": "sleep 0.1 && swaync-client -t -sw",
|
|
||||||
"format-icons": {
|
|
||||||
"notification": "<span foreground='red'><small><sup>⬤</sup></small></span>",
|
|
||||||
"none": " ",
|
|
||||||
"dnd-notification": "<span foreground='red'><small><sup>⬤</sup></small></span>",
|
|
||||||
"dnd-none": " "
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"custom/swww": {
|
|
||||||
"format": "{icon}",
|
|
||||||
"tooltip": false,
|
|
||||||
"tooltip-format": "Change Wallpaper",
|
|
||||||
"on-click": "bash ~/.config/waybar/modules/switch-wallpaper.sh &",
|
|
||||||
"format-icons": {
|
|
||||||
"default": " "
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
134
waybar/style.css
Executable file → Normal file
134
waybar/style.css
Executable file → Normal file
|
|
@ -1,37 +1,121 @@
|
||||||
* {
|
|
||||||
/* `otf-font-awesome` is required to be installed for icons */
|
|
||||||
font-family: "JetBrains Mono", "Iosevka Nerd Font", FontAwesome, Roboto, Helvetica, Arial, sans-serif;
|
|
||||||
text-shadow: none;
|
|
||||||
transition: color 0.5s ease-in-out;
|
|
||||||
transition: background-color 0.5s ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Color Palette
|
* Color Palette
|
||||||
*/
|
*/
|
||||||
@import url('../../.cache/wal/colors-waybar.css');
|
@import url("../../.cache/wal/colors-waybar.css");
|
||||||
|
|
||||||
|
* {
|
||||||
|
/* `otf-font-awesome` is required to be installed for icons */
|
||||||
|
font-family: "JetBrains Mono", "Iosevka Nerd Font", FontAwesome, Roboto,
|
||||||
|
Helvetica, Arial, sans-serif;
|
||||||
|
text-shadow: none;
|
||||||
|
transition: color 0.5s ease-in-out;
|
||||||
|
transition: background-color 0.5s ease-in-out;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@define-color button @color1;
|
||||||
|
@define-color button-hover @color3;
|
||||||
|
@define-color button-active @color2;
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* General
|
* General
|
||||||
*/
|
*/
|
||||||
@import url('./styles/module-groups.css');
|
@import url("./styles/waybar.css");
|
||||||
@import url('./styles/modules.css');
|
|
||||||
@import url('./styles/waybar.css');
|
/*
|
||||||
|
* Workspaces
|
||||||
|
*/
|
||||||
|
#workspaces {
|
||||||
|
border-radius: 9999px;
|
||||||
|
background: @button;
|
||||||
|
}
|
||||||
|
|
||||||
|
#workspaces button {
|
||||||
|
padding: 0 9px 0 4px;
|
||||||
|
box-shadow: none;
|
||||||
|
border: none;
|
||||||
|
border-radius: 9999px;
|
||||||
|
color: @color7;
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#workspaces button.active {
|
||||||
|
color: @button-active;
|
||||||
|
}
|
||||||
|
|
||||||
|
#workspaces button:hover {
|
||||||
|
background: transparent;
|
||||||
|
color: @button-hover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#workspaces button.focused {
|
||||||
|
color: @button-active;
|
||||||
|
}
|
||||||
|
|
||||||
|
#workspaces button.urgent {
|
||||||
|
color: #bf616a;
|
||||||
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Modules
|
* Modules
|
||||||
*/
|
*/
|
||||||
@import url('./styles/modules/clock.css');
|
#cpu,
|
||||||
@import url('./styles/modules/cpu.css');
|
#memory,
|
||||||
@import url('./styles/modules/idle.css');
|
#network,
|
||||||
@import url('./styles/modules/memory.css');
|
#temperature {
|
||||||
@import url('./styles/modules/network.css');
|
color: @color7;
|
||||||
@import url('./styles/modules/spotify.css');
|
}
|
||||||
@import url('./styles/modules/swaync.css');
|
|
||||||
@import url('./styles/modules/swww.css');
|
|
||||||
@import url('./styles/modules/temperature.css');
|
|
||||||
@import url('./styles/modules/tray.css');
|
|
||||||
@import url('./styles/modules/window.css');
|
|
||||||
@import url('./styles/modules/wireplumber.css');
|
|
||||||
@import url('./styles/modules/workspaces.css');
|
|
||||||
|
|
||||||
|
#clock,
|
||||||
|
#idle_inhibitor,
|
||||||
|
#mpris,
|
||||||
|
#custom-swaync,
|
||||||
|
#wireplumber,
|
||||||
|
#custom-swww,
|
||||||
|
#custom-os {
|
||||||
|
background: @button;
|
||||||
|
}
|
||||||
|
|
||||||
|
#clock:hover,
|
||||||
|
#idle_inhibitor:hover,
|
||||||
|
#mpris:hover,
|
||||||
|
#custom-swaync:hover,
|
||||||
|
#wireplumber:hover,
|
||||||
|
#custom-swww:hover,
|
||||||
|
#custom-os:hover {
|
||||||
|
background: @button-hover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#idle_inhibitor.activated {
|
||||||
|
background-color: @button-active;
|
||||||
|
}
|
||||||
|
|
||||||
|
#idle_inhibitor {
|
||||||
|
padding: 0 16px 0 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mpris.spotify {
|
||||||
|
background-color: #1db954;
|
||||||
|
}
|
||||||
|
|
||||||
|
#network.disconnected {
|
||||||
|
color: #f53c3c;
|
||||||
|
}
|
||||||
|
|
||||||
|
#temperature.critical {
|
||||||
|
color: #bf616a;
|
||||||
|
}
|
||||||
|
|
||||||
|
#wireplumber.muted {
|
||||||
|
color: #f53c3c;
|
||||||
|
}
|
||||||
|
|
||||||
|
#custom-swww {
|
||||||
|
padding: 0 16px 0 8px;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#custom-os {
|
||||||
|
padding: 0 12px 0 6px;
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
|
|
||||||
41
waybar/styles/waybar.css
Executable file → Normal file
41
waybar/styles/waybar.css
Executable file → Normal file
|
|
@ -1,10 +1,12 @@
|
||||||
window#waybar {
|
window#waybar {
|
||||||
background: linear-gradient(90deg, mix(@color0, transparent, 0.5), mix(@color1, transparent, 0.5), mix(@color0, transparent, 0.5));
|
background: @background;
|
||||||
animation: fadeIn 2.5s;
|
animation: fadeIn 2.5s;
|
||||||
|
padding: 2px 0 2px 0;
|
||||||
|
border-radius: 0 0 20px 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
text-shadow: none;
|
text-shadow: 2px 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
window#waybar.hidden {
|
window#waybar.hidden {
|
||||||
|
|
@ -12,7 +14,38 @@ window#waybar.hidden {
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes fadeIn {
|
@keyframes fadeIn {
|
||||||
0% { opacity: 0; }
|
0% {
|
||||||
100% { opacity: 1; }
|
opacity: 0;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.module {
|
||||||
|
border-radius: 9999px;
|
||||||
|
margin: 8px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
label.module {
|
||||||
|
padding: 0 10px;
|
||||||
|
/* box-shadow: inset 0 -2px; */
|
||||||
|
}
|
||||||
|
|
||||||
|
box.module {
|
||||||
|
padding: 0 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modules-left {
|
||||||
|
padding: 0 3px;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modules-center {
|
||||||
|
padding: 0 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modules-right {
|
||||||
|
padding: 0 3px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue