https://github.com/rodydavis/codemirror-dynamic-theme

Dynamic Theme for CodeMirror using the Material 3 color space.
https://github.com/rodydavis/codemirror-dynamic-theme

codemirror codemirror-themes dynamic-theme material-design material-you

Last synced: about 1 year ago
JSON representation

Dynamic Theme for CodeMirror using the Material 3 color space.

• Host: GitHub
• URL: https://github.com/rodydavis/codemirror-dynamic-theme
• Owner: rodydavis
• License: apache-2.0
• Created: 2022-03-17T21:25:33.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2022-05-25T04:58:03.000Z (about 4 years ago)
• Last Synced: 2025-03-23T22:40:38.307Z (about 1 year ago)
• Topics: codemirror, codemirror-themes, dynamic-theme, material-design, material-you
• Language: TypeScript
• Homepage: https://rodydavis.github.io/codemirror-dynamic-theme/
• Size: 821 KB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# CodeMirror Dynamic Theme

Generate a dynamic theme for CodeMirror using the new material 3 color space.

[Demo](https://rodydavis.github.io/codemirror-dynamic-theme/)

The dynamic tokens are possible by using custom properties which also allow switching to dark automatically.

![purple-light](/screenshots/purple-light.png)

![purple-dark](/screenshots/purple-dark.png)

![green-light](/screenshots/green-light.png)

![green-dark](/screenshots/green-dark.png)