In the silk library how can I override default component styles? or set new default component styles? For example how can I override the Divider color?

Use an

@InitSilk

block and use

ctx.theme.replaceComponentStyle(...)

@David Herman You’re the best! Thanks man

You're welcome! There's also

ctx.theme.modifyComponentStyle

if you want to keep the current style but just tweak it

Oh that’s super nice!

If you look at the source, you'll also see `StyleVariable`s that the widgets depend on, and you can set those directly as well, although that may be a more advanced trick 🙂

Very much appreciate it man. Generally figuring out your framework has been intuitive and fun.

Oh yeah I forgot, one final thing to be aware of is you can change palette values sometimes (although heads up that code is about to change in 0.14.1 so be prepared for a possible compile errors around modifying palettes). Divider depends on the border color, so if you don't mind changing borders across all widgets, that would be:

ctx.theme.palettes.light.border = Colors.DarkGray
ctx.theme.palettes.dark.border = Colors.LightGray

or whatever

awesome!!!

Glad it's been generally intuitive for you! And really glad to hear it's been fun (I think so too!) There's still a lot I need to put down into docs or guides and probably sooner than later at this point. Kobweb is asking a lot (CSS, JS APIs, Compose concepts....) even before you start worrying about Silk and Kobweb-specific questions.

and thanks for the heads up regarding the change coming. 🙂 Not a problem. I’m used to adapting projects to new API changes.

Thanks. It shouldn't be too crazy. The same code I put above should work except you'll need to import

border

because it's going to become an extension property (Silk is getting refactored and part of that is palette is becoming a more general, extensible concept)

Not a problem. 🙂

Thanks much!