diff --git a/styles/src/buildLicenses.ts b/styles/src/buildLicenses.ts
index 793a14a3b21d68542d7a17d2643e5c286574ce02..3367e50ff027601db2b68ead242dc3a266b21e1e 100644
--- a/styles/src/buildLicenses.ts
+++ b/styles/src/buildLicenses.ts
@@ -39,7 +39,7 @@ function getLicenseText(
         if (typeof meta.license.license_text == "string") {
             callback(meta, meta.license.license_text)
         } else {
-            let license_text_obj: Verification = meta.license.license_text;
+            let license_text_obj: Verification = meta.license.license_text
             // The following copied from the example code on nodejs.org:
             // https://nodejs.org/api/http.html#httpgetoptions-callback
             https
diff --git a/styles/src/styleTree/editor.ts b/styles/src/styleTree/editor.ts
index 799363a349191ffe9bd53748d818c7b0cb33177c..64a19d714fa6f5b7edeaa1bac255006f242e8b3f 100644
--- a/styles/src/styleTree/editor.ts
+++ b/styles/src/styleTree/editor.ts
@@ -90,7 +90,7 @@ export default function editor(colorScheme: ColorScheme) {
                     clicked: {
                         color: colorScheme.ramps.neutral(0.5).alpha(0.7).hex(),
                     },
-                }
+                },
             },
             foldBackground: foreground(layer, "variant"),
         },
diff --git a/styles/src/themes/andromeda.ts b/styles/src/themes/andromeda.ts
index 369f1d7f2b60ab7b957feaa36fcb70047d606f06..7eba7b1481aeba8b1429b323bb51c0f78c0a6069 100644
--- a/styles/src/themes/andromeda.ts
+++ b/styles/src/themes/andromeda.ts
@@ -39,7 +39,7 @@ export const meta: Meta = {
                 "https://raw.githubusercontent.com/EliverLara/Andromeda/master/LICENSE.md",
             license_checksum:
                 "2f7886f1a05cefc2c26f5e49de1a39fa4466413c1ccb06fc80960e73f5ed4b89",
-        }
+        },
     },
     url: "https://github.com/EliverLara/Andromeda",
 }
diff --git a/styles/src/themes/atelier-cave-dark.ts b/styles/src/themes/atelier-cave-dark.ts
index 6cb8946b7ac1ddcec8f99c8966eebb5731a79b26..a56e22cd92373997cc40d19eddf5b05e9cad5a02 100644
--- a/styles/src/themes/atelier-cave-dark.ts
+++ b/styles/src/themes/atelier-cave-dark.ts
@@ -25,8 +25,8 @@ const variant: Variant = {
         base0C: "#398bc6",
         base0D: "#576ddb",
         base0E: "#955ae7",
-        base0F: "#bf40bf"
-    }
+        base0F: "#bf40bf",
+    },
 }
 
 const syntax = buildSyntax(variant)
@@ -34,20 +34,31 @@ const syntax = buildSyntax(variant)
 const theme = (variant: Variant) => {
     const { meta, colors } = variant
 
-    return createColorScheme(meta.name, false, {
-        neutral: chroma
-            .scale([
-                colors.base00, colors.base01, colors.base02, colors.base03, colors.base04, colors.base05, colors.base06, colors.base07
+    return createColorScheme(
+        meta.name,
+        false,
+        {
+            neutral: chroma.scale([
+                colors.base00,
+                colors.base01,
+                colors.base02,
+                colors.base03,
+                colors.base04,
+                colors.base05,
+                colors.base06,
+                colors.base07,
             ]),
-        red: colorRamp(chroma(colors.base08)),
-        orange: colorRamp(chroma(colors.base09)),
-        yellow: colorRamp(chroma(colors.base0A)),
-        green: colorRamp(chroma(colors.base0B)),
-        cyan: colorRamp(chroma(colors.base0C)),
-        blue: colorRamp(chroma(colors.base0D)),
-        violet: colorRamp(chroma(colors.base0E)),
-        magenta: colorRamp(chroma(colors.base0F)),
-    }, syntax)
+            red: colorRamp(chroma(colors.base08)),
+            orange: colorRamp(chroma(colors.base09)),
+            yellow: colorRamp(chroma(colors.base0A)),
+            green: colorRamp(chroma(colors.base0B)),
+            cyan: colorRamp(chroma(colors.base0C)),
+            blue: colorRamp(chroma(colors.base0D)),
+            violet: colorRamp(chroma(colors.base0E)),
+            magenta: colorRamp(chroma(colors.base0F)),
+        },
+        syntax
+    )
 }
 
 export const dark = theme(variant)
diff --git a/styles/src/themes/atelier-cave-light.ts b/styles/src/themes/atelier-cave-light.ts
index b05f730f83283a9bf76dbf169b529caf50a66ffd..3b180752cf97ea1bcc515c904deb20eafc03aea6 100644
--- a/styles/src/themes/atelier-cave-light.ts
+++ b/styles/src/themes/atelier-cave-light.ts
@@ -25,8 +25,8 @@ const variant: Variant = {
         base0C: "#398bc6",
         base0D: "#576ddb",
         base0E: "#955ae7",
-        base0F: "#bf40bf"
-    }
+        base0F: "#bf40bf",
+    },
 }
 
 const syntax = buildSyntax(variant)
@@ -34,20 +34,33 @@ const syntax = buildSyntax(variant)
 const theme = (variant: Variant) => {
     const { meta, colors } = variant
 
-    return createColorScheme(meta.name, true, {
-        neutral: chroma
-            .scale([
-                colors.base00, colors.base01, colors.base02, colors.base03, colors.base04, colors.base05, colors.base06, colors.base07
-            ].reverse()),
-        red: colorRamp(chroma(colors.base08)),
-        orange: colorRamp(chroma(colors.base09)),
-        yellow: colorRamp(chroma(colors.base0A)),
-        green: colorRamp(chroma(colors.base0B)),
-        cyan: colorRamp(chroma(colors.base0C)),
-        blue: colorRamp(chroma(colors.base0D)),
-        violet: colorRamp(chroma(colors.base0E)),
-        magenta: colorRamp(chroma(colors.base0F)),
-    }, syntax)
+    return createColorScheme(
+        meta.name,
+        true,
+        {
+            neutral: chroma.scale(
+                [
+                    colors.base00,
+                    colors.base01,
+                    colors.base02,
+                    colors.base03,
+                    colors.base04,
+                    colors.base05,
+                    colors.base06,
+                    colors.base07,
+                ].reverse()
+            ),
+            red: colorRamp(chroma(colors.base08)),
+            orange: colorRamp(chroma(colors.base09)),
+            yellow: colorRamp(chroma(colors.base0A)),
+            green: colorRamp(chroma(colors.base0B)),
+            cyan: colorRamp(chroma(colors.base0C)),
+            blue: colorRamp(chroma(colors.base0D)),
+            violet: colorRamp(chroma(colors.base0E)),
+            magenta: colorRamp(chroma(colors.base0F)),
+        },
+        syntax
+    )
 }
 
 export const dark = theme(variant)
diff --git a/styles/src/themes/atelier-dune-dark.ts b/styles/src/themes/atelier-dune-dark.ts
index b6f90b4c4485130e112a00597524339bc94830d8..0ab402a99d4adf8f1e0ed41979d5cc9973696404 100644
--- a/styles/src/themes/atelier-dune-dark.ts
+++ b/styles/src/themes/atelier-dune-dark.ts
@@ -25,8 +25,8 @@ const variant: Variant = {
         base0C: "#1fad83",
         base0D: "#6684e1",
         base0E: "#b854d4",
-        base0F: "#d43552"
-    }
+        base0F: "#d43552",
+    },
 }
 
 const syntax = buildSyntax(variant)
