Update waybar configuration and styling
This commit is contained in:
Sravan Balaji
228
README.org
228
README.org
@@ -37,9 +37,18 @@
|
|||||||
- [[#buttons][Buttons]]
|
- [[#buttons][Buttons]]
|
||||||
- [[#waybar][Waybar]]
|
- [[#waybar][Waybar]]
|
||||||
- [[#start-configuration][Start Configuration]]
|
- [[#start-configuration][Start Configuration]]
|
||||||
- [[#bar-configuration][Bar Configuration]]
|
- [[#bar][Bar]]
|
||||||
|
- [[#configuration-1][Configuration]]
|
||||||
|
- [[#styling][Styling]]
|
||||||
- [[#modules][Modules]]
|
- [[#modules][Modules]]
|
||||||
|
- [[#battery][battery]]
|
||||||
|
- [[#cpu][cpu]]
|
||||||
|
- [[#clock][clock]]
|
||||||
- [[#dwltags][dwl/tags]]
|
- [[#dwltags][dwl/tags]]
|
||||||
|
- [[#disk][disk]]
|
||||||
|
- [[#memory][memory]]
|
||||||
|
- [[#pulseaudio][pulseaudio]]
|
||||||
|
- [[#tray][tray]]
|
||||||
- [[#end-configuration][End Configuration]]
|
- [[#end-configuration][End Configuration]]
|
||||||
- [[#justfile][Justfile]]
|
- [[#justfile][Justfile]]
|
||||||
|
|
||||||
@@ -516,7 +525,9 @@ static const Button buttons[] = {
|
|||||||
{
|
{
|
||||||
#+END_SRC
|
#+END_SRC
|
||||||
|
|
||||||
** Bar Configuration
|
** Bar
|
||||||
|
|
||||||
|
*** Configuration
|
||||||
|
|
||||||
#+BEGIN_SRC jsonc :tangle waybar/config.jsonc
|
#+BEGIN_SRC jsonc :tangle waybar/config.jsonc
|
||||||
"layer": "top", // Waybar at top layer
|
"layer": "top", // Waybar at top layer
|
||||||
@@ -524,30 +535,108 @@ static const Button buttons[] = {
|
|||||||
"position": "top", // Waybar position (top|bottom|left|right)
|
"position": "top", // Waybar position (top|bottom|left|right)
|
||||||
// "height": 25, // Waybar height (to be removed for auto height)
|
// "height": 25, // Waybar height (to be removed for auto height)
|
||||||
// "width": 1280, // Waybar width
|
// "width": 1280, // Waybar width
|
||||||
"spacing": 4, // Gaps between modules (4px)
|
|
||||||
// Choose the order of the modules
|
// Choose the order of the modules
|
||||||
|
"spacing": 4, // Gaps between modules (4px)
|
||||||
|
"mode": "dock",
|
||||||
|
"start_hidden": false,
|
||||||
|
"fixed-center": true,
|
||||||
|
"reload_style_on_change": true,
|
||||||
"modules-left": [
|
"modules-left": [
|
||||||
"dwl/tags",
|
"dwl/tags",
|
||||||
"pulseaudio",
|
|
||||||
"backlight",
|
|
||||||
"mpd"
|
|
||||||
],
|
],
|
||||||
"modules-center": [
|
"modules-center": [
|
||||||
"tray"
|
"tray",
|
||||||
],
|
],
|
||||||
"modules-right": [
|
"modules-right": [
|
||||||
"idle_inhibitor",
|
"pulseaudio",
|
||||||
"network",
|
|
||||||
"cpu",
|
"cpu",
|
||||||
"memory",
|
"memory",
|
||||||
"keyboard-state",
|
"disk",
|
||||||
"battery",
|
"battery",
|
||||||
"clock"
|
"clock"
|
||||||
],
|
],
|
||||||
#+END_SRC
|
#+END_SRC
|
||||||
|
|
||||||
|
*** Styling
|
||||||
|
|
||||||
|
#+BEGIN_SRC css :tangle waybar/style.css
|
||||||
|
window#waybar {
|
||||||
|
background: #282a36;
|
||||||
|
}
|
||||||
|
|
||||||
|
.module {
|
||||||
|
border-radius: 25px;
|
||||||
|
padding: 0px 3px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
#+END_SRC
|
||||||
|
|
||||||
** Modules
|
** Modules
|
||||||
|
|
||||||
|
*** battery
|
||||||
|
|
||||||
|
**** Configuration
|
||||||
|
|
||||||
|
#+BEGIN_SRC jsonc :tangle waybar/config.jsonc
|
||||||
|
"battery": {
|
||||||
|
"interval": 60,
|
||||||
|
"format": "{icon} {capacity}%",
|
||||||
|
"format-icons": ["", "", "", "", "", "", "", "", "", "", ""],
|
||||||
|
"tooltip": true,
|
||||||
|
"tooltip-format": " {timeTo}\n {power} W\n {cycles}\n {health}%",
|
||||||
|
},
|
||||||
|
#+END_SRC
|
||||||
|
|
||||||
|
**** Styling
|
||||||
|
|
||||||
|
#+BEGIN_SRC css :tangle waybar/style.css
|
||||||
|
#battery {
|
||||||
|
background: #50fa7b;
|
||||||
|
color: #282a36;
|
||||||
|
}
|
||||||
|
#+END_SRC
|
||||||
|
|
||||||
|
*** cpu
|
||||||
|
|
||||||
|
**** Configuration
|
||||||
|
|
||||||
|
#+BEGIN_SRC jsonc :tangle waybar/config.jsonc
|
||||||
|
"cpu": {
|
||||||
|
"interval": 5,
|
||||||
|
"format": " {usage}%",
|
||||||
|
"tooltip": true,
|
||||||
|
},
|
||||||
|
#+END_SRC
|
||||||
|
|
||||||
|
**** Styling
|
||||||
|
|
||||||
|
#+BEGIN_SRC css :tangle waybar/style.css
|
||||||
|
#cpu {
|
||||||
|
background: #bd93f9;
|
||||||
|
color: #282a36;
|
||||||
|
}
|
||||||
|
#+END_SRC
|
||||||
|
|
||||||
|
*** clock
|
||||||
|
|
||||||
|
**** Configuration
|
||||||
|
|
||||||
|
#+BEGIN_SRC jsonc :tangle waybar/config.jsonc
|
||||||
|
"clock": {
|
||||||
|
"interval": 60,
|
||||||
|
"format": " {:%H:%M}"
|
||||||
|
},
|
||||||
|
#+END_SRC
|
||||||
|
|
||||||
|
**** Styling
|
||||||
|
|
||||||
|
#+BEGIN_SRC css :tangle waybar/style.css
|
||||||
|
#clock {
|
||||||
|
background: #bd93f9;
|
||||||
|
color: #282a36;
|
||||||
|
}
|
||||||
|
#+END_SRC
|
||||||
|
|
||||||
*** dwl/tags
|
*** dwl/tags
|
||||||
|
|
||||||
**** Configuration
|
**** Configuration
|
||||||
@@ -563,19 +652,126 @@ static const Button buttons[] = {
|
|||||||
**** Styling
|
**** Styling
|
||||||
|
|
||||||
#+BEGIN_SRC css :tangle waybar/style.css
|
#+BEGIN_SRC css :tangle waybar/style.css
|
||||||
|
#tags {
|
||||||
|
color: #f8f8f2;
|
||||||
|
background: #44475a;
|
||||||
|
}
|
||||||
#tags button {
|
#tags button {
|
||||||
padding: 0 5px;
|
margin-left: 3px;
|
||||||
background: transparent;
|
margin-right: 3px;
|
||||||
border-bottom: 3px solid transparent;
|
padding: 0px 3px;
|
||||||
}
|
}
|
||||||
#tags button.occupied {
|
#tags button.occupied {
|
||||||
color: #f1fa8c;
|
background: #f1fa8c;
|
||||||
|
color: #282a36;
|
||||||
}
|
}
|
||||||
#tags button.focused {
|
#tags button.focused {
|
||||||
color: #bd93f9;
|
background: #bd93f9;
|
||||||
|
color: #282a36;
|
||||||
}
|
}
|
||||||
#tags button.urgent {
|
#tags button.urgent {
|
||||||
color: #ff5555;
|
background: #ff5555;
|
||||||
|
color: #282a36;
|
||||||
|
}
|
||||||
|
#+END_SRC
|
||||||
|
|
||||||
|
*** disk
|
||||||
|
|
||||||
|
**** Configuration
|
||||||
|
|
||||||
|
#+BEGIN_SRC jsonc :tangle waybar/config.jsonc
|
||||||
|
"disk": {
|
||||||
|
"interval": 60,
|
||||||
|
"format": " {percentage_used}%",
|
||||||
|
"tooltip": true,
|
||||||
|
"tooltip-format": "Used: {used} ({percentage_used}%)\nFree: {free} ({percentage_free}%)\nTotal: {total}",
|
||||||
|
},
|
||||||
|
#+END_SRC
|
||||||
|
|
||||||
|
**** Styling
|
||||||
|
|
||||||
|
#+BEGIN_SRC css :tangle waybar/style.css
|
||||||
|
#disk {
|
||||||
|
color: #282a36;
|
||||||
|
background: #ff79c6;
|
||||||
|
}
|
||||||
|
#+END_SRC
|
||||||
|
|
||||||
|
*** memory
|
||||||
|
|
||||||
|
**** Configuration
|
||||||
|
|
||||||
|
#+BEGIN_SRC jsonc :tangle waybar/config.jsonc
|
||||||
|
"memory": {
|
||||||
|
"interval": 5,
|
||||||
|
"format": " {percentage}%",
|
||||||
|
"tooltip": true,
|
||||||
|
"tooltip-format": "RAM:\n\tUsed: {used} GiB ({percentage}%)\n\tFree: {avail} GiB\n\tTotal: {total} GiB\nSwap:\n\tUsed: {swapUsed} GiB ({swapPercentage}%)\n\tFree: {swapAvail} GiB\n\tTotal: {swapTotal} GiB",
|
||||||
|
},
|
||||||
|
#+END_SRC
|
||||||
|
|
||||||
|
**** Styling
|
||||||
|
|
||||||
|
#+BEGIN_SRC css :tangle waybar/style.css
|
||||||
|
#memory {
|
||||||
|
color: #282a36;
|
||||||
|
background: #8be9fd;
|
||||||
|
}
|
||||||
|
#+END_SRC
|
||||||
|
|
||||||
|
*** pulseaudio
|
||||||
|
|
||||||
|
**** Configuration
|
||||||
|
|
||||||
|
#+BEGIN_SRC jsonc :tangle waybar/config.jsonc
|
||||||
|
"pulseaudio": {
|
||||||
|
"interval": 5,
|
||||||
|
"format": "{icon} {volume}%",
|
||||||
|
"format-bluetooth": "{icon} {volume}%",
|
||||||
|
"format-muted": " muted",
|
||||||
|
"format-icons": {
|
||||||
|
"hdmi": "",
|
||||||
|
"headset": "",
|
||||||
|
"speaker": "",
|
||||||
|
"headphone": "",
|
||||||
|
"car": "",
|
||||||
|
"hifi": "",
|
||||||
|
"default": "",
|
||||||
|
},
|
||||||
|
"scroll-step": 5,
|
||||||
|
"on-click": "pavucontrol",
|
||||||
|
"tooltip": true,
|
||||||
|
"tooltip-format": "{desc}",
|
||||||
|
},
|
||||||
|
#+END_SRC
|
||||||
|
|
||||||
|
**** Styling
|
||||||
|
|
||||||
|
#+BEGIN_SRC css :tangle waybar/style.css
|
||||||
|
#pulseaudio {
|
||||||
|
color: #282a36;
|
||||||
|
background: #ff5555;
|
||||||
|
}
|
||||||
|
#+END_SRC
|
||||||
|
|
||||||
|
*** tray
|
||||||
|
|
||||||
|
**** Configuration
|
||||||
|
|
||||||
|
#+BEGIN_SRC jsonc :tangle waybar/config.jsonc
|
||||||
|
"tray": {
|
||||||
|
"icon-size": 21,
|
||||||
|
"show-passive-items": true,
|
||||||
|
"spacing": 4,
|
||||||
|
"reverse-direction": false,
|
||||||
|
},
|
||||||
|
#+END_SRC
|
||||||
|
|
||||||
|
**** Styling
|
||||||
|
|
||||||
|
#+BEGIN_SRC css :tangle waybar/style.css
|
||||||
|
#tray {
|
||||||
|
background: #44475a;
|
||||||
}
|
}
|
||||||
#+END_SRC
|
#+END_SRC
|
||||||
|
|
||||||
|
|||||||
@@ -6,31 +6,91 @@
|
|||||||
"position": "top", // Waybar position (top|bottom|left|right)
|
"position": "top", // Waybar position (top|bottom|left|right)
|
||||||
// "height": 25, // Waybar height (to be removed for auto height)
|
// "height": 25, // Waybar height (to be removed for auto height)
|
||||||
// "width": 1280, // Waybar width
|
// "width": 1280, // Waybar width
|
||||||
"spacing": 4, // Gaps between modules (4px)
|
|
||||||
// Choose the order of the modules
|
// Choose the order of the modules
|
||||||
|
"spacing": 4, // Gaps between modules (4px)
|
||||||
|
"mode": "dock",
|
||||||
|
"start_hidden": false,
|
||||||
|
"fixed-center": true,
|
||||||
|
"reload_style_on_change": true,
|
||||||
"modules-left": [
|
"modules-left": [
|
||||||
"dwl/tags",
|
"dwl/tags",
|
||||||
"pulseaudio",
|
|
||||||
"backlight",
|
|
||||||
"mpd"
|
|
||||||
],
|
],
|
||||||
"modules-center": [
|
"modules-center": [
|
||||||
"tray"
|
"tray",
|
||||||
],
|
],
|
||||||
"modules-right": [
|
"modules-right": [
|
||||||
"idle_inhibitor",
|
"pulseaudio",
|
||||||
"network",
|
|
||||||
"cpu",
|
"cpu",
|
||||||
"memory",
|
"memory",
|
||||||
"keyboard-state",
|
"disk",
|
||||||
"battery",
|
"battery",
|
||||||
"clock"
|
"clock"
|
||||||
],
|
],
|
||||||
|
|
||||||
|
"battery": {
|
||||||
|
"interval": 60,
|
||||||
|
"format": "{icon} {capacity}%",
|
||||||
|
"format-icons": ["", "", "", "", "", "", "", "", "", "", ""],
|
||||||
|
"tooltip": true,
|
||||||
|
"tooltip-format": " {timeTo}\n {power} W\n {cycles}\n {health}%",
|
||||||
|
},
|
||||||
|
|
||||||
|
"cpu": {
|
||||||
|
"interval": 5,
|
||||||
|
"format": " {usage}%",
|
||||||
|
"tooltip": true,
|
||||||
|
},
|
||||||
|
|
||||||
|
"clock": {
|
||||||
|
"interval": 60,
|
||||||
|
"format": " {:%H:%M}"
|
||||||
|
},
|
||||||
|
|
||||||
"dwl/tags": {
|
"dwl/tags": {
|
||||||
"num-tags": 9,
|
"num-tags": 9,
|
||||||
"tag-labels": [ " ₁", " ₂", " ₃", " ₄", " ₅", " ₆", " ₇", " ₈", " ₉" ],
|
"tag-labels": [ " ₁", " ₂", " ₃", " ₄", " ₅", " ₆", " ₇", " ₈", " ₉" ],
|
||||||
"disable-click": false
|
"disable-click": false
|
||||||
},
|
},
|
||||||
|
|
||||||
|
"disk": {
|
||||||
|
"interval": 60,
|
||||||
|
"format": " {percentage_used}%",
|
||||||
|
"tooltip": true,
|
||||||
|
"tooltip-format": "Used: {used} ({percentage_used}%)\nFree: {free} ({percentage_free}%)\nTotal: {total}",
|
||||||
|
},
|
||||||
|
|
||||||
|
"memory": {
|
||||||
|
"interval": 5,
|
||||||
|
"format": " {percentage}%",
|
||||||
|
"tooltip": true,
|
||||||
|
"tooltip-format": "RAM:\n\tUsed: {used} GiB ({percentage}%)\n\tFree: {avail} GiB\n\tTotal: {total} GiB\nSwap:\n\tUsed: {swapUsed} GiB ({swapPercentage}%)\n\tFree: {swapAvail} GiB\n\tTotal: {swapTotal} GiB",
|
||||||
|
},
|
||||||
|
|
||||||
|
"pulseaudio": {
|
||||||
|
"interval": 5,
|
||||||
|
"format": "{icon} {volume}%",
|
||||||
|
"format-bluetooth": "{icon} {volume}%",
|
||||||
|
"format-muted": " muted",
|
||||||
|
"format-icons": {
|
||||||
|
"hdmi": "",
|
||||||
|
"headset": "",
|
||||||
|
"speaker": "",
|
||||||
|
"headphone": "",
|
||||||
|
"car": "",
|
||||||
|
"hifi": "",
|
||||||
|
"default": "",
|
||||||
|
},
|
||||||
|
"scroll-step": 5,
|
||||||
|
"on-click": "pavucontrol",
|
||||||
|
"tooltip": true,
|
||||||
|
"tooltip-format": "{desc}",
|
||||||
|
},
|
||||||
|
|
||||||
|
"tray": {
|
||||||
|
"icon-size": 21,
|
||||||
|
"show-passive-items": true,
|
||||||
|
"spacing": 4,
|
||||||
|
"reverse-direction": false,
|
||||||
|
},
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,14 +1,65 @@
|
|||||||
|
window#waybar {
|
||||||
|
background: #282a36;
|
||||||
|
}
|
||||||
|
|
||||||
|
.module {
|
||||||
|
border-radius: 25px;
|
||||||
|
padding: 0px 3px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#battery {
|
||||||
|
background: #50fa7b;
|
||||||
|
color: #282a36;
|
||||||
|
}
|
||||||
|
|
||||||
|
#cpu {
|
||||||
|
background: #bd93f9;
|
||||||
|
color: #282a36;
|
||||||
|
}
|
||||||
|
|
||||||
|
#clock {
|
||||||
|
background: #bd93f9;
|
||||||
|
color: #282a36;
|
||||||
|
}
|
||||||
|
|
||||||
|
#tags {
|
||||||
|
color: #f8f8f2;
|
||||||
|
background: #44475a;
|
||||||
|
}
|
||||||
#tags button {
|
#tags button {
|
||||||
padding: 0 5px;
|
margin-left: 3px;
|
||||||
background: transparent;
|
margin-right: 3px;
|
||||||
border-bottom: 3px solid transparent;
|
padding: 0px 3px;
|
||||||
}
|
}
|
||||||
#tags button.occupied {
|
#tags button.occupied {
|
||||||
color: #f1fa8c;
|
background: #f1fa8c;
|
||||||
|
color: #282a36;
|
||||||
}
|
}
|
||||||
#tags button.focused {
|
#tags button.focused {
|
||||||
color: #bd93f9;
|
background: #bd93f9;
|
||||||
|
color: #282a36;
|
||||||
}
|
}
|
||||||
#tags button.urgent {
|
#tags button.urgent {
|
||||||
color: #ff5555;
|
background: #ff5555;
|
||||||
|
color: #282a36;
|
||||||
|
}
|
||||||
|
|
||||||
|
#disk {
|
||||||
|
color: #282a36;
|
||||||
|
background: #ff79c6;
|
||||||
|
}
|
||||||
|
|
||||||
|
#memory {
|
||||||
|
color: #282a36;
|
||||||
|
background: #8be9fd;
|
||||||
|
}
|
||||||
|
|
||||||
|
#pulseaudio {
|
||||||
|
color: #282a36;
|
||||||
|
background: #ff5555;
|
||||||
|
}
|
||||||
|
|
||||||
|
#tray {
|
||||||
|
background: #44475a;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user