Skip to content

Eww (ElKawor Wacky Widget)

Eww is a highly customizable widget system for Wayland/X11. It supports CSS or SCSS for theming. SCSS is recommended since it has more features and flexibility.

Configuration

Add the following line to the configuration:

toml
[[themes]]
target = "colors.css"
links = "~/.config/eww/colors.scss"
cmds = "eww reload"

INFO

You need to generate colors for these theme files to be created.

  • If you're running rong for the first time:
    bash
    rong video -vv path/to/image/or/video
  • Else regenerate colors from current image:
    bash
    rong regen -vv

Apply

Create the Eww style file at ~/.config/eww/eww.scss and import your color variables:

scss
@import "colors.scss";

* {
  all: unset;
}

.widget {
  background-color: $background;
  color: $onBackground;
}