Add waybar config

This commit is contained in:
Martin Larsson 2024-04-07 02:10:33 +02:00
parent b5cc65fc92
commit 69c304f43f
5 changed files with 301 additions and 0 deletions

95
waybar/config Normal file
View file

@ -0,0 +1,95 @@
// -*- mode: jsonc -*-
{
"layer": "top", // Waybar at top layer
"height": 44, // Waybar height (to be removed for auto height)
"width": 3418, // Waybar width
"spacing": 4, // Gaps between modules (4px)
"modules-left": [
"image#arch",
"hyprland/workspaces"
],
"modules-center": [
"hyprland/window"
],
"modules-right": [
"image#catppuccin",
"clock",
"hyprland/language",
"pulseaudio",
"network",
"cpu",
"memory",
"temperature"
],
"clock": {
"timezone": "CET",
"tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
"format-alt": "{:%Y-%m-%d}"
},
"cpu": {
"interval": 0.5,
"format": "{usage}% ",
"tooltip": false
},
"memory": {
"interval": 0.5,
"format": "{}% "
},
"temperature": {
"interval": 0.5,
"critical-threshold": 80,
"format": "{temperatureC}°C {icon}",
"format-icons": ["", "", ""]
},
"hyprland/workspaces": {
"window-rewrite": {},
},
"hyprland/window": {
"format": "👉 {}",
"rewrite": {
"(.*) — Mozilla Firefox": "🌎",
},
"separate-outputs": true
},
"hyprland/language": {
},
"pulseaudio": {
"format": "{volume}% {icon}",
"format-bluetooth": "{volume}% {icon}",
"format-muted": "",
"format-icons": {
"headphone": "",
"hands-free": "",
"headset": "",
"phone": "",
"portable": "",
"car": "",
"default": ["", ""]
},
"scroll-step": 1,
"on-click": "pavucontrol",
"ignored-sinks": ["Easy Effects Sink"]
},
"network": {
"interface": "wlp2s0",
"format": "arstarst{ifname}",
"format-wifi": "arstarst-wifi{essid} ({signalStrength}%) ",
"format-ethernet": "arstarst-eth{ipaddr}/{cidr} 󰊗",
"tooltip-format": "{ifname} via {gwaddr} 󰊗",
"tooltip-format-wifi": "{essid} ({signalStrength}%) ",
"tooltip-format-ethernet": "{ifname} ",
"tooltip-format-disconnected": "Disconnected",
"max-length": 50
},
"image#arch": {
"path": "/home/walnut-arch/dev/git/.dotfiles/waybar/images/arch-logo.svg",
"size": 26,
"interval": 5,
},
"image#catppuccin": {
"path": "/home/walnut-arch/.config/waybar/images/catppuccin-logo.png",
"size": 28,
"interval": 5,
}
}

View file

@ -0,0 +1 @@
<?xml version="1.0" ?><svg enable-background="new 0 0 515.91 728.5" height="512" id="Layer_1" version="1.1" viewBox="0 0 512.00003 512" width="512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"><defs id="defs7"/><g id="g3824" transform="translate(148.11806,138.35224)"><path d="m -733.62329,72.267944 c 0,203.804876 -165.21649,369.021366 -369.02141,369.021366 -203.8048,0 -369.0213,-165.21649 -369.0213,-369.021366 0,-203.804874 165.2165,-369.021364 369.0213,-369.021364 203.80492,0 369.02141,165.21649 369.02141,369.021364 z" id="path4878" style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="matrix(0.69372682,0,0,0.69372682,872.81612,67.513546)"/><path d="M 107.84949,-98.602257 C 92.493787,-60.954304 83.231987,-36.328024 66.135387,0.20085614 76.617787,11.312106 89.484387,24.251686 110.3795,38.865776 87.915087,29.621786 72.591587,20.341076 61.140187,10.710446 39.259887,56.367046 4.9797874,121.40283 -64.585822,246.39777 c 54.6762094,-31.56545 97.060109,-51.0259 136.559909,-58.45149 -1.696,-7.29506 -2.6605,-15.1861 -2.595,-23.41953 l 0.065,-1.7516 c 0.8677,-35.02952 19.09,-61.96722 40.676113,-60.13821 21.5861,1.82902 38.3647,31.72582 37.4971,66.75537 -0.1631,6.59145 -0.9065,12.93234 -2.2057,18.81346 39.0709,7.64297 81.0017,27.0536 134.93811,58.192 C 269.7144,226.81765 260.2216,209.1676 251.1563,192.3577 236.8771,181.29028 221.983,166.88599 191.602,151.29245 c 20.8822,5.42606 35.8334,11.68629 47.4876,18.68371 C 146.9204,-1.6272139 139.4566,-24.429744 107.84949,-98.602257 z" id="path2518" style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"/></g></svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 104 KiB