@@ -34,20 +34,31 @@ const syntax = buildSyntax(variant)
 const theme = (variant: Variant) => {
     const { meta, colors } = variant
 
-    return createColorScheme(meta.name, false, {
-        neutral: chroma
-            .scale([
-                colors.base00, colors.base01, colors.base02, colors.base03, colors.base04, colors.base05, colors.base06, colors.base07
+    return createColorScheme(
+        meta.name,
+        false,
+        {
+            neutral: chroma.scale([
+                colors.base00,
+                colors.base01,
+                colors.base02,
+                colors.base03,
+                colors.base04,
+                colors.base05,
+                colors.base06,
+                colors.base07,
             ]),
-        red: colorRamp(chroma(colors.base08)),
-        orange: colorRamp(chroma(colors.base09)),
-        yellow: colorRamp(chroma(colors.base0A)),
-        green: colorRamp(chroma(colors.base0B)),
-        cyan: colorRamp(chroma(colors.base0C)),
-        blue: colorRamp(chroma(colors.base0D)),
-        violet: colorRamp(chroma(colors.base0E)),
-        magenta: colorRamp(chroma(colors.base0F)),
-    }, syntax)
+            red: colorRamp(chroma(colors.base08)),
+            orange: colorRamp(chroma(colors.base09)),
+            yellow: colorRamp(chroma(colors.base0A)),
+            green: colorRamp(chroma(colors.base0B)),
+            cyan: colorRamp(chroma(colors.base0C)),
+            blue: colorRamp(chroma(colors.base0D)),
+            violet: colorRamp(chroma(colors.base0E)),
+            magenta: colorRamp(chroma(colors.base0F)),
+        },
+        syntax
+    )
 }
 
 export const dark = theme(variant)
diff --git a/styles/src/themes/atelier-dune-light.ts b/styles/src/themes/atelier-dune-light.ts
index 0a95dc66fc9c9432a5601b9cb2a3c8b0ea9a2a59..e6a09985d5e09f8612d0a41f7b3a898991b9b720 100644
--- a/styles/src/themes/atelier-dune-light.ts
+++ b/styles/src/themes/atelier-dune-light.ts
@@ -25,8 +25,8 @@ const variant: Variant = {
         base0C: "#1fad83",
         base0D: "#6684e1",
         base0E: "#b854d4",
-        base0F: "#d43552"
-    }
+        base0F: "#d43552",
+    },
 }
 
 const syntax = buildSyntax(variant)
@@ -34,20 +34,33 @@ const syntax = buildSyntax(variant)
 const theme = (variant: Variant) => {
     const { meta, colors } = variant
 
-    return createColorScheme(meta.name, true, {
-        neutral: chroma
-            .scale([
-                colors.base00, colors.base01, colors.base02, colors.base03, colors.base04, colors.base05, colors.base06, colors.base07
-            ].reverse()),
-        red: colorRamp(chroma(colors.base08)),
-        orange: colorRamp(chroma(colors.base09)),
-        yellow: colorRamp(chroma(colors.base0A)),
-        green: colorRamp(chroma(colors.base0B)),
-        cyan: colorRamp(chroma(colors.base0C)),
-        blue: colorRamp(chroma(colors.base0D)),
-        violet: colorRamp(chroma(colors.base0E)),
-        magenta: colorRamp(chroma(colors.base0F)),
-    }, syntax)
+    return createColorScheme(
+        meta.name,
+        true,
+        {
+            neutral: chroma.scale(
+                [
+                    colors.base00,
+                    colors.base01,
+                    colors.base02,
+                    colors.base03,
+                    colors.base04,
+                    colors.base05,
+                    colors.base06,
+                    colors.base07,
+                ].reverse()
+            ),
+            red: colorRamp(chroma(colors.base08)),
+            orange: colorRamp(chroma(colors.base09)),
+            yellow: colorRamp(chroma(colors.base0A)),
+            green: colorRamp(chroma(colors.base0B)),
+            cyan: colorRamp(chroma(colors.base0C)),
+            blue: colorRamp(chroma(colors.base0D)),
+            violet: colorRamp(chroma(colors.base0E)),
+            magenta: colorRamp(chroma(colors.base0F)),
+        },
+        syntax
+    )
 }
 
 export const dark = theme(variant)
diff --git a/styles/src/themes/atelier-estuary-dark.ts b/styles/src/themes/atelier-estuary-dark.ts
index 94ca7aa63bafda4438f7d672721eaae82a0e1ae2..c4ec50c1e00ed7731d069ed3f559204b9030b10c 100644
--- a/styles/src/themes/atelier-estuary-dark.ts
+++ b/styles/src/themes/atelier-estuary-dark.ts
@@ -25,8 +25,8 @@ const variant: Variant = {
         base0C: "#5b9d48",
         base0D: "#36a166",
         base0E: "#5f9182",
-        base0F: "#9d6c7c"
-    }
+        base0F: "#9d6c7c",
+    },
 }
 
 const syntax = buildSyntax(variant)
@@ -34,20 +34,31 @@ const syntax = buildSyntax(variant)
 const theme = (variant: Variant) => {
     const { meta, colors } = variant
 
-    return createColorScheme(meta.name, false, {
-        neutral: chroma
-            .scale([
-                colors.base00, colors.base01, colors.base02, colors.base03, colors.base04, colors.base05, colors.base06, colors.base07
+    return createColorScheme(
+        meta.name,
+        false,
+        {
+            neutral: chroma.scale([
+                colors.base00,
+                colors.base01,
+                colors.base02,
+                colors.base03,
+                colors.base04,
+                colors.base05,
+                colors.base06,
+                colors.base07,
             ]),
-        red: colorRamp(chroma(colors.base08)),
-        orange: colorRamp(chroma(colors.base09)),
-        yellow: colorRamp(chroma(colors.base0A)),
-        green: colorRamp(chroma(colors.base0B)),
-        cyan: colorRamp(chroma(colors.base0C)),
-        blue: colorRamp(chroma(colors.base0D)),
-        violet: colorRamp(chroma(colors.base0E)),
-        magenta: colorRamp(chroma(colors.base0F)),
-    }, syntax)
+            red: colorRamp(chroma(colors.base08)),
+            orange: colorRamp(chroma(colors.base09)),
+            yellow: colorRamp(chroma(colors.base0A)),
+            green: colorRamp(chroma(colors.base0B)),
+            cyan: colorRamp(chroma(colors.base0C)),
+            blue: colorRamp(chroma(colors.base0D)),
+            violet: colorRamp(chroma(colors.base0E)),
+            magenta: colorRamp(chroma(colors.base0F)),
+        },
+        syntax
+    )
 }
 
 export const dark = theme(variant)
diff --git a/styles/src/themes/atelier-estuary-light.ts b/styles/src/themes/atelier-estuary-light.ts
index 4dd4b875498aca4e35716fb032a2bfd391a1fbda..6fce0e44833d2d0bf8657a3465bcfb601b262644 100644
--- a/styles/src/themes/atelier-estuary-light.ts
+++ b/styles/src/themes/atelier-estuary-light.ts
@@ -25,8 +25,8 @@ const variant: Variant = {
         base0C: "#5b9d48",
         base0D: "#36a166",
         base0E: "#5f9182",
-        base0F: "#9d6c7c"
-    }
+        base0F: "#9d6c7c",
+    },
 }
 
 const syntax = buildSyntax(variant)
@@ -34,20 +34,33 @@ const syntax = buildSyntax(variant)
 const theme = (variant: Variant) => {
     const { meta, colors } = variant
 
-    return createColorScheme(meta.name, true, {
-        neutral: chroma
-            .scale([
-                colors.base00, colors.base01, colors.base02, colors.base03, colors.base04, colors.base05, colors.base06, colors.base07
-            ].reverse()),
-        red: colorRamp(chroma(colors.base08)),
-        orange: colorRamp(chroma(colors.base09)),
-        yellow: colorRamp(chroma(colors.base0A)),
-        green: colorRamp(chroma(colors.base0B)),
-        cyan: colorRamp(chroma(colors.base0C)),
-        blue: colorRamp(chroma(colors.base0D)),
-        violet: colorRamp(chroma(colors.base0E)),
-        magenta: colorRamp(chroma(colors.base0F)),
-    }, syntax)
+    return createColorScheme(
+        meta.name,
+        true,
+        {
+            neutral: chroma.scale(
+                [
+                    colors.base00,
+                    colors.base01,
+                    colors.base02,
+                    colors.base03,
+                    colors.base04,
+                    colors.base05,
+                    colors.base06,
+                    colors.base07,
+                ].reverse()
+            ),
+            red: colorRamp(chroma(colors.base08)),
+            orange: colorRamp(chroma(colors.base09)),
+            yellow: colorRamp(chroma(colors.base0A)),
+            green: colorRamp(chroma(colors.base0B)),
+            cyan: colorRamp(chroma(colors.base0C)),
+            blue: colorRamp(chroma(colors.base0D)),
+            violet: colorRamp(chroma(colors.base0E)),
+            magenta: colorRamp(chroma(colors.base0F)),
+        },
+        syntax
+    )
 }
 
 export const dark = theme(variant)
diff --git a/styles/src/themes/atelier-forest-dark.ts b/styles/src/themes/atelier-forest-dark.ts
index 2bfe285a165497528288a60877fedef252f0023b..7c47c55a830ed780f662d83d9f768d26207dc31e 100644
--- a/styles/src/themes/atelier-forest-dark.ts
+++ b/styles/src/themes/atelier-forest-dark.ts
@@ -25,8 +25,8 @@ const variant: Variant = {
         base0C: "#3d97b8",
         base0D: "#407ee7",
         base0E: "#6666ea",
-        base0F: "#c33ff3"
-    }
+        base0F: "#c33ff3",
+    },
 }
 
 const syntax = buildSyntax(variant)
@@ -34,20 +34,31 @@ const syntax = buildSyntax(variant)
 const theme = (variant: Variant) => {
     const { meta, colors } = variant
 
-    return createColorScheme(meta.name, false, {
-        neutral: chroma
-            .scale([
-                colors.base00, colors.base01, colors.base02, colors.base03, colors.base04, colors.base05, colors.base06, colors.base07
+    return createColorScheme(
+        meta.name,
+        false,
+        {
+            neutral: chroma.scale([
+                colors.base00,
+                colors.base01,
+                colors.base02,
+                colors.base03,
+                colors.base04,
+                colors.base05,
+                colors.base06,
+                colors.base07,
             ]),
-        red: colorRamp(chroma(colors.base08)),
-        orange: colorRamp(chroma(colors.base09)),
-        yellow: colorRamp(chroma(colors.base0A)),
-        green: colorRamp(chroma(colors.base0B)),
-        cyan: colorRamp(chroma(colors.base0C)),
-        blue: colorRamp(chroma(colors.base0D)),
-        violet: colorRamp(chroma(colors.base0E)),
-        magenta: colorRamp(chroma(colors.base0F)),
-    }, syntax)
+            red: colorRamp(chroma(colors.base08)),
+            orange: colorRamp(chroma(colors.base09)),
+            yellow: colorRamp(chroma(colors.base0A)),
+            green: colorRamp(chroma(colors.base0B)),
+            cyan: colorRamp(chroma(colors.base0C)),
+            blue: colorRamp(chroma(colors.base0D)),
+            violet: colorRamp(chroma(colors.base0E)),
+            magenta: colorRamp(chroma(colors.base0F)),
+        },
+        syntax
+    )
 }
 
 export const dark = theme(variant)
diff --git a/styles/src/themes/atelier-forest-light.ts b/styles/src/themes/atelier-forest-light.ts
index ee9acd7ebb66c082ef39add429e44a41332507f0..8ce06164769a7a8dfa15fc74a77b6aa0f3c9e3af 100644
--- a/styles/src/themes/atelier-forest-light.ts
+++ b/styles/src/themes/atelier-forest-light.ts
@@ -25,8 +25,8 @@ const variant: Variant = {
         base0C: "#3d97b8",
         base0D: "#407ee7",
         base0E: "#6666ea",
-        base0F: "#c33ff3"
-    }
+        base0F: "#c33ff3",
+    },
 }
 
 const syntax = buildSyntax(variant)
@@ -34,20 +34,33 @@ const syntax = buildSyntax(variant)
 const theme = (variant: Variant) => {
     const { meta, colors } = variant
 
-    return createColorScheme(meta.name, true, {
-        neutral: chroma
-            .scale([
-                colors.base00, colors.base01, colors.base02, colors.base03, colors.base04, colors.base05, colors.base06, colors.base07
-            ].reverse()),
-        red: colorRamp(chroma(colors.base08)),
-        orange: colorRamp(chroma(colors.base09)),
-        yellow: colorRamp(chroma(colors.base0A)),
-        green: colorRamp(chroma(colors.base0B)),
-        cyan: colorRamp(chroma(colors.base0C)),
-        blue: colorRamp(chroma(colors.base0D)),
-        violet: colorRamp(chroma(colors.base0E)),
-        magenta: colorRamp(chroma(colors.base0F)),
-    }, syntax)
+    return createColorScheme(
+        meta.name,
+        true,
+        {
+            neutral: chroma.scale(
+                [
+                    colors.base00,
+                    colors.base01,
+                    colors.base02,
+                    colors.base03,
+                    colors.base04,
+                    colors.base05,
+                    colors.base06,
+                    colors.base07,
+                ].reverse()
+            ),
+            red: colorRamp(chroma(colors.base08)),
+            orange: colorRamp(chroma(colors.base09)),
+            yellow: colorRamp(chroma(colors.base0A)),
+            green: colorRamp(chroma(colors.base0B)),
+            cyan: colorRamp(chroma(colors.base0C)),
+            blue: colorRamp(chroma(colors.base0D)),
+            violet: colorRamp(chroma(colors.base0E)),
+            magenta: colorRamp(chroma(colors.base0F)),
+        },
+        syntax
+    )
 }
 
 export const dark = theme(variant)
diff --git a/styles/src/themes/atelier-heath-dark.ts b/styles/src/themes/atelier-heath-dark.ts
index 9ae14a8903f1d74bc1befbc0c5476c87308e2ebc..87458ab8f5ab68a30e602de9b62edbe1e4cf5c18 100644
--- a/styles/src/themes/atelier-heath-dark.ts
+++ b/styles/src/themes/atelier-heath-dark.ts
@@ -25,8 +25,8 @@ const variant: Variant = {
         base0C: "#159393",
         base0D: "#516aec",
         base0E: "#7b59c0",
-        base0F: "#cc33cc"
-    }
+        base0F: "#cc33cc",
+    },
 }
 
 const syntax = buildSyntax(variant)
@@ -34,20 +34,31 @@ const syntax = buildSyntax(variant)
 const theme = (variant: Variant) => {
     const { meta, colors } = variant
 
-    return createColorScheme(meta.name, false, {
-        neutral: chroma
-            .scale([
-                colors.base00, colors.base01, colors.base02, colors.base03, colors.base04, colors.base05, colors.base06, colors.base07
+    return createColorScheme(
+        meta.name,
+        false,
+        {
+            neutral: chroma.scale([
+                colors.base00,
+                colors.base01,
+                colors.base02,
+                colors.base03,
+                colors.base04,
+                colors.base05,
+                colors.base06,
+                colors.base07,
             ]),
-        red: colorRamp(chroma(colors.base08)),
-        orange: colorRamp(chroma(colors.base09)),
-        yellow: colorRamp(chroma(colors.base0A)),
-        green: colorRamp(chroma(colors.base0B)),
-        cyan: colorRamp(chroma(colors.base0C)),
-        blue: colorRamp(chroma(colors.base0D)),
-        violet: colorRamp(chroma(colors.base0E)),
-        magenta: colorRamp(chroma(colors.base0F)),
-    }, syntax)
+            red: colorRamp(chroma(colors.base08)),
+            orange: colorRamp(chroma(colors.base09)),
+            yellow: colorRamp(chroma(colors.base0A)),
+            green: colorRamp(chroma(colors.base0B)),
+            cyan: colorRamp(chroma(colors.base0C)),
+            blue: colorRamp(chroma(colors.base0D)),
+            violet: colorRamp(chroma(colors.base0E)),
+            magenta: colorRamp(chroma(colors.base0F)),
+        },
+        syntax
+    )
 }
 
 export const dark = theme(variant)
diff --git a/styles/src/themes/atelier-heath-light.ts b/styles/src/themes/atelier-heath-light.ts
index 3afd850fdf2799569b8c4023fc7cdaae1c8591f7..3db34370418f1cd27e305a3175e045e591e36ae9 100644
--- a/styles/src/themes/atelier-heath-light.ts
+++ b/styles/src/themes/atelier-heath-light.ts
@@ -26,7 +26,7 @@ const variant: Variant = {
         base0D: "#516aec",
         base0E: "#7b59c0",
         base0F: "#cc33cc",
-    }
+    },
 }
 
 const syntax = buildSyntax(variant)
