added waybar
This commit is contained in:
minhtrannhat
parent
dea638ac39
commit
43ac150ef0
220
waybar/.config/waybar/config
Normal file
220
waybar/.config/waybar/config
Normal file
@ -0,0 +1,220 @@
|
|||||||
|
// -*- mode: json -*-
|
||||||
|
[
|
||||||
|
{
|
||||||
|
"layer": "bottom",
|
||||||
|
"position": "top",
|
||||||
|
"modules-left": [
|
||||||
|
"custom/menu",
|
||||||
|
"custom/separator",
|
||||||
|
"sway/workspaces",
|
||||||
|
"custom/separator"
|
||||||
|
],
|
||||||
|
"modules-center": [
|
||||||
|
"custom/separator",
|
||||||
|
"clock",
|
||||||
|
"custom/separator",
|
||||||
|
"battery",
|
||||||
|
"custom/separator"
|
||||||
|
],
|
||||||
|
"modules-right": [
|
||||||
|
"tray",
|
||||||
|
"custom/separator",
|
||||||
|
"mpd",
|
||||||
|
"custom/separator",
|
||||||
|
"temperature",
|
||||||
|
"custom/separator",
|
||||||
|
"cpu",
|
||||||
|
"custom/separator",
|
||||||
|
"memory",
|
||||||
|
"custom/separator",
|
||||||
|
"sway/mode",
|
||||||
|
//"custom/separator",
|
||||||
|
//"backlight",
|
||||||
|
"custom/separator",
|
||||||
|
"network",
|
||||||
|
"custom/separator",
|
||||||
|
"pulseaudio",
|
||||||
|
"custom/separator"
|
||||||
|
],
|
||||||
|
"cpu": {
|
||||||
|
"interval": 5,
|
||||||
|
"tooltip": false,
|
||||||
|
"format": " cpu {usage}%", // Icon: microchip
|
||||||
|
"states": {
|
||||||
|
"warning": 70,
|
||||||
|
"critical": 90
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
"mpd": {
|
||||||
|
"format": "{stateIcon} {consumeIcon}{randomIcon}{repeatIcon}{singleIcon}{artist} - {title} ({elapsedTime:%M:%S}) ",
|
||||||
|
"format-disconnected": "Disconnected ",
|
||||||
|
"format-stopped": "{consumeIcon}{randomIcon}{repeatIcon}{singleIcon}Stopped ",
|
||||||
|
"interval": 10,
|
||||||
|
"consume-icons": {
|
||||||
|
"on": " " // Icon shows only when "consume" is on
|
||||||
|
},
|
||||||
|
"random-icons": {
|
||||||
|
"off": "<span color=\"#f53c3c\"></span> ", // Icon grayed out when "random" is off
|
||||||
|
"on": " "},
|
||||||
|
"repeat-icons": {
|
||||||
|
"on": " "
|
||||||
|
},
|
||||||
|
"single-icons": {
|
||||||
|
"on": "1 "
|
||||||
|
},
|
||||||
|
"state-icons": {
|
||||||
|
"paused": "",
|
||||||
|
"playing": ""
|
||||||
|
},
|
||||||
|
"tooltip-format": "MPD (connected)",
|
||||||
|
"tooltip-format-disconnected": "MPD (disconnected)"
|
||||||
|
},
|
||||||
|
|
||||||
|
"memory": {
|
||||||
|
"interval": 5,
|
||||||
|
"format": "memory {}%", // Icon: memory
|
||||||
|
"states": {
|
||||||
|
"warning": 70,
|
||||||
|
"critical": 90
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
"custom/menu": {
|
||||||
|
"tooltip-format": "Applications",
|
||||||
|
"tooltip": true,
|
||||||
|
"format": "",
|
||||||
|
"on-click": "wofi -p Run -L 10 -w 2 --show drun"
|
||||||
|
},
|
||||||
|
"wlr/taskbar": {
|
||||||
|
"format": "{icon}",
|
||||||
|
"icon-size": 16,
|
||||||
|
"icon-theme": "Numix-Circle",
|
||||||
|
"tooltip-format": "{title}",
|
||||||
|
"on-click": "activate",
|
||||||
|
"on-click-middle": "close"
|
||||||
|
},
|
||||||
|
"bluetooth": {
|
||||||
|
"format": "{icon}",
|
||||||
|
"interval": 30,
|
||||||
|
"format-icons": {
|
||||||
|
"enabled": " [X]",
|
||||||
|
"disabled": " [ ]"
|
||||||
|
},
|
||||||
|
"tooltip-format": "{}",
|
||||||
|
"on-click": "blueberry"
|
||||||
|
},
|
||||||
|
"temperature": {
|
||||||
|
"critical-threshold": 90,
|
||||||
|
"interval": 5,
|
||||||
|
//"format": "{icon} {temperatureC}°C",
|
||||||
|
"format": "{icon} {temperatureC}°",
|
||||||
|
"format-icons": [
|
||||||
|
"", // Icon: temperature-empty
|
||||||
|
"", // Icon: temperature-quarter
|
||||||
|
"", // Icon: temperature-half
|
||||||
|
"", // Icon: temperature-three-quarters
|
||||||
|
"" // Icon: temperature-full
|
||||||
|
],
|
||||||
|
"tooltip": false
|
||||||
|
},
|
||||||
|
"network": {
|
||||||
|
"interval": 5,
|
||||||
|
"format-wifi": " {essid} ({signalStrength}%)", // Icon: wifi
|
||||||
|
"format-ethernet": " {ifname}",
|
||||||
|
"format-disconnected": "Disconnected",
|
||||||
|
"tooltip": false
|
||||||
|
},
|
||||||
|
"sway/workspaces": {
|
||||||
|
"disable-scroll": true,
|
||||||
|
"all-outputs": true,
|
||||||
|
"format": "{name}",
|
||||||
|
"persistent_workspaces": {
|
||||||
|
"1": [],
|
||||||
|
"2": [],
|
||||||
|
"3": [],
|
||||||
|
"4": [],
|
||||||
|
"5": [],
|
||||||
|
"6": [],
|
||||||
|
"7": [],
|
||||||
|
"8": [],
|
||||||
|
"9": []
|
||||||
|
},
|
||||||
|
"format-icons": {
|
||||||
|
"urgent": "",
|
||||||
|
"focused": "",
|
||||||
|
"default": ""
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"idle_inhibitor": {
|
||||||
|
"format": "{icon}",
|
||||||
|
"format-icons": {
|
||||||
|
"activated": "",
|
||||||
|
"deactivated": ""
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"sway/mode": {
|
||||||
|
"format": "{}"
|
||||||
|
},
|
||||||
|
"backlight": {
|
||||||
|
"format": "{icon} {percent}%",
|
||||||
|
"format-icons": ["", ""],
|
||||||
|
"on-scroll-up": "brightnessctl set +5%",
|
||||||
|
"on-scroll-down": "brightnessctl set 5%-"
|
||||||
|
},
|
||||||
|
"clock": {
|
||||||
|
"format": "{:%H:%M}",
|
||||||
|
"tooltip-format": "{:%a %d %b %H:%M}",
|
||||||
|
"tooltip": true
|
||||||
|
},
|
||||||
|
"pulseaudio": {
|
||||||
|
"format": "{icon} {volume}%",
|
||||||
|
"format-bluetooth": "{icon} {volume}%",
|
||||||
|
"format-icons": {
|
||||||
|
"headphone": "",
|
||||||
|
"hands-free": "",
|
||||||
|
"headset": "",
|
||||||
|
"phone": "",
|
||||||
|
"portable": "",
|
||||||
|
"car": "",
|
||||||
|
"default": [
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
""
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"on-click": "pavucontrol"
|
||||||
|
},
|
||||||
|
"battery": {
|
||||||
|
"states": {
|
||||||
|
"good": 100,
|
||||||
|
"warning": 30,
|
||||||
|
"critical": 15
|
||||||
|
},
|
||||||
|
"format": "{icon} {capacity}%",
|
||||||
|
"format-icons": [
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
"",
|
||||||
|
""
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"custom/separator": {
|
||||||
|
"format": "",
|
||||||
|
"tooltip": false
|
||||||
|
},
|
||||||
|
"custom/shutdown": {
|
||||||
|
"tooltip-format": "Power menu",
|
||||||
|
"format": "",
|
||||||
|
"on-click": "wlogout -p layer-shell -r 50",
|
||||||
|
},
|
||||||
|
"memory": {
|
||||||
|
"interval": 5,
|
||||||
|
"format": "memory {}%", // Icon: memory
|
||||||
|
"states": {
|
||||||
|
"warning": 70,
|
||||||
|
"critical": 90
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
]
|
||||||
147
waybar/.config/waybar/style.css
Normal file
147
waybar/.config/waybar/style.css
Normal file
@ -0,0 +1,147 @@
|
|||||||
|
/* Polar Night */
|
||||||
|
@define-color nord0 #2e3440;
|
||||||
|
@define-color nord1 #3b4252;
|
||||||
|
@define-color nord2 #434c5e;
|
||||||
|
@define-color nord3 #4c566a;
|
||||||
|
|
||||||
|
/* Snow Storm */
|
||||||
|
@define-color nord4 #d8dee9;
|
||||||
|
@define-color nord5 #e5e9f0;
|
||||||
|
@define-color nord6 #eceff4;
|
||||||
|
|
||||||
|
/* Frost */
|
||||||
|
@define-color nord7 #8fbcbb;
|
||||||
|
@define-color nord8 #88c0d0;
|
||||||
|
@define-color nord9 #81a1c1;
|
||||||
|
@define-color nord10 #5e81ac;
|
||||||
|
|
||||||
|
/* Aurora */
|
||||||
|
@define-color nord11 #bf616a;
|
||||||
|
@define-color nord12 #d08770;
|
||||||
|
@define-color nord13 #ebcb8b;
|
||||||
|
@define-color nord14 #a3be8c;
|
||||||
|
@define-color nord15 #b48ead;
|
||||||
|
|
||||||
|
/* Simple color names */
|
||||||
|
@define-color bgkdark @nord0;
|
||||||
|
@define-color bgkgrey @nord2;
|
||||||
|
@define-color text @nord4;
|
||||||
|
@define-color lightblue @nord7;
|
||||||
|
@define-color darkblue @nord10;
|
||||||
|
@define-color red @nord11;
|
||||||
|
@define-color orange @nord12;
|
||||||
|
@define-color yellow @nord13;
|
||||||
|
@define-color green @nord14;
|
||||||
|
@define-color purple @nord15;
|
||||||
|
|
||||||
|
* {
|
||||||
|
font-size: 16;
|
||||||
|
font-family: "Fira Code Nerd Font Mono", "Font Awesome 5 Free";
|
||||||
|
}
|
||||||
|
|
||||||
|
:hover {
|
||||||
|
border: 1px solid @purple;
|
||||||
|
background: @bgkgrey;
|
||||||
|
}
|
||||||
|
|
||||||
|
window#waybar {
|
||||||
|
color: @lightblue;
|
||||||
|
background: @bgkdark;
|
||||||
|
border: 1px solid @darkblue;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Base styling for modules */
|
||||||
|
#workspaces,
|
||||||
|
#mode,
|
||||||
|
#window,
|
||||||
|
#idle_inhibitor,
|
||||||
|
#bluetooth,
|
||||||
|
#pulseaudio,
|
||||||
|
#clock,
|
||||||
|
#battery,
|
||||||
|
#backlight,
|
||||||
|
#network,
|
||||||
|
#custom-separator,
|
||||||
|
#custom-shutdown,
|
||||||
|
#cpu,
|
||||||
|
#memory,
|
||||||
|
#temperature,
|
||||||
|
#custom-menu,
|
||||||
|
#taskbar,
|
||||||
|
#tray {
|
||||||
|
padding: 2px 7px 2px 7px;
|
||||||
|
margin: 5px 0px 5px 0px;
|
||||||
|
background: @bgkgrey;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#custom-shutdown {
|
||||||
|
color: @bgkgrey;
|
||||||
|
background: @red;
|
||||||
|
}
|
||||||
|
|
||||||
|
#custom-menu {
|
||||||
|
color: @bgkgrey;
|
||||||
|
background: @purple;
|
||||||
|
}
|
||||||
|
|
||||||
|
#custom-separator {
|
||||||
|
opacity: 0;
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#custom-menu {
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
#workspaces {
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#workspaces button {
|
||||||
|
color: @purple;
|
||||||
|
margin: 0;
|
||||||
|
padding: 1px 3px 0px 3px;
|
||||||
|
}
|
||||||
|
#workspaces button.persistent {
|
||||||
|
color: @lightblue;
|
||||||
|
}
|
||||||
|
#workspaces button.focused {
|
||||||
|
border: 1px solid @green;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mode {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
|
||||||
|
#custom-shutdown {
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#battery.warning {
|
||||||
|
color: @yellow;
|
||||||
|
}
|
||||||
|
|
||||||
|
#battery.critical {
|
||||||
|
color: @orange;
|
||||||
|
}
|
||||||
|
|
||||||
|
#taskbar,
|
||||||
|
#tray,
|
||||||
|
#window {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
#taskbar button {
|
||||||
|
color: @lightblue;
|
||||||
|
padding: 5px 3px 1px 3px;
|
||||||
|
}
|
||||||
|
#taskbar button.active {
|
||||||
|
border: 1px solid @green;
|
||||||
|
}
|
||||||
|
#taskbar {
|
||||||
|
border: 1px solid transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
#tray,
|
||||||
|
#window {
|
||||||
|
padding: 5px 0px 5px 0px;
|
||||||
|
}
|
||||||
Loading…
x
Reference in New Issue
Block a user