added waybar

This commit is contained in:
minhtrannhat 2021-09-26 10:51:25 -04:00
parent dea638ac39
commit 43ac150ef0
No known key found for this signature in database
GPG Key ID: 894C6A5801E01CA9
2 changed files with 367 additions and 0 deletions

View 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
}
}}
]

View 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;
}