@@ -34,20 +34,33 @@ const syntax = buildSyntax(variant)
 const theme = (variant: Variant) => {
     const { meta, colors } = variant
 
-    return createColorScheme(meta.name, true, {
-        neutral: chroma
-            .scale([
-                colors.base00, colors.base01, colors.base02, colors.base03, colors.base04, colors.base05, colors.base06, colors.base07
-            ].reverse()),
-        red: colorRamp(chroma(colors.base08)),
-        orange: colorRamp(chroma(colors.base09)),
-        yellow: colorRamp(chroma(colors.base0A)),
-        green: colorRamp(chroma(colors.base0B)),
-        cyan: colorRamp(chroma(colors.base0C)),
-        blue: colorRamp(chroma(colors.base0D)),
-        violet: colorRamp(chroma(colors.base0E)),
-        magenta: colorRamp(chroma(colors.base0F)),
-    }, syntax)
+    return createColorScheme(
+        meta.name,
+        true,
+        {
+            neutral: chroma.scale(
+                [
+                    colors.base00,
+                    colors.base01,
+                    colors.base02,
+                    colors.base03,
+                    colors.base04,
+                    colors.base05,
+                    colors.base06,
+                    colors.base07,
+                ].reverse()
+            ),
+            red: colorRamp(chroma(colors.base08)),
+            orange: colorRamp(chroma(colors.base09)),
+            yellow: colorRamp(chroma(colors.base0A)),
+            green: colorRamp(chroma(colors.base0B)),
+            cyan: colorRamp(chroma(colors.base0C)),
+            blue: colorRamp(chroma(colors.base0D)),
+            violet: colorRamp(chroma(colors.base0E)),
+            magenta: colorRamp(chroma(colors.base0F)),
+        },
+        syntax
+    )
 }
 
 export const dark = theme(variant)
diff --git a/styles/src/themes/atelier-lakeside-dark.ts b/styles/src/themes/atelier-lakeside-dark.ts
index 45f5733cf9326c42ee2884f15086a9ba639bb6d2..a8297ef9fd307243f1c9c84f3caa1e627120a19e 100644
--- a/styles/src/themes/atelier-lakeside-dark.ts
+++ b/styles/src/themes/atelier-lakeside-dark.ts
@@ -25,8 +25,8 @@ const variant: Variant = {
         base0C: "#2d8f6f",
         base0D: "#257fad",
         base0E: "#6b6bb8",
-        base0F: "#b72dd2"
-    }
+        base0F: "#b72dd2",
+    },
 }
 
 const syntax = buildSyntax(variant)
@@ -34,20 +34,31 @@ const syntax = buildSyntax(variant)
 const theme = (variant: Variant) => {
     const { meta, colors } = variant
 
-    return createColorScheme(meta.name, false, {
-        neutral: chroma
-            .scale([
-                colors.base00, colors.base01, colors.base02, colors.base03, colors.base04, colors.base05, colors.base06, colors.base07
+    return createColorScheme(
+        meta.name,
+        false,
+        {
+            neutral: chroma.scale([
+                colors.base00,
+                colors.base01,
+                colors.base02,
+                colors.base03,
+                colors.base04,
+                colors.base05,
+                colors.base06,
+                colors.base07,
             ]),
-        red: colorRamp(chroma(colors.base08)),
-        orange: colorRamp(chroma(colors.base09)),
-        yellow: colorRamp(chroma(colors.base0A)),
-        green: colorRamp(chroma(colors.base0B)),
-        cyan: colorRamp(chroma(colors.base0C)),
-        blue: colorRamp(chroma(colors.base0D)),
-        violet: colorRamp(chroma(colors.base0E)),
-        magenta: colorRamp(chroma(colors.base0F)),
-    }, syntax)
+            red: colorRamp(chroma(colors.base08)),
+            orange: colorRamp(chroma(colors.base09)),
+            yellow: colorRamp(chroma(colors.base0A)),
+            green: colorRamp(chroma(colors.base0B)),
+            cyan: colorRamp(chroma(colors.base0C)),
+            blue: colorRamp(chroma(colors.base0D)),
+            violet: colorRamp(chroma(colors.base0E)),
+            magenta: colorRamp(chroma(colors.base0F)),
+        },
+        syntax
+    )
 }
 
 export const dark = theme(variant)
diff --git a/styles/src/themes/atelier-lakeside-light.ts b/styles/src/themes/atelier-lakeside-light.ts
index 255a4dea9609ae741b1260466caf0d18e88c31e8..408fabcaf36a50df5229ea0034d12c67bd3b3562 100644
--- a/styles/src/themes/atelier-lakeside-light.ts
+++ b/styles/src/themes/atelier-lakeside-light.ts
@@ -26,7 +26,7 @@ const variant: Variant = {
         base0D: "#257fad",
         base0E: "#6b6bb8",
         base0F: "#b72dd2",
-    }
+    },
 }
 
 const syntax = buildSyntax(variant)
@@ -34,20 +34,33 @@ const syntax = buildSyntax(variant)
 const theme = (variant: Variant) => {
     const { meta, colors } = variant
 
-    return createColorScheme(meta.name, true, {
-        neutral: chroma
-            .scale([
-                colors.base00, colors.base01, colors.base02, colors.base03, colors.base04, colors.base05, colors.base06, colors.base07
-            ].reverse()),
-        red: colorRamp(chroma(colors.base08)),
-        orange: colorRamp(chroma(colors.base09)),
-        yellow: colorRamp(chroma(colors.base0A)),
-        green: colorRamp(chroma(colors.base0B)),
-        cyan: colorRamp(chroma(colors.base0C)),
-        blue: colorRamp(chroma(colors.base0D)),
-        violet: colorRamp(chroma(colors.base0E)),
-        magenta: colorRamp(chroma(colors.base0F)),
-    }, syntax)
+    return createColorScheme(
+        meta.name,
+        true,
+        {
+            neutral: chroma.scale(
+                [
+                    colors.base00,
+                    colors.base01,
+                    colors.base02,
+                    colors.base03,
+                    colors.base04,
+                    colors.base05,
+                    colors.base06,
+                    colors.base07,
+                ].reverse()
+            ),
+            red: colorRamp(chroma(colors.base08)),
+            orange: colorRamp(chroma(colors.base09)),
+            yellow: colorRamp(chroma(colors.base0A)),
+            green: colorRamp(chroma(colors.base0B)),
+            cyan: colorRamp(chroma(colors.base0C)),
+            blue: colorRamp(chroma(colors.base0D)),
+            violet: colorRamp(chroma(colors.base0E)),
+            magenta: colorRamp(chroma(colors.base0F)),
+        },
+        syntax
+    )
 }
 
 export const dark = theme(variant)
