Dynamic Themes with CodeMirror

In this article I will go over how to set up a Lit web component and use it to create a a code window that uses CodeMirror and apply a dynamic theme with Material Design.

TLDR The final source here and an online demo.

Prerequisites 

• Vscode
• Node >= 16
• Typescript

Getting Started 

We can start off by navigating in terminal to the location of the project and run the following: