✨ 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