diff --git a/styles/src/themes/atelier-plateau-dark.ts b/styles/src/themes/atelier-plateau-dark.ts
index 22510730e7f5a40a2d42ceb3b53bb37e852fe7c5..731cb824e44eba0590c5f1dc4804121aa7f97cd9 100644
--- a/styles/src/themes/atelier-plateau-dark.ts
+++ b/styles/src/themes/atelier-plateau-dark.ts
@@ -25,8 +25,8 @@ const variant: Variant = {
         base0C: "#5485b6",
         base0D: "#7272ca",
         base0E: "#8464c4",
-        base0F: "#bd5187"
-    }
+        base0F: "#bd5187",
+    },
 }
 
 const syntax = buildSyntax(variant)
@@ -34,20 +34,31 @@ const syntax = buildSyntax(variant)
 const theme = (variant: Variant) => {
     const { meta, colors } = variant
 
-    return createColorScheme(meta.name, false, {
-        neutral: chroma
-            .scale([
-                colors.base00, colors.base01, colors.base02, colors.base03, colors.base04, colors.base05, colors.base06, colors.base07
+    return createColorScheme(
+        meta.name,
+        false,
+        {
+            neutral: chroma.scale([
+                colors.base00,
+                colors.base01,
+                colors.base02,
+                colors.base03,
+                colors.base04,
+                colors.base05,
+                colors.base06,
+                colors.base07,
             ]),
-        red: colorRamp(chroma(colors.base08)),
-        orange: colorRamp(chroma(colors.base09)),
-        yellow: colorRamp(chroma(colors.base0A)),
-        green: colorRamp(chroma(colors.base0B)),
-        cyan: colorRamp(chroma(colors.base0C)),
-        blue: colorRamp(chroma(colors.base0D)),
-        violet: colorRamp(chroma(colors.base0E)),
-        magenta: colorRamp(chroma(colors.base0F)),
-    }, syntax)
+            red: colorRamp(chroma(colors.base08)),
+            orange: colorRamp(chroma(colors.base09)),
+            yellow: colorRamp(chroma(colors.base0A)),
+            green: colorRamp(chroma(colors.base0B)),
+            cyan: colorRamp(chroma(colors.base0C)),
+            blue: colorRamp(chroma(colors.base0D)),
+            violet: colorRamp(chroma(colors.base0E)),
+            magenta: colorRamp(chroma(colors.base0F)),
+        },
+        syntax
+    )
 }
 
 export const dark = theme(variant)
diff --git a/styles/src/themes/atelier-plateau-light.ts b/styles/src/themes/atelier-plateau-light.ts
index 5f4d2400c101fcba1db31b35054e8e53d9dd5603..96f295a69518b1216482776e44d5b36912f526da 100644
--- a/styles/src/themes/atelier-plateau-light.ts
+++ b/styles/src/themes/atelier-plateau-light.ts
@@ -25,8 +25,8 @@ const variant: Variant = {
         base0C: "#5485b6",
         base0D: "#7272ca",
         base0E: "#8464c4",
-        base0F: "#bd5187"
-    }
+        base0F: "#bd5187",
+    },
 }
 
 const syntax = buildSyntax(variant)
@@ -34,20 +34,33 @@ const syntax = buildSyntax(variant)
 const theme = (variant: Variant) => {
     const { meta, colors } = variant
 
-    return createColorScheme(meta.name, true, {
-        neutral: chroma
-            .scale([
-                colors.base00, colors.base01, colors.base02, colors.base03, colors.base04, colors.base05, colors.base06, colors.base07
-            ].reverse()),
-        red: colorRamp(chroma(colors.base08)),
-        orange: colorRamp(chroma(colors.base09)),
-        yellow: colorRamp(chroma(colors.base0A)),
-        green: colorRamp(chroma(colors.base0B)),
-        cyan: colorRamp(chroma(colors.base0C)),
-        blue: colorRamp(chroma(colors.base0D)),
-        violet: colorRamp(chroma(colors.base0E)),
-        magenta: colorRamp(chroma(colors.base0F)),
-    }, syntax)
+    return createColorScheme(
+        meta.name,
+        true,
+        {
+            neutral: chroma.scale(
+                [
+                    colors.base00,
+                    colors.base01,
+                    colors.base02,
+                    colors.base03,
+                    colors.base04,
+                    colors.base05,
+                    colors.base06,
+                    colors.base07,
+                ].reverse()
+            ),
+            red: colorRamp(chroma(colors.base08)),
+            orange: colorRamp(chroma(colors.base09)),
+            yellow: colorRamp(chroma(colors.base0A)),
+            green: colorRamp(chroma(colors.base0B)),
+            cyan: colorRamp(chroma(colors.base0C)),
+            blue: colorRamp(chroma(colors.base0D)),
+            violet: colorRamp(chroma(colors.base0E)),
+            magenta: colorRamp(chroma(colors.base0F)),
+        },
+        syntax
+    )
 }
 
 export const dark = theme(variant)
diff --git a/styles/src/themes/atelier-savanna-dark.ts b/styles/src/themes/atelier-savanna-dark.ts
index c2fa1efa6d958f2f61b3fe1e124fc25e22425e26..dfcb4f27cbedd41608b941da97172d083e7a8e76 100644
--- a/styles/src/themes/atelier-savanna-dark.ts
+++ b/styles/src/themes/atelier-savanna-dark.ts
@@ -25,8 +25,8 @@ const variant: Variant = {
         base0C: "#1c9aa0",
         base0D: "#478c90",
         base0E: "#55859b",
-        base0F: "#867469"
-    }
+        base0F: "#867469",
+    },
 }
 
 const syntax = buildSyntax(variant)
@@ -34,20 +34,31 @@ const syntax = buildSyntax(variant)
 const theme = (variant: Variant) => {
     const { meta, colors } = variant
 
-    return createColorScheme(meta.name, false, {
-        neutral: chroma
-            .scale([
-                colors.base00, colors.base01, colors.base02, colors.base03, colors.base04, colors.base05, colors.base06, colors.base07
+    return createColorScheme(
+        meta.name,
+        false,
+        {
+            neutral: chroma.scale([
+                colors.base00,
+                colors.base01,
+                colors.base02,
+                colors.base03,
+                colors.base04,
+                colors.base05,
+                colors.base06,
+                colors.base07,
             ]),
-        red: colorRamp(chroma(colors.base08)),
-        orange: colorRamp(chroma(colors.base09)),
-        yellow: colorRamp(chroma(colors.base0A)),
-        green: colorRamp(chroma(colors.base0B)),
-        cyan: colorRamp(chroma(colors.base0C)),
-        blue: colorRamp(chroma(colors.base0D)),
-        violet: colorRamp(chroma(colors.base0E)),
-        magenta: colorRamp(chroma(colors.base0F)),
-    }, syntax)
+            red: colorRamp(chroma(colors.base08)),
+            orange: colorRamp(chroma(colors.base09)),
+            yellow: colorRamp(chroma(colors.base0A)),
+            green: colorRamp(chroma(colors.base0B)),
+            cyan: colorRamp(chroma(colors.base0C)),
+            blue: colorRamp(chroma(colors.base0D)),
+            violet: colorRamp(chroma(colors.base0E)),
+            magenta: colorRamp(chroma(colors.base0F)),
+        },
+        syntax
+    )
 }
 
 export const dark = theme(variant)
diff --git a/styles/src/themes/atelier-savanna-light.ts b/styles/src/themes/atelier-savanna-light.ts
index 2e1ec9857a0480b46e2bedb4e193f310c1023c65..4bc1389fc9cf3cb3b4870a58665a510a65d4c9e2 100644
--- a/styles/src/themes/atelier-savanna-light.ts
+++ b/styles/src/themes/atelier-savanna-light.ts
@@ -26,7 +26,7 @@ const variant: Variant = {
         base0D: "#478c90",
         base0E: "#55859b",
         base0F: "#867469",
-    }
+    },
 }
 
 const syntax = buildSyntax(variant)
