Pywal integration - nimaaskarian/goje GitHub Wiki

There's a custom css feature in goje that you can use for pywal integration. I personally use the css template below to achieve a minimal, beautiful pywal themed goje webgui.

:root {{
  --bg: {background} !important;
  --fg: {foreground} !important;
  --circle-fg:  {foreground} !important;
  --circle-bg:  {background} !important;
}}

body, * {{
    background-color: var(--bg);
    color: var(--fg);
}}

#settings-overlay {{
  background-color: rgba({background.rgb}, 0.3);
}}
#settings-wrapper {{
  background-color: transparent;
}}
input[type=submit], select {{
  background-color: rgba({foreground.rgb}, 0.2);
}}
input[type=checkbox] {{
  border-color: var(--fg);
}}
input[type=checkbox]:checked {{
  background-color: var(--fg);
}}

save this to your pywal config directory (usually at ~/.config/wal/templates/) under goje.css or something. then pass the argument (or config option) --custom-css ~/.cache/wal/goje.css. you can also send SIGHUP to goje to reload the config file and all the webgui clients (pkill -HUP goje). the custom css file is not cached (unlike other static files) so reloading without clear-cache can refresh it. the 404 page is cached, so first time loading the custom css you need to hard refresh.