comment

packages/codemirror/themes.mjs

@@ -9,6 +9,8 @@ import sonicPink, { settings as sonicPinkSettings } from './themes/sonic-pink.mj
 import redText, { settings as redTextSettings } from './themes/red-text.mjs';
 import greenText, { settings as greenTextSettings } from './themes/green-text.mjs';
 import archBtw, { settings as archBtwSettings } from './themes/archBtw.mjs';
+import fruitDaw, { settings as fruitDawSettings } from './themes/fruitDaw.mjs';
+
 import bluescreenlight, { settings as bluescreenlightsettings } from './themes/bluescreenlight.mjs';
 
 import androidstudio, { settings as androidstudioSettings } from './themes/androidstudio.mjs';
@@ -55,6 +57,7 @@ export const themes = {
   dracula,
   duotoneDark,
   eclipse,
+  fruitDaw,
   githubDark,
   githubLight,
   greenText,
@@ -99,6 +102,7 @@ export const settings = {
   eclipse: eclipseSettings,
   CutiePi: CutiePiSettings,
   sonicPink: sonicPinkSettings,
+  fruitDaw: fruitDawSettings,
   githubLight: githubLightSettings,
   githubDark: githubDarkSettings,
   greenText: greenTextSettings,

packages/codemirror/themes/archBtw.mjs

@@ -1,8 +1,7 @@
 /*
- * Atom One
+ * Arch Btw
- * Atom One dark syntax theme
+ * Modern terminal inspired theme
- *
+ * made by Jade
- * https://github.com/atom/one-dark-syntax
  */
 import { tags as t } from '@lezer/highlight';
 import { createTheme } from './theme-helper.mjs';
@@ -30,7 +29,7 @@ export default createTheme({
       color: hex[1],
     },
     { tag: [t.atom, t.bool, t.special(t.variableName)], color: hex[1] },
-    { tag:[ t.comment, t.brace, t.bracket, ], color: hex[2] },
+    { tag: [t.comment, t.brace, t.bracket], color: hex[2] },
     { tag: [t.variableName, t.propertyName, t.labelName], color: hex[1] },
     { tag: [t.attributeName, t.number], color: hex[1] },
     { tag: t.keyword, color: hex[1] },

packages/codemirror/themes/bluescreenlight.mjs

@@ -1,13 +1,11 @@
 /*
- * Atom One
+ * A lighter blue screen theme
- * Atom One dark syntax theme
+ * made by Jade
- *
- * https://github.com/atom/one-dark-syntax
  */
 import { tags as t } from '@lezer/highlight';
 import { createTheme } from './theme-helper.mjs';
 
-const hex = ['rgb(75, 130, 247)',  'rgb(47, 108, 246)', 'rgb(255, 255, 255)', 'rgba(255, 255, 255,.3)'];
+const hex = ['rgb(75, 130, 247)', 'rgb(47, 108, 246)', 'rgb(255, 255, 255)', 'rgba(255, 255, 255,.3)'];
 
 export const settings = {
   background: hex[0],
@@ -28,9 +26,8 @@ export default createTheme({
     {
       tag: [t.function(t.variableName), t.function(t.propertyName), t.url, t.processingInstruction],
       color: hex[2],
-      
     },
-    { tag: [t.atom, t.bool,  t.special(t.variableName)], color: hex[2] },
+    { tag: [t.atom, t.bool, t.special(t.variableName)], color: hex[2] },
     { tag: [t.comment, t.bracket, t.brace, t.compareOperator], color: hex[3] },
     { tag: [t.variableName, t.propertyName, t.labelName], color: hex[2] },
     { tag: [t.attributeName, t.number], color: hex[2] },

packages/codemirror/themes/fruitDaw.mjs

@@ -0,0 +1,50 @@
+/*
+ * Fruit Daw
+ * made by Jade
+ */
+import { tags as t } from '@lezer/highlight';
+import { createTheme } from './theme-helper.mjs';
+
+const hex = [
+  'rgb(84, 93, 98)',
+  'rgb(255, 255, 255)',
+  'rgba(255, 255, 255, .25)',
+  'rgb(67, 76, 81)',
+  'rgb(186, 230, 115)',
+  'rgb(252, 184, 67)',
+  'rgb(124, 206, 254)',
+  'rgb(83, 101, 102)',
+  'rgba(46, 62, 72,.5)',
+  'rgb(94, 100, 108)',
+  'rgb(167, 216, 177)',
+];
+
+export const settings = {
+  background: hex[0],
+  lineBackground: 'transparent',
+  foreground: hex[10],
+  selection: hex[8],
+  selectionMatch: hex[0],
+  gutterBackground: hex[3],
+  gutterForeground: hex[2],
+  gutterBorder: 'transparent',
+  lineHighlight: hex[3],
+};
+
+export default createTheme({
+  theme: 'dark',
+  settings,
+  styles: [
+    {
+      tag: [t.function(t.variableName), t.function(t.propertyName), t.url, t.processingInstruction],
+      color: hex[1],
+    },
+    { tag: [t.bool, t.special(t.variableName)], color: hex[1] },
+    { tag: [t.comment, t.brace, t.bracket], color: hex[2] },
+    { tag: [t.variableName], color: hex[1] },
+    { tag: [t.labelName, t.propertyName, t.self, t.atom], color: hex[5] },
+    { tag: [t.attributeName, t.number], color: hex[6] },
+    { tag: t.keyword, color: hex[5] },
+    { tag: [t.string, t.regexp, t.special(t.propertyName)], color: hex[4] },
+  ],
+});