@@ -34,20 +34,33 @@ const syntax = buildSyntax(variant)
 const theme = (variant: Variant) => {
     const { meta, colors } = variant
 
-    return createColorScheme(meta.name, true, {
-        neutral: chroma
-            .scale([
-                colors.base00, colors.base01, colors.base02, colors.base03, colors.base04, colors.base05, colors.base06, colors.base07
-            ].reverse()),
-        red: colorRamp(chroma(colors.base08)),
-        orange: colorRamp(chroma(colors.base09)),
-        yellow: colorRamp(chroma(colors.base0A)),
-        green: colorRamp(chroma(colors.base0B)),
-        cyan: colorRamp(chroma(colors.base0C)),
-        blue: colorRamp(chroma(colors.base0D)),
-        violet: colorRamp(chroma(colors.base0E)),
-        magenta: colorRamp(chroma(colors.base0F)),
-    }, syntax)
+    return createColorScheme(
+        meta.name,
+        true,
+        {
+            neutral: chroma.scale(
+                [
+                    colors.base00,
+                    colors.base01,
+                    colors.base02,
+                    colors.base03,
+                    colors.base04,
+                    colors.base05,
+                    colors.base06,
+                    colors.base07,
+                ].reverse()
+            ),
+            red: colorRamp(chroma(colors.base08)),
+            orange: colorRamp(chroma(colors.base09)),
+            yellow: colorRamp(chroma(colors.base0A)),
+            green: colorRamp(chroma(colors.base0B)),
+            cyan: colorRamp(chroma(colors.base0C)),
+            blue: colorRamp(chroma(colors.base0D)),
+            violet: colorRamp(chroma(colors.base0E)),
+            magenta: colorRamp(chroma(colors.base0F)),
+        },
+        syntax
+    )
 }
 
 export const dark = theme(variant)
diff --git a/styles/src/themes/atelier-seaside-dark.ts b/styles/src/themes/atelier-seaside-dark.ts
index 22136a6f13dc005cdf128e5090e8aca19e258291..1326a277861e417711c3ea30d39230b227c9ac51 100644
--- a/styles/src/themes/atelier-seaside-dark.ts
+++ b/styles/src/themes/atelier-seaside-dark.ts
@@ -25,8 +25,8 @@ const variant: Variant = {
         base0C: "#1999b3",
         base0D: "#3d62f5",
         base0E: "#ad2bee",
-        base0F: "#e619c3"
-    }
+        base0F: "#e619c3",
+    },
 }
 
 const syntax = buildSyntax(variant)
@@ -34,20 +34,31 @@ const syntax = buildSyntax(variant)
 const theme = (variant: Variant) => {
     const { meta, colors } = variant
 
-    return createColorScheme(meta.name, false, {
-        neutral: chroma
-            .scale([
-                colors.base00, colors.base01, colors.base02, colors.base03, colors.base04, colors.base05, colors.base06, colors.base07
+    return createColorScheme(
+        meta.name,
+        false,
+        {
+            neutral: chroma.scale([
+                colors.base00,
+                colors.base01,
+                colors.base02,
+                colors.base03,
+                colors.base04,
+                colors.base05,
+                colors.base06,
+                colors.base07,
             ]),
-        red: colorRamp(chroma(colors.base08)),
-        orange: colorRamp(chroma(colors.base09)),
-        yellow: colorRamp(chroma(colors.base0A)),
-        green: colorRamp(chroma(colors.base0B)),
-        cyan: colorRamp(chroma(colors.base0C)),
-        blue: colorRamp(chroma(colors.base0D)),
-        violet: colorRamp(chroma(colors.base0E)),
-        magenta: colorRamp(chroma(colors.base0F)),
-    }, syntax)
+            red: colorRamp(chroma(colors.base08)),
+            orange: colorRamp(chroma(colors.base09)),
+            yellow: colorRamp(chroma(colors.base0A)),
+            green: colorRamp(chroma(colors.base0B)),
+            cyan: colorRamp(chroma(colors.base0C)),
+            blue: colorRamp(chroma(colors.base0D)),
+            violet: colorRamp(chroma(colors.base0E)),
+            magenta: colorRamp(chroma(colors.base0F)),
+        },
+        syntax
+    )
 }
 
 export const dark = theme(variant)
diff --git a/styles/src/themes/atelier-seaside-light.ts b/styles/src/themes/atelier-seaside-light.ts
index 23db80221f5d62fff6a023f1f65c707afd2da13d..6f6823718aed9ba4e3d7325b9968b11ba5472b40 100644
--- a/styles/src/themes/atelier-seaside-light.ts
+++ b/styles/src/themes/atelier-seaside-light.ts
@@ -26,7 +26,7 @@ const variant: Variant = {
         base0D: "#3d62f5",
         base0E: "#ad2bee",
         base0F: "#e619c3",
-    }
+    },
 }
 
 const syntax = buildSyntax(variant)
@@ -34,20 +34,33 @@ const syntax = buildSyntax(variant)
 const theme = (variant: Variant) => {
     const { meta, colors } = variant
 
-    return createColorScheme(meta.name, true, {
-        neutral: chroma
-            .scale([
-                colors.base00, colors.base01, colors.base02, colors.base03, colors.base04, colors.base05, colors.base06, colors.base07
-            ].reverse()),
-        red: colorRamp(chroma(colors.base08)),
-        orange: colorRamp(chroma(colors.base09)),
-        yellow: colorRamp(chroma(colors.base0A)),
-        green: colorRamp(chroma(colors.base0B)),
-        cyan: colorRamp(chroma(colors.base0C)),
-        blue: colorRamp(chroma(colors.base0D)),
-        violet: colorRamp(chroma(colors.base0E)),
-        magenta: colorRamp(chroma(colors.base0F)),
-    }, syntax)
+    return createColorScheme(
+        meta.name,
+        true,
+        {
+            neutral: chroma.scale(
+                [
+                    colors.base00,
+                    colors.base01,
+                    colors.base02,
+                    colors.base03,
+                    colors.base04,
+                    colors.base05,
+                    colors.base06,
+                    colors.base07,
+                ].reverse()
+            ),
+            red: colorRamp(chroma(colors.base08)),
+            orange: colorRamp(chroma(colors.base09)),
+            yellow: colorRamp(chroma(colors.base0A)),
+            green: colorRamp(chroma(colors.base0B)),
+            cyan: colorRamp(chroma(colors.base0C)),
+            blue: colorRamp(chroma(colors.base0D)),
+            violet: colorRamp(chroma(colors.base0E)),
+            magenta: colorRamp(chroma(colors.base0F)),
+        },
+        syntax
+    )
 }
 
 export const dark = theme(variant)
diff --git a/styles/src/themes/atelier-sulphurpool-dark.ts b/styles/src/themes/atelier-sulphurpool-dark.ts
index 2d282deaa2b591b88a0e48f3c46eefe30528f31f..dcfc0d932a67d7081f5bcdb195f6fc57cfc2d79f 100644
--- a/styles/src/themes/atelier-sulphurpool-dark.ts
+++ b/styles/src/themes/atelier-sulphurpool-dark.ts
@@ -25,8 +25,8 @@ const variant: Variant = {
         base0C: "#22a2c9",
         base0D: "#3d8fd1",
         base0E: "#6679cc",
-        base0F: "#9c637a"
-    }
+        base0F: "#9c637a",
+    },
 }
 
 const syntax = buildSyntax(variant)
