livecodes icon indicating copy to clipboard operation
livecodes copied to clipboard

Feature: Global Themes

Open adamgreenough opened this issue 2 years ago • 3 comments

Type of feature

✨ Feature

Current behavior

No response

Suggested feature

Ability to load/inject custom CSS to style the UI and embed interfaces themselves without editing core files that will be replaced in an update

Additional context

No response

Code of Conduct

  • [X] I agree to follow this project's Code of Conduct

Contributing Docs

  • [ ] I agree to follow this project's Contribution Docs

adamgreenough avatar Aug 18 '23 15:08 adamgreenough

The ability to add custom themes for the playground UI is planned and probably soon.

The approach I plan is the ability to supply a JSON object (or URL) with values for CSS variables which are already being used.

This is a lot more controlled than arbitrary CSS that may mess with layout.

This would be different from editor themes that can be selected from a list of predefined themes.

hatemhosny avatar Aug 18 '23 16:08 hatemhosny

Awesome! Thanks for bringing those CSS variables to my attention, I might try and fork changing just those and rebuilding for updates for now.

Really excited to see where this project goes. A game changer for code documentation and blogging where I can be in control of my own embeds. :)

adamgreenough avatar Aug 18 '23 16:08 adamgreenough

For custom themes, I may need to add/split some CSS variables. But, yes, you may give it a try as a start.

hatemhosny avatar Aug 18 '23 16:08 hatemhosny