✨ add waybar config
Signed-off-by: SindreKjelsrud <sindre@kjelsrud.dev>
This commit is contained in:
parent
494431a913
commit
11b1185afc
GPG key ID:
D2BBDF3EDE6BA9A6
2 changed files with 241 additions and 0 deletions
83
.config/waybar/config
Normal file
83
.config/waybar/config
Normal file
|
|
@ -0,0 +1,83 @@
|
||||||
|
{
|
||||||
|
"layer": "top",
|
||||||
|
"position": "top",
|
||||||
|
"height": 40,
|
||||||
|
"spacing": 0,
|
||||||
|
"exclusive": true,
|
||||||
|
"gtk-layer-shell": true,
|
||||||
|
"passthrough": false,
|
||||||
|
"fixed-center": true,
|
||||||
|
"modules-left": ["hyprland/workspaces"],
|
||||||
|
"modules-center": ["custom/spotify"],
|
||||||
|
"modules-right": [
|
||||||
|
"battery",
|
||||||
|
"backlight",
|
||||||
|
"pulseaudio",
|
||||||
|
"clock",
|
||||||
|
"clock#simpleclock",
|
||||||
|
"tray",
|
||||||
|
"custom/power",
|
||||||
|
],
|
||||||
|
"custom/spotify": {
|
||||||
|
"format": " {}",
|
||||||
|
"return-type": "json",
|
||||||
|
"on-click": "playerctl -p spotify play-pause",
|
||||||
|
"on-click-right": "spotifatius toggle-liked",
|
||||||
|
"on-click-middle": "playerctl -p spotify next",
|
||||||
|
"exec": "spotifatius monitor",
|
||||||
|
},
|
||||||
|
"hyprland/workspaces": {
|
||||||
|
"on-click": "activate",
|
||||||
|
"format": "{name}",
|
||||||
|
"all-outputs": true,
|
||||||
|
"disable-scroll": false,
|
||||||
|
"active-only": false,
|
||||||
|
},
|
||||||
|
"backlight": {
|
||||||
|
"device": "amdgpu_b10",
|
||||||
|
"format": "<span color='#d9b172'>{icon}</span> {percent}%",
|
||||||
|
"format-icons": ["", "", "", "", "", "", "", "", ""]
|
||||||
|
},
|
||||||
|
"battery": {
|
||||||
|
"format": "<span color='#a8cd76'>{icon}</span> {capacity}%",
|
||||||
|
//"format-alt": "{time} {icon}",
|
||||||
|
"format-icons": ["", "", "", "", "", "", "", "", "", "", ""],
|
||||||
|
"format-charging": "<span color='#a8cd76'></span> {capacity}%"
|
||||||
|
},
|
||||||
|
"tray": {
|
||||||
|
"show-passive-items": true,
|
||||||
|
"spacing": 10,
|
||||||
|
},
|
||||||
|
"clock#simpleclock": {
|
||||||
|
"tooltip": false,
|
||||||
|
"format": " {:%H:%M}",
|
||||||
|
},
|
||||||
|
"clock": {
|
||||||
|
"format": " {:L%a %d %b}",
|
||||||
|
"tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
|
||||||
|
},
|
||||||
|
"pulseaudio": {
|
||||||
|
"format": "{icon} {volume}%",
|
||||||
|
"format-muted": " muted",
|
||||||
|
"format-icons": {
|
||||||
|
"headphone": "",
|
||||||
|
"hands-free": "",
|
||||||
|
"headset": "",
|
||||||
|
"phone": "",
|
||||||
|
"portable": "",
|
||||||
|
"car": "",
|
||||||
|
"default": ["", "", ""],
|
||||||
|
},
|
||||||
|
"on-click": "pavucontrol",
|
||||||
|
},
|
||||||
|
"custom/sep": {
|
||||||
|
"format": "|",
|
||||||
|
"tooltip": false,
|
||||||
|
},
|
||||||
|
"custom/power": {
|
||||||
|
"tooltip": false,
|
||||||
|
"on-click": "wlogout -p layer-shell &",
|
||||||
|
"format": "⏻ ",
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
158
.config/waybar/style.css
Normal file
158
.config/waybar/style.css
Normal file
|
|
@ -0,0 +1,158 @@
|
||||||
|
* {
|
||||||
|
min-height: 0;
|
||||||
|
font-family: "JetBrainsMono Nerd Font Mono";
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
window#waybar {
|
||||||
|
transition-property: background-color;
|
||||||
|
transition-duration: 0.5s;
|
||||||
|
/* background-color: #1e1e2e; */
|
||||||
|
/* background-color: #181825; */
|
||||||
|
background-color: #11111b;
|
||||||
|
/* background-color: rgba(24, 24, 37, 0.6); */
|
||||||
|
}
|
||||||
|
|
||||||
|
window#waybar.hidden {
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
#workspaces {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
#workspaces button {
|
||||||
|
all: initial;
|
||||||
|
min-width: 0;
|
||||||
|
box-shadow: inset 0 -3px transparent;
|
||||||
|
padding: 2px 10px;
|
||||||
|
min-height: 0;
|
||||||
|
margin: 4px 4px;
|
||||||
|
border-radius: 4px;
|
||||||
|
/* background-color: #181825; */
|
||||||
|
background-color: #1e1e2e;
|
||||||
|
color: #cdd6f4;
|
||||||
|
}
|
||||||
|
|
||||||
|
#workspaces button:hover {
|
||||||
|
box-shadow: inherit;
|
||||||
|
text-shadow: inherit;
|
||||||
|
color: #1e1e2e;
|
||||||
|
background-color: #cdd6f4;
|
||||||
|
}
|
||||||
|
|
||||||
|
#workspaces button.active {
|
||||||
|
color: #1e1e2e;
|
||||||
|
background-color: #89b4fa;
|
||||||
|
}
|
||||||
|
|
||||||
|
#workspaces button.urgent {
|
||||||
|
color: #1e1e2e;
|
||||||
|
background-color: #f38ba8;
|
||||||
|
}
|
||||||
|
|
||||||
|
#clock,
|
||||||
|
#pulseaudio,
|
||||||
|
#battery,
|
||||||
|
#backlight,
|
||||||
|
#custom-logo,
|
||||||
|
#custom-power,
|
||||||
|
#custom-spotify,
|
||||||
|
#cpu,
|
||||||
|
#tray,
|
||||||
|
#memory,
|
||||||
|
#window {
|
||||||
|
min-height: 0;
|
||||||
|
padding: 2px 10px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin: 4px 4px;
|
||||||
|
/* background-color: #181825; */
|
||||||
|
background-color: #1e1e2e;
|
||||||
|
}
|
||||||
|
|
||||||
|
#custom-sep {
|
||||||
|
padding: 0px;
|
||||||
|
color: #585b70;
|
||||||
|
}
|
||||||
|
|
||||||
|
#custom-spotify.playing {
|
||||||
|
color: #a6e3a1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#custom-spotify.liked {
|
||||||
|
color: #cba6f7;
|
||||||
|
}
|
||||||
|
#custom-spotify.added {
|
||||||
|
color: #f9e2af;
|
||||||
|
}
|
||||||
|
|
||||||
|
#custom-spotify.removed {
|
||||||
|
color: #f38ba8;
|
||||||
|
}
|
||||||
|
|
||||||
|
#custom-spotify.paused {
|
||||||
|
color: #9399b2;
|
||||||
|
}
|
||||||
|
|
||||||
|
window#waybar.empty #window {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
#cpu {
|
||||||
|
color: #94e2d5;
|
||||||
|
}
|
||||||
|
|
||||||
|
#memory {
|
||||||
|
color: #cba6f7;
|
||||||
|
}
|
||||||
|
|
||||||
|
#clock {
|
||||||
|
color: #74c7ec;
|
||||||
|
}
|
||||||
|
|
||||||
|
#clock.simpleclock {
|
||||||
|
color: #89b4fa;
|
||||||
|
}
|
||||||
|
|
||||||
|
#backlight {
|
||||||
|
color: #d9b172;
|
||||||
|
}
|
||||||
|
|
||||||
|
#battery {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
#window {
|
||||||
|
color: #a6e3a1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#pulseaudio {
|
||||||
|
color: #b4befe;
|
||||||
|
}
|
||||||
|
|
||||||
|
#pulseaudio.muted {
|
||||||
|
color: #a6adc8;
|
||||||
|
}
|
||||||
|
|
||||||
|
#custom-logo {
|
||||||
|
color: #89b4fa;
|
||||||
|
}
|
||||||
|
|
||||||
|
#custom-power {
|
||||||
|
color: #f38ba8;
|
||||||
|
padding-right: 5px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes blink {
|
||||||
|
to {
|
||||||
|
background-color: #f38ba8;
|
||||||
|
color: #181825;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
tooltip {
|
||||||
|
background-color: #181825;
|
||||||
|
}
|
||||||
|
|
||||||
Loading…
Reference in a new issue