mirror of
https://github.com/elkowar/dots-of-war.git
synced 2024-12-25 21:52:23 +00:00
waybar
This commit is contained in:
parent
4ebbb35037
commit
919132f1ae
2 changed files with 351 additions and 26 deletions
|
@ -1,10 +1,11 @@
|
||||||
// -*- mode: jsonc -*-
|
// -*- mode: jsonc -*-
|
||||||
{
|
{
|
||||||
// "layer": "top", // Waybar at top layer
|
// "layer": "top", // Waybar at top layer
|
||||||
// "position": "bottom", // Waybar position (top|bottom|left|right)
|
"position": "top", // Waybar position (top|bottom|left|right)
|
||||||
"height": 24, // Waybar height (to be removed for auto height)
|
//"height": 24, // Waybar height (to be removed for auto height)
|
||||||
// "width": 1280, // Waybar width
|
//"width": 24, // Waybar width
|
||||||
"spacing": 4, // Gaps between modules (4px)
|
"spacing": 6, // Gaps between modules (4px)
|
||||||
|
"reload_style_on_change": true,
|
||||||
// Choose the order of the modules
|
// Choose the order of the modules
|
||||||
"modules-left": [
|
"modules-left": [
|
||||||
"niri/workspaces",
|
"niri/workspaces",
|
||||||
|
@ -19,20 +20,20 @@
|
||||||
"clock#date"
|
"clock#date"
|
||||||
],
|
],
|
||||||
"modules-right": [
|
"modules-right": [
|
||||||
"mpd",
|
//"mpd",
|
||||||
"idle_inhibitor",
|
//"idle_inhibitor",
|
||||||
"privacy",
|
"privacy",
|
||||||
"pulseaudio",
|
//"network",
|
||||||
"network",
|
|
||||||
"power-profiles-daemon",
|
|
||||||
"cpu",
|
"cpu",
|
||||||
"memory",
|
"memory",
|
||||||
"temperature",
|
"temperature",
|
||||||
|
"custom/display-scale",
|
||||||
|
"power-profiles-daemon",
|
||||||
|
"pulseaudio",
|
||||||
"backlight",
|
"backlight",
|
||||||
"keyboard-state",
|
"keyboard-state",
|
||||||
"sway/language",
|
|
||||||
"battery",
|
"battery",
|
||||||
"battery#bat2",
|
//"battery#bat2",
|
||||||
"tray",
|
"tray",
|
||||||
"custom/power"
|
"custom/power"
|
||||||
],
|
],
|
||||||
|
@ -45,8 +46,10 @@
|
||||||
"discord": "",
|
"discord": "",
|
||||||
"chat": "<b></b>",
|
"chat": "<b></b>",
|
||||||
// Icons by state
|
// Icons by state
|
||||||
"active": "",
|
//"focused": "◈",
|
||||||
"default": ""
|
"focused": "◆",
|
||||||
|
"active": "◆",
|
||||||
|
"default": "◆"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"privacy": {
|
"privacy": {
|
||||||
|
@ -262,20 +265,8 @@
|
||||||
},
|
},
|
||||||
"on-click": "pavucontrol"
|
"on-click": "pavucontrol"
|
||||||
},
|
},
|
||||||
"custom/media": {
|
|
||||||
"format": "{icon} {text}",
|
|
||||||
"return-type": "json",
|
|
||||||
"max-length": 40,
|
|
||||||
"format-icons": {
|
|
||||||
"spotify": "",
|
|
||||||
"default": "🎜"
|
|
||||||
},
|
|
||||||
"escape": true,
|
|
||||||
"exec": "$HOME/.config/waybar/mediaplayer.py 2> /dev/null" // Script in resources folder
|
|
||||||
// "exec": "$HOME/.config/waybar/mediaplayer.py --player spotify 2> /dev/null" // Filter player based on name
|
|
||||||
},
|
|
||||||
"custom/power": {
|
"custom/power": {
|
||||||
"format": "⏻ ",
|
"format": "⏻",
|
||||||
"tooltip": false,
|
"tooltip": false,
|
||||||
"menu": "on-click",
|
"menu": "on-click",
|
||||||
"menu-file": "$HOME/.config/waybar/power_menu.xml", // Menu file in resources folder
|
"menu-file": "$HOME/.config/waybar/power_menu.xml", // Menu file in resources folder
|
||||||
|
@ -285,5 +276,11 @@
|
||||||
"suspend": "systemctl suspend",
|
"suspend": "systemctl suspend",
|
||||||
"hibernate": "systemctl hibernate"
|
"hibernate": "systemctl hibernate"
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
"custom/display-scale": {
|
||||||
|
"format": "",
|
||||||
|
"on-click": "niri msg output eDP-1 scale 1.0",
|
||||||
|
"on-click-right": "niri msg output eDP-1 scale 1.25"
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
328
waybar/.config/waybar/style.css
Normal file
328
waybar/.config/waybar/style.css
Normal file
|
@ -0,0 +1,328 @@
|
||||||
|
* {
|
||||||
|
/* `otf-font-awesome` is required to be installed for icons */
|
||||||
|
font-family: Terminus, "Font awesome 6 Free", Helvetica, Arial, sans-serif;
|
||||||
|
/*font-family: FontAwesome, Roboto, Helvetica, Arial, sans-serif;*/
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
window.eDP-1 * { font-size: 10px; }
|
||||||
|
|
||||||
|
window#waybar {
|
||||||
|
background-color: #1d2021;
|
||||||
|
/*border-bottom: 3px solid rgba(100, 114, 125, 0.5);*/
|
||||||
|
color: #ebdbb2;
|
||||||
|
/*transition-property: background-color;*/
|
||||||
|
/*transition-duration: .5s;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
window .modules-right > * > * {
|
||||||
|
background-color: #282828;
|
||||||
|
padding: 0 10px;
|
||||||
|
}
|
||||||
|
window .modules-left, .modules-right, .modules-center {
|
||||||
|
margin: 3px 0;
|
||||||
|
}
|
||||||
|
window.eDP-1 .modules-left, window.eDP-1 .modules-right, window.eDP-1 .modules-center {
|
||||||
|
margin: 0px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
window#waybar.hidden {
|
||||||
|
opacity: 0.2;
|
||||||
|
}
|
||||||
|
|
||||||
|
#workspaces button * {
|
||||||
|
padding: 0px 0px;
|
||||||
|
color: #ebdbb2;
|
||||||
|
font-size: 24px;
|
||||||
|
padding-top: 0px;
|
||||||
|
}
|
||||||
|
#workspaces button.empty * {
|
||||||
|
color: #928374
|
||||||
|
}
|
||||||
|
#workspaces button.active * {
|
||||||
|
color: #8ec07c;
|
||||||
|
}
|
||||||
|
|
||||||
|
#window, #workspaces {
|
||||||
|
/*margin: 0 4px;*/
|
||||||
|
}
|
||||||
|
#workspaces * {
|
||||||
|
color: #ebdbb2;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* If workspaces is the leftmost module, omit left margin */
|
||||||
|
.modules-left > widget:first-child > #workspaces {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modules-right > widget:last-child > * {
|
||||||
|
/*padding-right: 4px;*/
|
||||||
|
margin-right: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#battery.charging, #battery.plugged {
|
||||||
|
color: #b8bb26;
|
||||||
|
/*background-color: #26A65B;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes blink {
|
||||||
|
to {
|
||||||
|
background-color: #ffffff;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Using steps() instead of linear as a timing function to limit cpu usage */
|
||||||
|
#battery.critical:not(.charging) {
|
||||||
|
/*background-color: #f53c3c;*/
|
||||||
|
color: #fb4934;
|
||||||
|
animation-name: blink;
|
||||||
|
animation-duration: 0.5s;
|
||||||
|
animation-timing-function: steps(12);
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-direction: alternate;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy-item {
|
||||||
|
padding: 0 5px;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy-item.screenshare {
|
||||||
|
background-color: #cf5700;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy-item.audio-in {
|
||||||
|
background-color: #1ca000;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy-item.audio-out {
|
||||||
|
background-color: #0069d4;
|
||||||
|
}
|
||||||
|
|
||||||
|
#power-profiles-daemon {
|
||||||
|
min-width: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#power-profiles-daemon.performance {
|
||||||
|
background-color: #3c2525;
|
||||||
|
}
|
||||||
|
|
||||||
|
#power-profiles-daemon.balanced {
|
||||||
|
}
|
||||||
|
|
||||||
|
#power-profiles-daemon.power-saver {
|
||||||
|
background-color: #253125;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*button {*/
|
||||||
|
/*[> Use box-shadow instead of border so the text isn't offset <]*/
|
||||||
|
/*box-shadow: inset 0 -3px transparent;*/
|
||||||
|
/*[> Avoid rounded borders under each button name <]*/
|
||||||
|
/*border: none;*/
|
||||||
|
/*border-radius: 0;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*[> https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect <]*/
|
||||||
|
/*button:hover {*/
|
||||||
|
/*background: inherit;*/
|
||||||
|
/*box-shadow: inset 0 -3px #ffffff;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*[> you can set a style on hover for any module like this <]*/
|
||||||
|
/*#pulseaudio:hover {*/
|
||||||
|
/*background-color: #a37800;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#workspaces button {*/
|
||||||
|
/*padding: 0 5px;*/
|
||||||
|
/*background-color: transparent;*/
|
||||||
|
/*color: #ffffff;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#workspaces button:hover {*/
|
||||||
|
/*background: rgba(0, 0, 0, 0.2);*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#workspaces button.focused {*/
|
||||||
|
/*background-color: #64727D;*/
|
||||||
|
/*box-shadow: inset 0 -3px #ffffff;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#workspaces button.urgent {*/
|
||||||
|
/*background-color: #eb4d4b;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#mode {*/
|
||||||
|
/*background-color: #64727D;*/
|
||||||
|
/*box-shadow: inset 0 -3px #ffffff;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#clock,*/
|
||||||
|
/*#battery,*/
|
||||||
|
/*#cpu,*/
|
||||||
|
/*#memory,*/
|
||||||
|
/*#disk,*/
|
||||||
|
/*#temperature,*/
|
||||||
|
/*#backlight,*/
|
||||||
|
/*#network,*/
|
||||||
|
/*#pulseaudio,*/
|
||||||
|
/*#wireplumber,*/
|
||||||
|
/*#custom-media,*/
|
||||||
|
/*#tray,*/
|
||||||
|
/*#mode,*/
|
||||||
|
/*#idle_inhibitor,*/
|
||||||
|
/*#scratchpad,*/
|
||||||
|
/*#power-profiles-daemon,*/
|
||||||
|
/*#mpd {*/
|
||||||
|
/*padding: 0 5px;*/
|
||||||
|
/*color: #ebdbb2;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*label:focus {*/
|
||||||
|
/*background-color: #000000;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#cpu {*/
|
||||||
|
/*background-color: #2ecc71;*/
|
||||||
|
/*color: #000000;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#memory {*/
|
||||||
|
/*background-color: #9b59b6;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#disk {*/
|
||||||
|
/*background-color: #964B00;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#backlight {*/
|
||||||
|
/*background-color: #90b1b1;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#network {*/
|
||||||
|
/*background-color: #2980b9;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#network.disconnected {*/
|
||||||
|
/*background-color: #f53c3c;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#pulseaudio {*/
|
||||||
|
/*background-color: #f1c40f;*/
|
||||||
|
/*color: #000000;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#pulseaudio.muted {*/
|
||||||
|
/*background-color: #90b1b1;*/
|
||||||
|
/*color: #2a5c45;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#wireplumber {*/
|
||||||
|
/*background-color: #fff0f5;*/
|
||||||
|
/*color: #000000;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#wireplumber.muted {*/
|
||||||
|
/*background-color: #f53c3c;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#custom-media {*/
|
||||||
|
/*background-color: #66cc99;*/
|
||||||
|
/*color: #2a5c45;*/
|
||||||
|
/*min-width: 100px;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#custom-media.custom-spotify {*/
|
||||||
|
/*background-color: #66cc99;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#custom-media.custom-vlc {*/
|
||||||
|
/*background-color: #ffa000;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#temperature {*/
|
||||||
|
/*background-color: #f0932b;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#temperature.critical {*/
|
||||||
|
/*background-color: #eb4d4b;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#tray {*/
|
||||||
|
/*background-color: #2980b9;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#tray > .passive {*/
|
||||||
|
/*-gtk-icon-effect: dim;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#tray > .needs-attention {*/
|
||||||
|
/*-gtk-icon-effect: highlight;*/
|
||||||
|
/*background-color: #eb4d4b;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#idle_inhibitor {*/
|
||||||
|
/*background-color: #2d3436;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#idle_inhibitor.activated {*/
|
||||||
|
/*background-color: #ecf0f1;*/
|
||||||
|
/*color: #2d3436;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#mpd {*/
|
||||||
|
/*background-color: #66cc99;*/
|
||||||
|
/*color: #2a5c45;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#mpd.disconnected {*/
|
||||||
|
/*background-color: #f53c3c;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#mpd.stopped {*/
|
||||||
|
/*background-color: #90b1b1;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#mpd.paused {*/
|
||||||
|
/*background-color: #51a37a;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#language {*/
|
||||||
|
/*background: #00b093;*/
|
||||||
|
/*color: #740864;*/
|
||||||
|
/*padding: 0 5px;*/
|
||||||
|
/*margin: 0 5px;*/
|
||||||
|
/*min-width: 16px;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#keyboard-state {*/
|
||||||
|
/*background: #97e1ad;*/
|
||||||
|
/*color: #000000;*/
|
||||||
|
/*padding: 0 0px;*/
|
||||||
|
/*margin: 0 5px;*/
|
||||||
|
/*min-width: 16px;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#keyboard-state > label {*/
|
||||||
|
/*padding: 0 5px;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#keyboard-state > label.locked {*/
|
||||||
|
/*background: rgba(0, 0, 0, 0.2);*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#scratchpad {*/
|
||||||
|
/*background: rgba(0, 0, 0, 0.2);*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*#scratchpad.empty {*/
|
||||||
|
/*background-color: transparent;*/
|
||||||
|
/*}*/
|
||||||
|
|
Loading…
Reference in a new issue