waybar: Add config for waybar used on sway

This commit is contained in:
Sanchayan Maity 2020-11-13 20:12:33 +05:30
parent bd7283d7f2
commit 5594c8c814
2 changed files with 275 additions and 0 deletions

View file

@ -0,0 +1,121 @@
{
"layer": "top",
"position": "top",
"height": 20,
"modules-left": ["sway/workspaces", "sway/mode"],
"modules-center": ["clock#1"],
"modules-right": ["mpd", "pulseaudio", "network", "cpu", "memory", "backlight", "battery", "disk#root", "idle_inhibitor", "clock#2", "tray"],
"sway/workspaces": {
"disable-scroll": true,
"format": "{name}"
},
"sway/window": {
"max-length": 100
},
"sway/mode": {
"format": "<span style=\"italic\">{}</span>"
},
"mpd": {
"format": "{stateIcon} {consumeIcon}{randomIcon}{repeatIcon}{singleIcon}{artist} - {album} - {title} ({elapsedTime:%M:%S}/{totalTime:%M:%S}) ⸨{songPosition}|{queueLength}⸩ ",
"format-disconnected": "Disconnected ",
"format-stopped": "{consumeIcon}{randomIcon}{repeatIcon}{singleIcon}Stopped ",
"unknown-tag": "N/A",
"interval": 2,
"consume-icons": {
"on": " "
},
"random-icons": {
"off": "<span color=\"#f53c3c\"></span> ",
"on": " "
},
"repeat-icons": {
"on": " "
},
"single-icons": {
"on": "1 "
},
"state-icons": {
"paused": "",
"playing": ""
},
"tooltip-format": "MPD (Connected)",
"tooltip-format-disconnected": "MPD (Disconnected)"
},
"pulseaudio": {
"scroll-step": 2,
"format": "{icon} {volume}%",
"format-bluetooth": "{icon} {volume}%",
"format-muted": "",
"format-icons": {
"headphones": "",
"handsfree": "",
"headset": "",
"phone": "",
"portable": "",
"car": "",
"default": ["", "", ""]
},
"on-click": "pavucontrol"
},
"network": {
"format-wifi": "{essid} ({signalStrength}%) ",
"format-ethernet": "{ifname}: {ipaddr}/{cidr} ",
"format-linked": "{ifname} (No IP) ",
"format-disconnected": "Disconnected ⚠",
"format-alt": "{ifname}: {ipaddr}/{cidr}",
"on-click": "nm-connection-editor"
},
"backlight": {
"format": "{icon} {percent}%",
"on-scroll-up": "brightnessctl set +5%",
"on-scroll-down": "brightnessctl set 5%-",
"format-icons": ["", ""]
},
"cpu": {
"format": " {load}%",
"on-click": "st -e htop"
},
"memory": {
"format": " {}%",
"on-click": "st -e htop"
},
"disk#root": {
"interval": 30,
"format": " {percentage_used}%",
"path": "/",
"tooltip": true
},
"battery": {
"interval": 10,
"states": {
"full": 100,
"not-full": 99,
"warning": 30,
"critical": 15
},
"format": "{icon} {capacity}%",
"format-charging": "{capacity}% ",
"format-plugged": "{capacity}% ",
"format-alt": "{time} {icon}",
"format-icons": ["", "", "", "", ""]
},
"idle_inhibitor": {
"format": "{icon}",
"format-icons": {
"activated": "",
"deactivated": ""
}
},
"clock#1": {
"interval": 1,
"format": "{:%H:%M:%S}"
},
"clock#2": {
"interval": 1,
"tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
"format": "{:%Y-%m-%d}"
},
"tray": {
"spacing": 10
},
}

View file

@ -0,0 +1,154 @@
/* Colors */
@define-color red_color #cc241d;
@define-color red2_color #fb4934;
@define-color green_color #98971a;
@define-color green2_color #d8bb26;
@define-color yellow_color #d79921;
@define-color yellow2_color #fabd2f;
@define-color blue_color #458588;
@define-color blue2_color #83a598;
@define-color purple_color #b16286;
@define-color purple2_color #d3869b;
@define-color aqua_color #689d6a;
@define-color aqua2_color #8ec07c;
@define-color gray_color #a89984;
@define-color gray2_color #928374;
@define-color orange_color #d65d0e;
@define-color orange2_color #fe8019;
@define-color bg0_color #282828;
@define-color bg1_color #3c3836;
@define-color bg2_color #504945;
@define-color bg3_color #665c54;
@define-color bg4_color #7c6f64;
@define-color bg0_h_color #1d2021;
@define-color fg_color #ebdbb2;
@keyframes blink {
to {
color: #4c566a;
background-color: @fg_color;
}
}
* {
color: @fg_color;
border: 0;
border-radius: 0;
padding: 0 0;
font-family: JetBrains Mono;
font-size: 20px;
font-weight: bold;
margin-right: 2px;
margin-left: 2px;
min-height: 0;
min-width: 12px;
}
window#waybar {
background: transparent;
}
#workspaces button {
padding: 0 0px;
border-bottom: 2px;
color: @fg_color;
border-color: transparent;
border-style: solid;
}
#workspaces button.focused {
border-color: @blue_color;
border-style: solid;
}
#mode {
color: @yellow_color;
}
#clock.1, #clock.2, #battery, #cpu, #memory, #backlight, #network, #pulseaudio, #mode, #custom-redshift, #disk {
padding: 0 5px;
border-bottom: 2px;
border-style: solid;
}
#clock.1 {
font-weight: bold;
border-color: transparent;
border-style: solid;
}
#clock.2 {
font-weight: bold;
border-color: transparent;
border-style: solid;
}
#backlight {
color: @yellow_color;
}
#custom-redshift {
color: @orange_color;
}
#custom-redshift.disabled {
color: @blue_color;
}
#battery {
color: @purple_color;
}
#battery.full {
color: @green_color;
}
#battery.charging {
color: @green2_color;
}
#battery.critical:not(.charging) {
color: @orange2_color;
}
#battery.critical:not(.charging) {
color: @red2_color;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#cpu {
color: @green_color ;
}
#memory {
color: @green_color;
}
#network {
color: @aqua2_color;
}
#network.disconnected {
color: @orange2_color;
}
#pulseaudio {
color: @purple2_color;
}
#pulseaudio.muted {
color: @bg0_color;
}
#disk {
color: @gray_color
}
#tray {
}