waybar initial catpuccin
This commit is contained in:
Kulvir Singh
120
.config/waybar/config.jsonc
Normal file
120
.config/waybar/config.jsonc
Normal file
@@ -0,0 +1,120 @@
|
|||||||
|
{
|
||||||
|
"layer": "top",
|
||||||
|
"position": "top",
|
||||||
|
"height": 26,
|
||||||
|
"spacing": 0,
|
||||||
|
"margin-top": 4,
|
||||||
|
"margin-right": 4,
|
||||||
|
"margin-bottom": 0,
|
||||||
|
"margin-left": 4,
|
||||||
|
"modules-left": [
|
||||||
|
"custom/icon",
|
||||||
|
"hyprland/workspaces",
|
||||||
|
"hyprland/window"
|
||||||
|
],
|
||||||
|
"modules-center": [
|
||||||
|
"clock"
|
||||||
|
],
|
||||||
|
"modules-right": [
|
||||||
|
"tray",
|
||||||
|
"network",
|
||||||
|
"pulseaudio",
|
||||||
|
"memory",
|
||||||
|
"battery"
|
||||||
|
// "custom/lock"
|
||||||
|
],
|
||||||
|
"custom/icon": {
|
||||||
|
"format": "",
|
||||||
|
// "on-click": "rofi -show drun",
|
||||||
|
"tooltip": false
|
||||||
|
},
|
||||||
|
"hyprland/workspaces": {
|
||||||
|
"on-click": "activate",
|
||||||
|
"format": "{icon}",
|
||||||
|
"format-icons": {
|
||||||
|
"urgent": "",
|
||||||
|
"active": "",
|
||||||
|
"default": ""
|
||||||
|
},
|
||||||
|
"persistent-workspaces": {
|
||||||
|
"*": 3
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"hyprland/window": {
|
||||||
|
"format": " {class}",
|
||||||
|
"empty_format": "",
|
||||||
|
"rewrite": {
|
||||||
|
"(.*)zen(.*)": " Zen Browser",
|
||||||
|
"(.*)ghostty(.*)": " Neovim"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"clock": {
|
||||||
|
"format": "<b> {:%H:%M %d.%m}</b> ",
|
||||||
|
"tooltip-format": "<tt>{calendar}</tt>"
|
||||||
|
},
|
||||||
|
"tray": {
|
||||||
|
"icon-size": 14,
|
||||||
|
"spacing": 10
|
||||||
|
},
|
||||||
|
"network": {
|
||||||
|
"interval": 30,
|
||||||
|
"format-wifi": " ",
|
||||||
|
"format-ethernet": " Wired",
|
||||||
|
"fomat-disconnected": " Disconnected",
|
||||||
|
"tooltip-format-wifi": "{essid} ({signalStrength}% | {bandwidthDownBits}, {bandwidthUpBits})",
|
||||||
|
"tooltip-format-ethernet": "{ifname} ",
|
||||||
|
"tooltip-format-disconnected": "Disconnected"
|
||||||
|
},
|
||||||
|
"memory": {
|
||||||
|
"interval": 30,
|
||||||
|
"format": " {used:0.1f}G/{total:0.1f}G"
|
||||||
|
},
|
||||||
|
"pulseaudio": {
|
||||||
|
"format": "{icon} {volume}%",
|
||||||
|
"format-muted": " Muted",
|
||||||
|
"scroll-step": 1,
|
||||||
|
// "on-click": "pavucontrol",
|
||||||
|
"format-icons": {
|
||||||
|
"headphone": "",
|
||||||
|
"hands-free": "",
|
||||||
|
"headset": "",
|
||||||
|
"phone": "",
|
||||||
|
"portable": "",
|
||||||
|
"car": "",
|
||||||
|
"default": [
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
""
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"battery": {
|
||||||
|
"states": {
|
||||||
|
"good": 95,
|
||||||
|
"warning": 30,
|
||||||
|
"critical": 20
|
||||||
|
},
|
||||||
|
"format": "{icon} {capacity}%",
|
||||||
|
"format-charging": " {capacity}%",
|
||||||
|
"format-plugged": " {capacity}%",
|
||||||
|
"format-alt": "{time} {icon}",
|
||||||
|
"format-icons": [
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
""
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"custom/lock": {
|
||||||
|
"format": "",
|
||||||
|
"on-click": "wlogout"
|
||||||
|
}
|
||||||
|
}
|
||||||
25
.config/waybar/mocha.css
Normal file
25
.config/waybar/mocha.css
Normal file
@@ -0,0 +1,25 @@
|
|||||||
|
@define-color rosewater #f5e0dc;
|
||||||
|
@define-color fl #f2cdcd;
|
||||||
|
@define-color pink #f5c2e7;
|
||||||
|
@define-color vl #cba6f7;
|
||||||
|
@define-color red #eba0ac;
|
||||||
|
@define-color peach #fab387;
|
||||||
|
@define-color yellow #f9e2af;
|
||||||
|
@define-color green #a6e3a1;
|
||||||
|
@define-color teal #94e2d5;
|
||||||
|
@define-color sky #89dceb;
|
||||||
|
@define-color sapphire #74c7ec;
|
||||||
|
@define-color blue #89b4fa;
|
||||||
|
@define-color lavender #b4befe;
|
||||||
|
@define-color fg #cdd6f4;
|
||||||
|
@define-color subtext1 #bac2de;
|
||||||
|
@define-color subtext0 #a6adc8;
|
||||||
|
@define-color overlay2 #9399b2;
|
||||||
|
@define-color overlay1 #7f849c;
|
||||||
|
@define-color overlay0 #6c7086;
|
||||||
|
@define-color surface2 #585b70;
|
||||||
|
@define-color surface1 #45475a;
|
||||||
|
@define-color surface0 #313244;
|
||||||
|
@define-color bg #1e1e2e;
|
||||||
|
@define-color bg2 #181825;
|
||||||
|
@define-color crust #11111b;
|
||||||
116
.config/waybar/style.css
Normal file
116
.config/waybar/style.css
Normal file
@@ -0,0 +1,116 @@
|
|||||||
|
@import "mocha.css";
|
||||||
|
|
||||||
|
* {
|
||||||
|
font-family: "JetBrainsMono Nerd Font";
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
window#waybar {
|
||||||
|
color: @fg;
|
||||||
|
background-color: @bg2;
|
||||||
|
border-radius: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ------ Custom Modules ------ */
|
||||||
|
#custom-icon {
|
||||||
|
font-size: 18px;
|
||||||
|
color: @blue;
|
||||||
|
padding: 0 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Workspaces */
|
||||||
|
#workspaces {
|
||||||
|
padding: 0px 3px;
|
||||||
|
margin: 5px;
|
||||||
|
font-family: JetBrainsMono Nerd Font;
|
||||||
|
}
|
||||||
|
|
||||||
|
#workspaces button {
|
||||||
|
padding: 0px 2px;
|
||||||
|
color: @peach;
|
||||||
|
background-color: transparent;
|
||||||
|
font-family: JetBrainsMono Nerd Font;
|
||||||
|
}
|
||||||
|
|
||||||
|
#workspaces button.active {
|
||||||
|
color: @fg;
|
||||||
|
}
|
||||||
|
|
||||||
|
#workspaces button.urgent {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ------ Window Title ------ */
|
||||||
|
#window {
|
||||||
|
padding: 2px 8px;
|
||||||
|
color: @fg;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ------ Clock ------ */
|
||||||
|
#clock {
|
||||||
|
padding: 2px 12px;
|
||||||
|
margin: 5px;
|
||||||
|
color: @lavender;
|
||||||
|
background-color: @bg;
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ------ Tray ------ */
|
||||||
|
#tray {
|
||||||
|
padding: 2px 12px;
|
||||||
|
margin: 5px;
|
||||||
|
background-color: @bg;
|
||||||
|
border-radius: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ------ Network ------ */
|
||||||
|
#network {
|
||||||
|
padding: 2px 8px;
|
||||||
|
margin: 4px 2px;
|
||||||
|
color: @text;
|
||||||
|
background-color: @bg;
|
||||||
|
}
|
||||||
|
|
||||||
|
#pulseaudio {
|
||||||
|
padding: 2px 8px;
|
||||||
|
margin: 5px;
|
||||||
|
color: @yellow;
|
||||||
|
background-color: @bg;
|
||||||
|
}
|
||||||
|
|
||||||
|
#pulseaudio.muted {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
|
||||||
|
#memory {
|
||||||
|
padding: 2px 8px;
|
||||||
|
margin: 5px;
|
||||||
|
color: @red;
|
||||||
|
background-color: @bg;
|
||||||
|
border-radius: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ------ Battery ------ */
|
||||||
|
#battery {
|
||||||
|
padding: 2px 8px;
|
||||||
|
margin: 5px;
|
||||||
|
color: @green;
|
||||||
|
background-color: @bg;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* #custom-power { */
|
||||||
|
/* color: @red; */
|
||||||
|
/* background-color: @surface1; */
|
||||||
|
/* padding: 2px 9px; */
|
||||||
|
/* margin: 4px 2px; */
|
||||||
|
/* font-size: 15px; */
|
||||||
|
/* } */
|
||||||
|
|
||||||
|
tooltip {
|
||||||
|
border: 1px solid @blue;
|
||||||
|
background: @bg2;
|
||||||
|
margin: 20px;
|
||||||
|
padding: 15px;
|
||||||
|
border-radius: 14px;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user