37
waybar/macchiato.css Normal file
View file

@ -0,0 +1,37 @@
/*
*
* Catppuccin Macchiato palette
* Maintainer: rubyowo
*
*/
@define-color base #24273a;
@define-color mantle #1e2030;
@define-color crust #181926;
@define-color text #cad3f5;
@define-color subtext0 #a5adcb;
@define-color subtext1 #b8c0e0;
@define-color surface0 #363a4f;
@define-color surface1 #494d64;
@define-color surface2 #5b6078;
@define-color overlay0 #6e738d;
@define-color overlay1 #8087a2;
@define-color overlay2 #939ab7;
@define-color blue #8aadf4;
@define-color lavender #b7bdf8;
@define-color sapphire #7dc4e4;
@define-color sky #91d7e3;
@define-color teal #8bd5ca;
@define-color green #a6da95;
@define-color yellow #eed49f;
@define-color peach #f5a97f;
@define-color maroon #ee99a0;
@define-color red #ed8796;
@define-color mauve #c6a0f6;
@define-color pink #f5bde6;
@define-color flamingo #f0c6c6;
@define-color rosewater #f4dbd6;

168
waybar/style.css Normal file
View file

@ -0,0 +1,168 @@
@import "macchiato.css";
* {
border: none;
border-radius: 8px;
font-family: "JetBrainsMonoNL Nerd Font Mono";
font-weight: bold;
font-size: 14px;
min-height: 14px;
}
window#waybar {
background: transparent;
}
window#waybar > box {
border-radius: 8px;
margin: 0px 8px 8px 8px;
background: rgba(36, 39, 58, 0.82);
border: 2px solid @mantle;
border-radius: 0px 0px 8px 8px;
border-top: none;
box-shadow:
0px 0px 1.6px rgba(0, 0, 0, 0.032),
0px 0px 3.1px rgba(0, 0, 0, 0.16),
0px 0px 4.4px rgba(0, 0, 0, 0.378),
0px 0px 6px rgba(0, 0, 0, 0.52);
}
tooltip {
background: @main-bg;
color: @main-fg;
border-radius: 8px;
border-width: 0px;
}
#workspaces {
padding: 0;
margin: 4px;
margin-left: 0px;
}
#workspaces button {
box-shadow: none;
text-shadow: none;
padding: 0px;
border-radius: 6px;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 2px;
padding-left: 2px;
padding-right: 2px;
margin-right: 2px;
background: @mauve;
color: @crust;
animation: ws_normal 20s ease-in-out 1;
}
#workspaces button.active {
background: @green;
margin-left: 3px;
padding-left: 12px;
padding-right: 12px;
margin-right: 3px;
animation: ws_active 20s ease-in-out 1;
transition: all 0.4s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button:not(.active):hover {
background: @peach;
animation: ws_hover 20s ease-in-out 1;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button {
box-shadow: none;
text-shadow: none;
padding: 0px;
border-radius: 9px;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 0px;
padding-left: 3px;
padding-right: 3px;
margin-right: 0px;
color: @wb-color;
animation: tb_normal 20s ease-in-out 1;
}
#taskbar button.active {
background: @wb-act-bg;
color: @wb-act-color;
margin-left: 3px;
padding-left: 12px;
padding-right: 12px;
margin-right: 3px;
animation: tb_active 20s ease-in-out 1;
transition: all 0.4s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover {
background: @wb-hvr-bg;
color: @wb-hvr-color;
animation: tb_hover 20s ease-in-out 1;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#window,
#clock,
#language,
#pulseaudio,
#network,
#cpu,
#memory,
#temperature,
#custom-l_end,
#custom-r_end,
#custom-sl_end,
#custom-sr_end,
#custom-rl_end,
#custom-rr_end {
color: @crust;
margin: 4px 0px 4px 0px;
padding-left: 8px;
padding-right: 8px;
}
#image.arch {
margin-top: 2px;
margin-left: 8px;
}
#window {
background: @blue;
}
#image.catppuccin {
margin-top: 2px;
}
#clock {
background: @pink;
}
#language {
background: @sapphire;
}
#pulseaudio {
background: @yellow;
}
#network {
background: @maroon;
}
#cpu {
background: @lavender;
}
#memory {
background: @peach;
}
#temperature {
background: @teal;
margin-right: 10px;
}