update waybar to catppuccin macchiato
This commit is contained in:
26
catppuccin-macchiato/colors.css
Normal file
26
catppuccin-macchiato/colors.css
Normal file
@@ -0,0 +1,26 @@
|
||||
@define-color rosewater #F4DBD6;
|
||||
@define-color flamingo #F0C6C6;
|
||||
@define-color pink #F5BDE6;
|
||||
@define-color mauve #C6A0F6;
|
||||
@define-color red #ED8796;
|
||||
@define-color maroon #EE99A0;
|
||||
@define-color peach #F5A97F;
|
||||
@define-color yellow #EED49F;
|
||||
@define-color green #A6DA95;
|
||||
@define-color teal #8BD5CA;
|
||||
@define-color sky #91D7E3;
|
||||
@define-color sapphire #7DC4E4;
|
||||
@define-color blue #8AADF4;
|
||||
@define-color lavender #B7BDF8;
|
||||
@define-color text #CAD3F5;
|
||||
@define-color subtext1 #A5ADCB;
|
||||
@define-color subtext0 #A5ADCB;
|
||||
@define-color overlay2 #939AB7;
|
||||
@define-color overlay1 #8087A2;
|
||||
@define-color overlay0 #6E738D;
|
||||
@define-color surface2 #5B6078;
|
||||
@define-color surface1 #494D64;
|
||||
@define-color surface0 #363A4F;
|
||||
@define-color base #24273A;
|
||||
@define-color mantle #1E2030;
|
||||
@define-color crust #181926;
|
||||
270
catppuccin-macchiato/config.jsonc
Normal file
270
catppuccin-macchiato/config.jsonc
Normal file
@@ -0,0 +1,270 @@
|
||||
{
|
||||
"layer": "top",
|
||||
"position": "top",
|
||||
"height": 40,
|
||||
"width": 2550,
|
||||
"spacing": 1,
|
||||
"reload_style_on_change": true,
|
||||
"margin": "10 5 0 5",
|
||||
"modules-left": [
|
||||
"custom/launcher",
|
||||
"hyprland/workspaces",
|
||||
"tray",
|
||||
"hyprland/mode",
|
||||
"custom/mpv-scroll",
|
||||
"custom/firefox",
|
||||
],
|
||||
"modules-center": ["hyprland/window"],
|
||||
"modules-right": [
|
||||
"hyprland/scratchpad",
|
||||
"idle_inhibitor",
|
||||
"custom/updates",
|
||||
"custom/kernel",
|
||||
// "disk#ssd",
|
||||
// "temperature",
|
||||
"cpu",
|
||||
"memory",
|
||||
"bluetooth",
|
||||
"network",
|
||||
"pulseaudio",
|
||||
"clock",
|
||||
"custom/weather",
|
||||
],
|
||||
|
||||
"hyprland/workspaces": {
|
||||
"disable-scroll": false,
|
||||
"all-outputs": true,
|
||||
"warp-on-scroll": false,
|
||||
"format": "{icon}",
|
||||
"format-icons": {
|
||||
// "1": "",
|
||||
// "2": "",
|
||||
// "3": "",
|
||||
// "4": "",
|
||||
// "5": "",
|
||||
"urgent": "",
|
||||
// "focused": "",
|
||||
// "default": ""
|
||||
},
|
||||
},
|
||||
"bluetooth": {
|
||||
"format-on": "bt ",
|
||||
"format-off": "bt ({status}) ",
|
||||
"format-connected": "{device_alias} ",
|
||||
"format-connected-battery": "{device_alias} [{device_battery_percentage}%] ",
|
||||
"format-device-preference": ["ugreen_1", "ugreen_2"],
|
||||
"tooltip-format": "{controller_alias}\t{controller_address}\n\n{num_connections} connected",
|
||||
"tooltip-format-connected": "{controller_alias}\t{controller_address}\n\n{num_connections} connected\n\n{device_enumerate}",
|
||||
"tooltip-format-enumerate-connected": "{device_alias}\t{device_address}",
|
||||
"tooltip-format-enumerate-connected-battery": "{device_alias}\t{device_address}\t{device_battery_percentage}%",
|
||||
"on-click": "blueman-manager",
|
||||
},
|
||||
"hyprland/mode": {
|
||||
"format": "<span style=\"italic\">{}</span>",
|
||||
},
|
||||
"hyprland/scratchpad": {
|
||||
"format": "{icon} {count}",
|
||||
"show-empty": false,
|
||||
"format-icons": ["", ""],
|
||||
"tooltip": true,
|
||||
"tooltip-format": "{app}: {title}",
|
||||
},
|
||||
"idle_inhibitor": {
|
||||
"format": "{icon}",
|
||||
"format-icons": {
|
||||
"activated": "",
|
||||
"deactivated": "",
|
||||
},
|
||||
},
|
||||
"tray": {
|
||||
"icon-size": 14,
|
||||
"spacing": 10,
|
||||
},
|
||||
"clock": {
|
||||
"interval": 60,
|
||||
"timezone": "America/Los_Angeles",
|
||||
"format": "{:%F %R }",
|
||||
"tooltip-format": "<tt><small>{calendar}</small></tt>",
|
||||
"calendar": {
|
||||
"mode": "year",
|
||||
"mode-mon-col": 3,
|
||||
"weeks-pos": "right",
|
||||
"on-scroll": 1,
|
||||
"on-click-right": "mode",
|
||||
"format": {
|
||||
"months": "<span color='#cba6f7'><b>{}</b></span>",
|
||||
"days": "<span color='#cdd6f4'><b>{}</b></span>",
|
||||
"weeks": "<span color='#94e2d5'>W{}</span>",
|
||||
"weekdays": "<span color='#f9e2af'><b>{}</b></span>",
|
||||
"today": "<span color='#f5e0dc'><b><u>{}</u></b></span>",
|
||||
},
|
||||
},
|
||||
"actions": {
|
||||
"on-click-right": "mode",
|
||||
"on-click-forward": "tz_up",
|
||||
"on-click-backward": "tz_down",
|
||||
"on-scroll-up": "shift_up",
|
||||
"on-scroll-down": "shift_down",
|
||||
},
|
||||
},
|
||||
"cpu": {
|
||||
"interval": 3,
|
||||
"format": "{usage}% ",
|
||||
"on-click": "ghostty --initial-command=btop",
|
||||
},
|
||||
"memory": {
|
||||
"interval": 3,
|
||||
"format": "{}% ",
|
||||
"on-click": "ghostty --initial-command=btop",
|
||||
"tooltip-format": "Used: {used:0.1f}G/{total:0.1f}G. Swap: {swapUsed:0.1f}G/{swapTotal:0.1f}G",
|
||||
"states": {
|
||||
"critical": 80,
|
||||
},
|
||||
},
|
||||
"temperature": {
|
||||
"interval": 3,
|
||||
"hwmon-path": "/sys/class/hwmon/hwmon1/temp1_input",
|
||||
"critical-threshold": 90,
|
||||
"format-critical": "{temperatureC}°C {icon}",
|
||||
"format": "{temperatureC}°C {icon}",
|
||||
"format-icons": ["", "", ""],
|
||||
},
|
||||
"disk#ssd": {
|
||||
"interval": 60,
|
||||
"format": "{path} {free} ",
|
||||
"path": "/",
|
||||
"tooltip": true,
|
||||
"warning": 80,
|
||||
"critical": 90,
|
||||
},
|
||||
"network": {
|
||||
"interval": 60,
|
||||
"interface-ethernet": "enp1s*",
|
||||
"interface-wifi": "wlan0",
|
||||
"format-ethernet": "eth ",
|
||||
"format-wifi": "{essid} ({signalStrength}%) ",
|
||||
"tooltip-format-ethernet": "{ifname}: {ipaddr}/{cidr} ",
|
||||
"tooltip-format-wifi": "{ifname}: {ipaddr}/{cidr} ",
|
||||
"format-linked": "(No IP) ",
|
||||
"format-disconnected": "Disconnected ⚠",
|
||||
},
|
||||
"custom/weather": {
|
||||
"interval": 600,
|
||||
"exec": "~/.config/waybar/scripts/wttr.sh Los_Angeles",
|
||||
"return-type": "json",
|
||||
"format": "{}",
|
||||
"tooltip": true,
|
||||
},
|
||||
"custom/kernel": {
|
||||
"exec": "uname -r | sed -E 's/^([0-9]+\\.[0-9]+\\.[0-9]+)-.*-([a-zA-Z0-9]+)/\\1-\\2/'",
|
||||
"format": "{} ",
|
||||
},
|
||||
"pulseaudio": {
|
||||
"scroll-step": 2,
|
||||
"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": "",
|
||||
},
|
||||
"on-click": "pavucontrol",
|
||||
},
|
||||
"custom/pipewire": {
|
||||
"tooltip": false,
|
||||
"max-length": 6,
|
||||
"exec": "$HOME/.config/waybar/scripts/pipewire.sh",
|
||||
"on-click-right": "qpwgraph",
|
||||
"scroll-step": 2,
|
||||
"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": "",
|
||||
},
|
||||
"on-click": "pavucontrol",
|
||||
},
|
||||
"hyprland/workspaces": {
|
||||
"format": "{icon}",
|
||||
"format-icons": {
|
||||
"1": "一",
|
||||
"2": "二",
|
||||
"3": "三",
|
||||
"4": "四",
|
||||
"5": "五",
|
||||
"6": "六",
|
||||
"7": "七",
|
||||
"8": "八",
|
||||
"9": "九",
|
||||
"10": "十",
|
||||
// "11": "一",
|
||||
// "12": "二",
|
||||
// "13": "三",
|
||||
// "14": "四",
|
||||
// "15": "五",
|
||||
// "16": "六",
|
||||
// "17": "七",
|
||||
// "18": "八",
|
||||
// "19": "九",
|
||||
// "20": "十",
|
||||
},
|
||||
"persistent-workspaces": {
|
||||
// "*": 10,
|
||||
"*": 5,
|
||||
},
|
||||
"sort-by": "number",
|
||||
"all-outputs": false,
|
||||
},
|
||||
"hyprland/window": {
|
||||
"max-length": 88,
|
||||
},
|
||||
"custom/updates": {
|
||||
"format": "{} {icon}",
|
||||
"return-type": "json",
|
||||
"format-icons": {
|
||||
"has-updates": "",
|
||||
"updated": "",
|
||||
},
|
||||
"exec-if": "which waybar-module-pacman-updates",
|
||||
"exec": "waybar-module-pacman-updates --no-zero-output --tooltip-align-columns",
|
||||
},
|
||||
"custom/launcher": {
|
||||
"format": "{icon}",
|
||||
"format-icons": [" "],
|
||||
"on-click": "rofi -show drun",
|
||||
"tooltip": false,
|
||||
},
|
||||
"custom/firefox": {
|
||||
"exec": "$HOME/.config/waybar/scripts/scroll-firefox.sh",
|
||||
"format": "<span color='#E66000'> </span>{}",
|
||||
"max-length": 35,
|
||||
"on-click": "playerctl -p firefox play-pause",
|
||||
"hide-empty-text": true,
|
||||
},
|
||||
"custom/mpv-scroll": {
|
||||
"escape": "true",
|
||||
"exec": "$HOME/.config/waybar/scripts/scroll-mpd.sh",
|
||||
"format": "{}",
|
||||
"max-length": 35,
|
||||
"on-click": "mpc toggle",
|
||||
"on-click-right": "ghostty --initial-command=ncmpcpp",
|
||||
"on-scroll-down": "mpc volume -5",
|
||||
"on-scroll-up": "mpc volume +5",
|
||||
"hide-empty-text": true,
|
||||
},
|
||||
}
|
||||
267
catppuccin-macchiato/style.css
Normal file
267
catppuccin-macchiato/style.css
Normal file
@@ -0,0 +1,267 @@
|
||||
@import url("./colors.css");
|
||||
|
||||
* {
|
||||
border: none;
|
||||
font-family:
|
||||
JetBrainsMono Nerd Font,
|
||||
Font Awesome;
|
||||
font-size: 13px;
|
||||
min-height: 0;
|
||||
border-radius: 0.69em;
|
||||
}
|
||||
|
||||
window#waybar {
|
||||
background-color: @mantle;
|
||||
color: @text;
|
||||
/* border-radius: 0.69em; */
|
||||
}
|
||||
|
||||
window#waybar.hidden {
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
tooltip {
|
||||
background-color: @base;
|
||||
border: 1px solid @subtext0;
|
||||
}
|
||||
|
||||
tooltip label {
|
||||
color: @text;
|
||||
}
|
||||
|
||||
button {
|
||||
box-shadow: inset 0 -3px transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background: inherit;
|
||||
box-shadow: inset 0 -3px @text;
|
||||
}
|
||||
|
||||
#workspaces {
|
||||
background-color: transparent;
|
||||
margin: 0 5px 0 0;
|
||||
}
|
||||
|
||||
#workspaces button {
|
||||
border-radius: 0;
|
||||
margin: 5px 0;
|
||||
padding: 0.24em;
|
||||
color: @mauve;
|
||||
}
|
||||
|
||||
#workspaces button:hover {
|
||||
text-shadow: inherit;
|
||||
background-image: linear-gradient(0deg, @surface1, @mantle);
|
||||
margin: 5px 0;
|
||||
background-color: @overlay3;
|
||||
box-shadow: inset 0 -3px @green;
|
||||
}
|
||||
|
||||
#workspaces button.focused {
|
||||
background-image: linear-gradient(0deg, @mauve, @surface1);
|
||||
/* box-shadow: inset 0 -3px @text; */
|
||||
margin: 5px 0;
|
||||
/* box-shadow: inset 0 -3px @mauve; */
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 -3px @mauve;
|
||||
}
|
||||
|
||||
#workspaces button.empty {
|
||||
color: @subtext0;
|
||||
}
|
||||
|
||||
#workspaces button.active {
|
||||
color: @green;
|
||||
}
|
||||
|
||||
#workspaces button.urgent {
|
||||
background-image: linear-gradient(0deg, @red, @mantle);
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
#taskbar button.active {
|
||||
background-image: linear-gradient(0deg, @surface1, @mantle);
|
||||
}
|
||||
|
||||
#mode {
|
||||
background-color: @base;
|
||||
box-shadow: inset 0 -2px @text;
|
||||
}
|
||||
|
||||
#custom-weather,
|
||||
#clock,
|
||||
#language,
|
||||
#pulseaudio,
|
||||
#bluetooth,
|
||||
#network,
|
||||
#memory,
|
||||
#cpu,
|
||||
#temperature,
|
||||
#disk,
|
||||
#custom-kernel,
|
||||
#idle_inhibitor,
|
||||
#scratchpad,
|
||||
#mode,
|
||||
#tray {
|
||||
padding: 0 10px;
|
||||
margin: 5px 1px;
|
||||
color: @text;
|
||||
}
|
||||
|
||||
.modules-left > widget:first-child > #workspaces {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.modules-right > widget:last-child > #workspaces {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
#custom-weather {
|
||||
background-color: @teal;
|
||||
color: @mantle;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
#custom-kernel {
|
||||
background-color: @rosewater;
|
||||
color: @mantle;
|
||||
}
|
||||
|
||||
#clock {
|
||||
background-color: @green;
|
||||
color: @mantle;
|
||||
}
|
||||
|
||||
@keyframes blink {
|
||||
to {
|
||||
background-color: @mantle;
|
||||
color: @text;
|
||||
}
|
||||
}
|
||||
|
||||
label:focus {
|
||||
background-color: @mantle;
|
||||
}
|
||||
|
||||
#cpu {
|
||||
background-color: @mauve;
|
||||
color: @mantle;
|
||||
min-width: 45px;
|
||||
}
|
||||
|
||||
#memory {
|
||||
background-color: @red;
|
||||
color: @mantle;
|
||||
}
|
||||
|
||||
#disk {
|
||||
background-color: @flamingo;
|
||||
color: @mantle;
|
||||
}
|
||||
|
||||
#network {
|
||||
background-color: @peach;
|
||||
color: @mantle;
|
||||
}
|
||||
|
||||
#network.disconnected {
|
||||
background-color: red;
|
||||
color: @mantle;
|
||||
}
|
||||
|
||||
#bluetooth {
|
||||
background-color: @maroon;
|
||||
color: @mantle;
|
||||
min-width: 40px;
|
||||
}
|
||||
|
||||
#pulseaudio {
|
||||
background-color: @yellow;
|
||||
color: @mantle;
|
||||
}
|
||||
|
||||
#pulseaudio.muted {
|
||||
background-color: red;
|
||||
color: @mantle;
|
||||
}
|
||||
|
||||
#temperature {
|
||||
background-color: @pink;
|
||||
color: @mantle;
|
||||
min-width: 37px;
|
||||
}
|
||||
|
||||
#temperature.critical {
|
||||
background-color: red;
|
||||
color: @mantle;
|
||||
min-width: 37px;
|
||||
}
|
||||
|
||||
#tray {
|
||||
/* background-color: @overlay0; */
|
||||
background-color: @surface1;
|
||||
color: @text;
|
||||
}
|
||||
|
||||
#tray > .passive {
|
||||
-gtk-icon-effect: dim;
|
||||
}
|
||||
|
||||
#tray > .needs-attention {
|
||||
-gtk-icon-effect: highlight;
|
||||
background-color: @mantle;
|
||||
}
|
||||
|
||||
#idle_inhibitor {
|
||||
background-color: @base;
|
||||
color: @text;
|
||||
font-family: Inter;
|
||||
}
|
||||
|
||||
#idle_inhibitor.activated {
|
||||
background-color: @text;
|
||||
color: @base;
|
||||
}
|
||||
|
||||
#scratchpad {
|
||||
background-color: @base;
|
||||
color: @text;
|
||||
}
|
||||
|
||||
#scratchpad.empty {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#custom-launcher {
|
||||
margin: 0 4px;
|
||||
padding: 0 10px;
|
||||
color: #1793d1;
|
||||
}
|
||||
|
||||
#custom-mpv-scroll {
|
||||
color: @base;
|
||||
background-color: @blue;
|
||||
padding: 0 10px;
|
||||
margin: 5px 1px;
|
||||
}
|
||||
#custom-updates {
|
||||
background-color: @yellow;
|
||||
color: @base;
|
||||
padding: 0 10px;
|
||||
margin: 5px 1px;
|
||||
}
|
||||
|
||||
#custom-launcher {
|
||||
color: #1793d1;
|
||||
background-color: inherit;
|
||||
margin: 0 0 0 0.24em;
|
||||
}
|
||||
|
||||
#custom-firefox {
|
||||
color: @base;
|
||||
background-color: @pink;
|
||||
padding: 0 10px;
|
||||
margin: 5px 1px;
|
||||
}
|
||||
Reference in New Issue
Block a user