codeimage icon indicating copy to clipboard operation
codeimage copied to clipboard

🚀 - Theme builder

Open riccardoperra opened this issue 7 months ago • 1 comments

Discussed in https://github.com/riccardoperra/codeimage/discussions/399

Originally posted by riccardoperra November 25, 2022 // WIP

ThemeBuilder will be the newest feature of CodeImage that’s allows to create custom themes for both CodeImage and CodeMirror6.

ThemeBuilder will be reachable at themes.codeimage.dev, but it will be also a standalone package that could be used to main CodeImage code (module federation or iframe)

Here’s the features that will be available:

  • Authenticated users will be able to create their own themes and manage them in a dedicated section. Themes will be saved in a new backend service
  • While creating a theme, you will be able to see also s preview for the CodeMirror theme code
  • Themes in the future could be also published and be public for every user (💡featured page)
  • CodeImage editor will have a new dedicated section in order to choose about custom or system themes.

Note we could move system themes in the backend

  • Themes could be imported from json. Think about a VSCode/IntelliJ parsing in order to import automatically themes

This is an example of an existing ThemeBuilder by CodeSandbox https://sandpack.codesandbox.io/theme

example of existing theme https://github.com/riccardoperra/codeimage/blob/main/packages/highlight/src/lib/themes/panda/panda.ts

riccardoperra avatar Nov 26 '23 21:11 riccardoperra