@@ -34,20 +34,31 @@ const syntax = buildSyntax(variant)
 const theme = (variant: Variant) => {
     const { meta, colors } = variant
 
-    return createColorScheme(meta.name, false, {
-        neutral: chroma
-            .scale([
-                colors.base00, colors.base01, colors.base02, colors.base03, colors.base04, colors.base05, colors.base06, colors.base07
+    return createColorScheme(
+        meta.name,
+        false,
+        {
+            neutral: chroma.scale([
+                colors.base00,
+                colors.base01,
+                colors.base02,
+                colors.base03,
+                colors.base04,
+                colors.base05,
+                colors.base06,
+                colors.base07,
             ]),
-        red: colorRamp(chroma(colors.base08)),
-        orange: colorRamp(chroma(colors.base09)),
-        yellow: colorRamp(chroma(colors.base0A)),
-        green: colorRamp(chroma(colors.base0B)),
-        cyan: colorRamp(chroma(colors.base0C)),
-        blue: colorRamp(chroma(colors.base0D)),
-        violet: colorRamp(chroma(colors.base0E)),
-        magenta: colorRamp(chroma(colors.base0F)),
-    }, syntax)
+            red: colorRamp(chroma(colors.base08)),
+            orange: colorRamp(chroma(colors.base09)),
+            yellow: colorRamp(chroma(colors.base0A)),
+            green: colorRamp(chroma(colors.base0B)),
+            cyan: colorRamp(chroma(colors.base0C)),
+            blue: colorRamp(chroma(colors.base0D)),
+            violet: colorRamp(chroma(colors.base0E)),
+            magenta: colorRamp(chroma(colors.base0F)),
+        },
+        syntax
+    )
 }
 
 export const dark = theme(variant)
diff --git a/styles/src/themes/atelier-sulphurpool-light.ts b/styles/src/themes/atelier-sulphurpool-light.ts
index 943ceedf2b3d582e2005fdc5e1c35d9536dab12e..b2b5f7c328ba86be296be0fb938bf850571dbef9 100644
--- a/styles/src/themes/atelier-sulphurpool-light.ts
+++ b/styles/src/themes/atelier-sulphurpool-light.ts
@@ -25,8 +25,8 @@ const variant: Variant = {
         base0C: "#22a2c9",
         base0D: "#3d8fd1",
         base0E: "#6679cc",
-        base0F: "#9c637a"
-    }
+        base0F: "#9c637a",
+    },
 }
 
 const syntax = buildSyntax(variant)
@@ -34,20 +34,33 @@ const syntax = buildSyntax(variant)
 const theme = (variant: Variant) => {
     const { meta, colors } = variant
 
-    return createColorScheme(meta.name, true, {
-        neutral: chroma
-            .scale([
-                colors.base00, colors.base01, colors.base02, colors.base03, colors.base04, colors.base05, colors.base06, colors.base07
-            ].reverse()),
-        red: colorRamp(chroma(colors.base08)),
-        orange: colorRamp(chroma(colors.base09)),
-        yellow: colorRamp(chroma(colors.base0A)),
-        green: colorRamp(chroma(colors.base0B)),
-        cyan: colorRamp(chroma(colors.base0C)),
-        blue: colorRamp(chroma(colors.base0D)),
-        violet: colorRamp(chroma(colors.base0E)),
-        magenta: colorRamp(chroma(colors.base0F)),
-    }, syntax)
+    return createColorScheme(
+        meta.name,
+        true,
+        {
+            neutral: chroma.scale(
+                [
+                    colors.base00,
+                    colors.base01,
+                    colors.base02,
+                    colors.base03,
+                    colors.base04,
+                    colors.base05,
+                    colors.base06,
+                    colors.base07,
+                ].reverse()
+            ),
+            red: colorRamp(chroma(colors.base08)),
+            orange: colorRamp(chroma(colors.base09)),
+            yellow: colorRamp(chroma(colors.base0A)),
+            green: colorRamp(chroma(colors.base0B)),
+            cyan: colorRamp(chroma(colors.base0C)),
+            blue: colorRamp(chroma(colors.base0D)),
+            violet: colorRamp(chroma(colors.base0E)),
+            magenta: colorRamp(chroma(colors.base0F)),
+        },
+        syntax
+    )
 }
 
 export const dark = theme(variant)
diff --git a/styles/src/themes/common/atelier-common.ts b/styles/src/themes/common/atelier-common.ts
index 25dda87c6118c5c8776ec198fb4d1f404c96858c..08a915d01948f300441d0904cbff2fd406e3dcba 100644
--- a/styles/src/themes/common/atelier-common.ts
+++ b/styles/src/themes/common/atelier-common.ts
@@ -33,7 +33,7 @@ export const metaCommon: {
             https_url: "https://atelierbram.mit-license.org/license.txt",
             license_checksum:
                 "f95ce526ef4e7eecf7a832bba0e3451cc1000f9ce63eb01ed6f64f8109f5d0a5",
-        }
+        },
     },
 }
 
diff --git a/styles/src/themes/gruvbox-common.ts b/styles/src/themes/gruvbox-common.ts
index c3e63a31cf12ca19419548677a598661cafae39c..c42362c11c007e5371ad7134c7300667fe04304e 100644
--- a/styles/src/themes/gruvbox-common.ts
+++ b/styles/src/themes/gruvbox-common.ts
@@ -248,7 +248,8 @@ export const meta: Meta = {
     name,
     license: {
         SPDX: "MIT", // "MIT/X11"
-        license_text: "Copyright <YEAR> <COPYRIGHT HOLDER>\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files(the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/ or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE."
+        license_text:
+            "Copyright <YEAR> <COPYRIGHT HOLDER>\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files(the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/ or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.",
     },
     author: "morhetz <morhetz@gmail.com>",
     url: "https://github.com/morhetz/gruvbox",
diff --git a/styles/src/themes/gruvbox-dark-hard.ts b/styles/src/themes/gruvbox-dark-hard.ts
index a6e20e1020945474320537b332884d123fbaa543..3723de49015ab0cfe0f975a15943c4d4e7f35548 100644
--- a/styles/src/themes/gruvbox-dark-hard.ts
+++ b/styles/src/themes/gruvbox-dark-hard.ts
@@ -1,6 +1,6 @@
-import { darkHard as dark, meta as commonMeta } from "./gruvbox-common";
+import { darkHard as dark, meta as commonMeta } from "./gruvbox-common"
 
-let meta = { ...commonMeta };
+let meta = { ...commonMeta }
 meta.name = `${commonMeta.name} Dark Hard`
 
-export { dark, meta }
\ No newline at end of file
+export { dark, meta }
diff --git a/styles/src/themes/gruvbox-dark-soft.ts b/styles/src/themes/gruvbox-dark-soft.ts
index 7eaefaa99ac3df5190506820215a581036ae1eb7..2887572eadb6e757e0611b00301c3edb790fda59 100644
--- a/styles/src/themes/gruvbox-dark-soft.ts
+++ b/styles/src/themes/gruvbox-dark-soft.ts
@@ -1,7 +1,6 @@
-import { darkSoft as dark, meta as commonMeta } from "./gruvbox-common";
+import { darkSoft as dark, meta as commonMeta } from "./gruvbox-common"
 
-
-let meta = { ...commonMeta };
+let meta = { ...commonMeta }
 meta.name = `${commonMeta.name} Dark Soft`
 
-export { dark, meta }
\ No newline at end of file
+export { dark, meta }
diff --git a/styles/src/themes/gruvbox-dark.ts b/styles/src/themes/gruvbox-dark.ts
index ea21933714e2bcc33e0eed28bb46f2998ebb0a16..cff7bd8bf94af1a839c043bb93165d7077912c6f 100644
--- a/styles/src/themes/gruvbox-dark.ts
+++ b/styles/src/themes/gruvbox-dark.ts
@@ -1,7 +1,6 @@
-import { darkDefault as dark, meta as commonMeta } from "./gruvbox-common";
+import { darkDefault as dark, meta as commonMeta } from "./gruvbox-common"
 
-
-let meta = { ...commonMeta };
+let meta = { ...commonMeta }
 meta.name = `${commonMeta.name} Dark`
 
-export { dark, meta }
\ No newline at end of file
+export { dark, meta }
diff --git a/styles/src/themes/gruvbox-light-hard.ts b/styles/src/themes/gruvbox-light-hard.ts
index b0f42ca4b7aea8fea65e1565cf61388045c8371f..cf998ce588bfc56b168e05a3c03cd2c9a568dadd 100644
--- a/styles/src/themes/gruvbox-light-hard.ts
+++ b/styles/src/themes/gruvbox-light-hard.ts
@@ -1,6 +1,6 @@
-import { lightHard as light, meta as commonMeta } from "./gruvbox-common";
+import { lightHard as light, meta as commonMeta } from "./gruvbox-common"
 
-let meta = { ...commonMeta };
+let meta = { ...commonMeta }
 meta.name = `${commonMeta.name} Dark Soft`
 
-export { light, meta }
\ No newline at end of file
+export { light, meta }
diff --git a/styles/src/themes/gruvbox-light-soft.ts b/styles/src/themes/gruvbox-light-soft.ts
index 6743d29232931de6b5041977ba0c87cbec7a1e1a..90ec82e965e6ef5f36c173fee837162e0b1aefaf 100644
--- a/styles/src/themes/gruvbox-light-soft.ts
+++ b/styles/src/themes/gruvbox-light-soft.ts
@@ -1,6 +1,6 @@
-import { lightSoft as light, meta as commonMeta } from "./gruvbox-common";
+import { lightSoft as light, meta as commonMeta } from "./gruvbox-common"
 
-let meta = { ...commonMeta };
+let meta = { ...commonMeta }
 meta.name = `${commonMeta.name} Light Soft`
 
-export { light, meta }
\ No newline at end of file
+export { light, meta }
diff --git a/styles/src/themes/gruvbox-light.ts b/styles/src/themes/gruvbox-light.ts
index f64778d8564dbdcfd4e56b64d338ae1d7f3e3b2a..e8f355cd11482c3ca82462c5ca1fa239071e6b84 100644
--- a/styles/src/themes/gruvbox-light.ts
+++ b/styles/src/themes/gruvbox-light.ts
@@ -1,6 +1,6 @@
-import { lightDefault as light, meta as commonMeta } from "./gruvbox-common";
+import { lightDefault as light, meta as commonMeta } from "./gruvbox-common"
 
-let meta = { ...commonMeta };
+let meta = { ...commonMeta }
 meta.name = `${commonMeta.name} Light`
 
-export { light, meta }
\ No newline at end of file
+export { light, meta }
diff --git a/styles/src/themes/one-dark.ts b/styles/src/themes/one-dark.ts
index f99b4114f3ec9fa35f97705cb708f3c300e460fe..85417a0e68651341edded4689425b15a0d8f29b1 100644
--- a/styles/src/themes/one-dark.ts
+++ b/styles/src/themes/one-dark.ts
@@ -79,7 +79,7 @@ export const meta: Meta = {
                 "https://raw.githubusercontent.com/atom/atom/master/packages/one-light-ui/LICENSE.md",
             license_checksum:
                 "d5af8fc171f6f600c0ab4e7597dca398dda80dbe6821ce01cef78e859e7a00f8",
-        }
+        },
     },
     url: "https://github.com/atom/atom/tree/master/packages/one-dark-ui",
 }
