[Feature Request] Consider switching to CodeMirror for DevTools

Describe the solution you’d like A clear and concise description of what you want to happen.

Currently the stylesheet editor and the DarkReader DevTools use textarea to render themselves. It does not have any syntax highlighting, current line highlighting, line numbers, etc. I think that CodeMirror could provide more features for the editors.

[Yash-Singh1]

I was just pointing out that we don’t need to be concerned with syntax highlighting the css. We will have to code a custom mode that does everything, but the css. I will look into making a custom mode for CodeMirror that does something like this.

UPDATE:

Look at this link: https://codemirror.net/demo/simplemode.html Looks like making a mode is regex-based. Also, we will have to build a mixed mode. Here is a commit someone made that does something similar to what we are doing: https://github.com/plocket/docassemble/commit/e993e88661a2da8f6390f7c6347998bb99c12450

[Yash-Singh1]

@Gusted Sure, I will tell you when I am ready with it