mayagao / accessible-code-theme

Design custom CodeMirror themes and test contrast ratio https://mayagao.github.io/accessible-code-theme/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

I wrote this little thing to help myself learn Redux 🙈. It allows you to design CodeMirror Themes: select light/dark theme, adjust colors, and export the CSS file. It also shows the contrast ratio 🌓 of each color. The exported CSS file only works for CodeMirror. Other syntax highlighters likely have very different code parsing algorithms, but it may still be useful for quick design prototyping.

To build this locally, clone the repo and run yarn install and yarn start.

About

Design custom CodeMirror themes and test contrast ratio https://mayagao.github.io/accessible-code-theme/


Languages

Language:JavaScript 91.8%Language:HTML 5.2%Language:CSS 3.0%