diff --git a/styles/src/themes/one-light.ts b/styles/src/themes/one-light.ts
index 534e4c16481a6dac6635f74084a2fcea1b36bb8d..7bf21aee17d4871681b33174e3b20bea06ced9fe 100644
--- a/styles/src/themes/one-light.ts
+++ b/styles/src/themes/one-light.ts
@@ -78,7 +78,7 @@ export const meta: Meta = {
                 "https://raw.githubusercontent.com/atom/atom/master/packages/one-light-ui/LICENSE.md",
             license_checksum:
                 "d5af8fc171f6f600c0ab4e7597dca398dda80dbe6821ce01cef78e859e7a00f8",
-        }
+        },
     },
     url: "https://github.com/atom/atom/tree/master/packages/one-light-ui",
 }
diff --git a/styles/src/themes/rose-pine-dawn.ts b/styles/src/themes/rose-pine-dawn.ts
index 7f7d52079d4b2ea0977c04e8b2e121b6e7f14bf3..427b05f72b8e5672897b7457738d4c43e2c6f603 100644
--- a/styles/src/themes/rose-pine-dawn.ts
+++ b/styles/src/themes/rose-pine-dawn.ts
@@ -39,7 +39,7 @@ export const meta: Meta = {
                 "https://raw.githubusercontent.com/edunfelt/base16-rose-pine-scheme/main/LICENSE",
             license_checksum:
                 "6ca1b9da8c78c8441c5aa43d024a4e4a7bf59d1ecca1480196e94fda0f91ee4a",
-        }
+        },
     },
     url: "https://github.com/edunfelt/base16-rose-pine-scheme",
 }
diff --git a/styles/src/themes/rose-pine-moon.ts b/styles/src/themes/rose-pine-moon.ts
index a89d44487e04a9e48836b619d78967ea1576953f..be2f5a8dafd366803f13737c75bdb48d7e101aa9 100644
--- a/styles/src/themes/rose-pine-moon.ts
+++ b/styles/src/themes/rose-pine-moon.ts
@@ -39,7 +39,7 @@ export const meta: Meta = {
                 "https://raw.githubusercontent.com/edunfelt/base16-rose-pine-scheme/main/LICENSE",
             license_checksum:
                 "6ca1b9da8c78c8441c5aa43d024a4e4a7bf59d1ecca1480196e94fda0f91ee4a",
-        }
+        },
     },
     url: "https://github.com/edunfelt/base16-rose-pine-scheme",
 }
diff --git a/styles/src/themes/rose-pine.ts b/styles/src/themes/rose-pine.ts
index 87c9d34ffefe5d2e12bb1ce8cdfbfd3e6f058b6a..944550f1250ad01146f8622a8199cf027f4658ab 100644
--- a/styles/src/themes/rose-pine.ts
+++ b/styles/src/themes/rose-pine.ts
@@ -37,7 +37,7 @@ export const meta: Meta = {
                 "https://raw.githubusercontent.com/edunfelt/base16-rose-pine-scheme/main/LICENSE",
             license_checksum:
                 "6ca1b9da8c78c8441c5aa43d024a4e4a7bf59d1ecca1480196e94fda0f91ee4a",
-        }
+        },
     },
     url: "https://github.com/edunfelt/base16-rose-pine-scheme",
 }
diff --git a/styles/src/themes/sandcastle.ts b/styles/src/themes/sandcastle.ts
index 86179db3dbacd91f42a38739acb42efb55e7c745..483f01b27a1850463348e0a9c575086a014d5f1b 100644
--- a/styles/src/themes/sandcastle.ts
+++ b/styles/src/themes/sandcastle.ts
@@ -37,7 +37,7 @@ export const meta: Meta = {
                 "https://raw.githubusercontent.com/gessig/base16-sandcastle-scheme/master/LICENSE",
             license_checksum:
                 "8399d44b4d935b60be9fee0a76d7cc9a817b4f3f11574c9d6d1e8fd57e72ffdc",
-        }
+        },
     },
     url: "https://github.com/gessig/base16-sandcastle-scheme",
 }
diff --git a/styles/src/themes/solarized.ts b/styles/src/themes/solarized.ts
index 42306f68c3a6c4deea12006b88a320b596713ec1..1210c4380608e812d39dec0f36d6ec69dab37e9b 100644
--- a/styles/src/themes/solarized.ts
+++ b/styles/src/themes/solarized.ts
@@ -40,7 +40,7 @@ export const meta: Metadata = {
                 "https://raw.githubusercontent.com/altercation/solarized/master/LICENSE",
             license_checksum:
                 "494aefdabf86acce06bd63001ad8aedad4ee38da23509d3f917d95aa3368b9a6",
-        }
+        },
     },
     url: "https://github.com/altercation/solarized",
 }
diff --git a/styles/src/themes/summercamp.ts b/styles/src/themes/summercamp.ts
index e8d1bd40b2538b3904127e6699ef4236dd9d6b98..7df125e86606d299e52ffb07140f156744e086ce 100644
--- a/styles/src/themes/summercamp.ts
+++ b/styles/src/themes/summercamp.ts
@@ -39,6 +39,6 @@ export const meta: Meta = {
                 "https://raw.githubusercontent.com/zoefiri/base16-sc/master/LICENSE",
             license_checksum:
                 "fadcc834b7eaf2943800956600e8aeea4b495ecf6490f4c4b6c91556a90accaf",
-        }
+        },
     },
 }