Skip to content
JaKooLit edited this page Sep 26, 2024 · 3 revisions

This will be a collection of How to which is mostly posted on the DISCORD SERVER

In addition to TIPS, this will be more for "targetted"

Waybar Costumization

huge thanks to @dwilliams62 for posting this to Discord

1.) The waybar config files are located in ~/.config/waybar

There are several directories and two files config and style.css that are linked to the config files themselves Do not edit theses files.

The files that start with Modules... Are the available widgets you can use on the waybar. I.e. clock, workspace numbers, etc ...

Using your favorite filemanager, go to the configs directory. Make a duplicate of the config file you want to modify. I am going to modify the default laptop v3.

2.) Here I have copied two different ones. I renamed them to start with a number so when I switch the waybar theme they will be at the top of the list

3.) Using an editor I edit the config file. This config file has three major sections modules-left, modules-center, and modules-right Starting with the left I removed some widgets I didn't want like weather, light_dark switcher. I deleted the line.

4.) So now it looks like this:

5.) I do something similar on the center one. It had kanji characters for the days of the week. I removed the word "kanji" from that workspaces line. Leaving the # so I will get numbers instead.

  1. After
  1. For the right side I removed some, but also change the audio controls from a "group" which will open when you hover over it, to just the controls When I hover over that I can immediately use the scroll wheel to change volume. I also added two launchers, one for terminal, one for file manager. Just to show you that you can add widgets that are defined in the Modules files
    Before:
  1. After, I removed the network monitor and keyboard widgets as well.
  1. I then went to the Styles directory and made a copy of the style I wanted for my waybar. The system I am using has a 4K display. So the waybar is very small. I edited the CSS file to increase the font size. By increasing the font percentage.
  1. I changed it from 97% to 104% Save the file and exit and then
  1. Change the waybar theme to you modified file SUPER + ALT + B
  1. Change the style to you modified version SUPER + CTRL + B
  1. Waybar before
  1. Waybar after

Installation

FAQ & TIPS

Keybinds

Known Issues & Notes to remember

Changelogs & Release Notes

Other Distros

Gallery & Youtube Videos

HOW TO's (Costumization on KooL's Dots)

Clone this wiki locally