How to customize theme - Githubissues

i-VRESSE / workflow-builder

Graphical interface to build a workflow file

https://i-vresse-workflow-builder.netlify.app/

Apache License 2.0

4 stars 2 forks source link

Closed sverhoeven closed 3 weeks ago

sverhoeven commented 2 years ago

It would be nice to put the builder application inside a page and make it look & feel similar to the rest of the page.

It would be nice to have some way to customize the following

Also nice but less required:

other colors like secondary
border and shadows.
ui framework, builder application now uses bootstrap 4, would be nice to use material ui 5 / Tailwind CSS / mantine

sverhoeven commented 2 years ago

As the builder uses https://github.com/rjsf-team/react-jsonschema-form to render forms,, we should look how theme-able that is.

sverhoeven commented 2 years ago

The bootstrap4 css is imported in the apps/ not in the packages/ so to customize follow instructions at https://getbootstrap.com/docs/4.6/getting-started/theming/ in your app.

It would be nice to have an app (like /apps/kitchensink-darkmode) which uses a custom bootstrap 4 theme.

sverhoeven commented 3 weeks ago

In haddock3-webapp tailwind is used to style the builder, that is a good enough example for theming.