5f5c9897df
* extended troubleshooting and fixed typos * extended troubleshooting and fixed typos * Update docs/content/main/troubleshooting.md Co-authored-by: ElKowar <5300871+elkowar@users.noreply.github.com> * Update docs/content/main/troubleshooting.md Co-authored-by: ElKowar <5300871+elkowar@users.noreply.github.com> * Update docs/content/main/configuration.md Co-authored-by: ElKowar <5300871+elkowar@users.noreply.github.com> Co-authored-by: ElKowar <5300871+elkowar@users.noreply.github.com>
1.3 KiB
+++ title = "Theming with GTK" slug = "How to use GTK-theming in Eww" weight = 2 +++
GTK
Gtk-theming
Eww is styled in GTK CSS.
To make theming even easier, it makes use of scss and then compiles that into CSS for you.
If you don't know any way to style something check out the GTK CSS Overview wiki,
the GTK CSS Properties Overview wiki ,
or check the GTK-Debugger.
If you have NO clue about how to do CSS, check out some online guides or tutorials.
SCSS is very close to CSS so if you know CSS you'll have no problem learning SCSS.
GTK-Debugger
The debugger can be used for a lot of things. Especially if something doesn't work or isn't styled right. to enable it do
GTK_DEBUG=interactive ./eww open main_window
or in fish
env GTK_DEBUG=interactive ./eww open main_window
If a style or something similar doesn't work you can click on the icon in the top left icon to select the thing that isn't being styled or isn't being styled correctly.
Then you can click on the drop down menu in the top right corner and select CSS Nodes, here you will see everything about styling it, CSS Properties and how it's structured.