Add the Dracula theme.

source/scss/style.scss

@@ -2,6 +2,7 @@
 @use 'common';
 
 // Theme definitions
+@use 'themes/dracula';
 @use 'themes/love';
 @use 'themes/solarized';
 

source/scss/themes/_dracula.scss

@@ -0,0 +1,7 @@
+.dracula {
+  --border-radius: 8px;
+  --foreground-1: #f8f8f2;
+  --foreground-2: #f8f8f2;
+  --background-1: #282a36;
+  --background-2: #44475a;
+}

source/ts/utilities/themes.ts

@@ -22,6 +22,10 @@ export const themes: Theme[] = [
     cssClass: 'solarized-light',
     name: 'Solarized Light',
   },
+  {
+    cssClass: 'dracula',
+    name: 'Dracula',
+  },
 ];
 
 export const themeContext = createContext<Theme>(themes[0]);