Merge pull request #2254 from zed-industries/nate/update-themes

Nate Butler created 2 years ago

WIP: More theme updates

Change summary

styles/src/buildLicenses.ts                    |  2 
styles/src/styleTree/editor.ts                 |  2 
styles/src/themes/andromeda.ts                 |  2 
styles/src/themes/atelier-cave-dark.ts         | 66 ++++++++++++++++++
styles/src/themes/atelier-cave-light.ts        | 68 ++++++++++++++++++
styles/src/themes/atelier-cave.ts              | 65 -----------------
styles/src/themes/atelier-dune-dark.ts         | 66 ++++++++++++++++++
styles/src/themes/atelier-dune-light.ts        | 68 ++++++++++++++++++
styles/src/themes/atelier-estuary-dark.ts      | 66 ++++++++++++++++++
styles/src/themes/atelier-estuary-light.ts     | 68 ++++++++++++++++++
styles/src/themes/atelier-forest-dark.ts       | 66 ++++++++++++++++++
styles/src/themes/atelier-forest-light.ts      | 68 ++++++++++++++++++
styles/src/themes/atelier-heath-dark.ts        | 66 ++++++++++++++++++
styles/src/themes/atelier-heath-light.ts       | 68 ++++++++++++++++++
styles/src/themes/atelier-lakeside-dark.ts     | 66 ++++++++++++++++++
styles/src/themes/atelier-lakeside-light.ts    | 68 ++++++++++++++++++
styles/src/themes/atelier-plateau-dark.ts      | 66 ++++++++++++++++++
styles/src/themes/atelier-plateau-light.ts     | 68 ++++++++++++++++++
styles/src/themes/atelier-savanna-dark.ts      | 66 ++++++++++++++++++
styles/src/themes/atelier-savanna-light.ts     | 68 ++++++++++++++++++
styles/src/themes/atelier-seaside-dark.ts      | 66 ++++++++++++++++++
styles/src/themes/atelier-seaside-light.ts     | 68 ++++++++++++++++++
styles/src/themes/atelier-sulphurpool-dark.ts  | 66 ++++++++++++++++++
styles/src/themes/atelier-sulphurpool-light.ts | 68 ++++++++++++++++++
styles/src/themes/atelier-sulphurpool.ts       | 45 ------------
styles/src/themes/common/atelier-common.ts     | 66 ++++++++++++++++++
styles/src/themes/gruvbox-common.ts            |  0 
styles/src/themes/gruvbox-dark-hard.ts         |  6 
styles/src/themes/gruvbox-dark-soft.ts         |  7 -
styles/src/themes/gruvbox-dark.ts              |  7 -
styles/src/themes/gruvbox-light-hard.ts        |  6 
styles/src/themes/gruvbox-light-soft.ts        |  6 
styles/src/themes/gruvbox-light.ts             |  6 
styles/src/themes/one-dark.ts                  |  2 
styles/src/themes/one-light.ts                 |  2 
styles/src/themes/rose-pine-dawn.ts            |  2 
styles/src/themes/rose-pine-moon.ts            |  2 
styles/src/themes/rose-pine.ts                 |  2 
styles/src/themes/sandcastle.ts                |  2 
styles/src/themes/solarized.ts                 |  2 
styles/src/themes/staff/abruzzo.ts             | 31 --------
styles/src/themes/staff/atelier-dune.ts        | 35 ---------
styles/src/themes/staff/atelier-heath.ts       | 54 --------------
styles/src/themes/staff/atelier-seaside.ts     | 35 ---------
styles/src/themes/staff/brushtrees.ts          | 73 --------------------
styles/src/themes/staff/dracula.ts             | 31 --------
styles/src/themes/staff/monokai.ts             | 32 --------
styles/src/themes/staff/nord.ts                | 32 --------
styles/src/themes/staff/seti-ui.ts             | 32 --------
styles/src/themes/staff/tokyo-night-storm.ts   | 32 --------
styles/src/themes/staff/tokyo-night.ts         | 53 --------------
styles/src/themes/staff/zed-pro.ts             | 36 ---------
styles/src/themes/staff/zenburn.ts             | 31 --------
styles/src/themes/summercamp.ts                |  2 
54 files changed, 1,435 insertions(+), 648 deletions(-)

Detailed changes

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

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"),
         },

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",
 }

styles/src/themes/atelier-cave-dark.ts 🔗

@@ -0,0 +1,66 @@
+import chroma from "chroma-js"
+import { Meta } from "./common/colorScheme"
+import { colorRamp, createColorScheme } from "./common/ramps"
+import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
+
+const variant: Variant = {
+    meta: {
+        name: `${name} Cave Dark`,
+        ...metaCommon,
+        url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/cave/",
+    },
+    colors: {
+        base00: "#19171c",
+        base01: "#26232a",
+        base02: "#585260",
+        base03: "#655f6d",
+        base04: "#7e7887",
+        base05: "#8b8792",
+        base06: "#e2dfe7",
+        base07: "#efecf4",
+        base08: "#be4678",
+        base09: "#aa573c",
+        base0A: "#a06e3b",
+        base0B: "#2a9292",
+        base0C: "#398bc6",
+        base0D: "#576ddb",
+        base0E: "#955ae7",
+        base0F: "#bf40bf",
+    },
+}
+
+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,
+            ]),
+            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)
+
+export const meta: Meta = variant.meta

styles/src/themes/atelier-cave-light.ts 🔗

@@ -0,0 +1,68 @@
+import chroma from "chroma-js"
+import { Meta } from "./common/colorScheme"
+import { colorRamp, createColorScheme } from "./common/ramps"
+import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
+
+const variant: Variant = {
+    meta: {
+        name: `${name} Cave Light`,
+        ...metaCommon,
+        url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/cave/",
+    },
+    colors: {
+        base00: "#efecf4",
+        base01: "#e2dfe7",
+        base02: "#8b8792",
+        base03: "#7e7887",
+        base04: "#655f6d",
+        base05: "#585260",
+        base06: "#26232a",
+        base07: "#19171c",
+        base08: "#be4678",
+        base09: "#aa573c",
+        base0A: "#a06e3b",
+        base0B: "#2a9292",
+        base0C: "#398bc6",
+        base0D: "#576ddb",
+        base0E: "#955ae7",
+        base0F: "#bf40bf",
+    },
+}
+
+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
+    )
+}
+
+export const dark = theme(variant)
+
+export const meta: Meta = variant.meta

styles/src/themes/atelier-cave.ts 🔗

@@ -1,65 +0,0 @@
-import chroma from "chroma-js"
-import { Meta } from "./common/colorScheme"
-import { colorRamp, createColorScheme } from "./common/ramps"
-
-const name = "Atelier Cave"
-
-export const dark = createColorScheme(`${name} Dark`, false, {
-    neutral: chroma
-        .scale([
-            "#19171c",
-            "#26232a",
-            "#585260",
-            "#655f6d",
-            "#7e7887",
-            "#8b8792",
-            "#e2dfe7",
-            "#efecf4",
-        ])
-        .domain([0, 0.15, 0.45, 0.6, 0.65, 0.7, 0.85, 1]),
-    red: colorRamp(chroma("#be4678")),
-    orange: colorRamp(chroma("#aa573c")),
-    yellow: colorRamp(chroma("#a06e3b")),
-    green: colorRamp(chroma("#2a9292")),
-    cyan: colorRamp(chroma("#398bc6")),
-    blue: colorRamp(chroma("#576ddb")),
-    violet: colorRamp(chroma("#955ae7")),
-    magenta: colorRamp(chroma("#bf40bf")),
-})
-
-export const light = createColorScheme(`${name} Light`, true, {
-    neutral: chroma
-        .scale([
-            "#19171c",
-            "#26232a",
-            "#585260",
-            "#655f6d",
-            "#7e7887",
-            "#8b8792",
-            "#e2dfe7",
-            "#efecf4",
-        ])
-        .correctLightness(),
-    red: colorRamp(chroma("#be4678")),
-    orange: colorRamp(chroma("#aa573c")),
-    yellow: colorRamp(chroma("#a06e3b")),
-    green: colorRamp(chroma("#2a9292")),
-    cyan: colorRamp(chroma("#398bc6")),
-    blue: colorRamp(chroma("#576ddb")),
-    violet: colorRamp(chroma("#955ae7")),
-    magenta: colorRamp(chroma("#bf40bf")),
-})
-
-export const meta: Meta = {
-    name,
-    author: "atelierbram",
-    license: {
-        SPDX: "MIT",
-        license_text: {
-            https_url: "https://atelierbram.mit-license.org/license.txt",
-            license_checksum:
-                "f95ce526ef4e7eecf7a832bba0e3451cc1000f9ce63eb01ed6f64f8109f5d0a5",
-        }
-    },
-    url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/cave/",
-}

styles/src/themes/atelier-dune-dark.ts 🔗

@@ -0,0 +1,66 @@
+import chroma from "chroma-js"
+import { Meta } from "./common/colorScheme"
+import { colorRamp, createColorScheme } from "./common/ramps"
+import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
+
+const variant: Variant = {
+    meta: {
+        name: `${name} Dune Dark`,
+        ...metaCommon,
+        url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/dune/",
+    },
+    colors: {
+        base00: "#20201d",
+        base01: "#292824",
+        base02: "#6e6b5e",
+        base03: "#7d7a68",
+        base04: "#999580",
+        base05: "#a6a28c",
+        base06: "#e8e4cf",
+        base07: "#fefbec",
+        base08: "#d73737",
+        base09: "#b65611",
+        base0A: "#ae9513",
+        base0B: "#60ac39",
+        base0C: "#1fad83",
+        base0D: "#6684e1",
+        base0E: "#b854d4",
+        base0F: "#d43552",
+    },
+}
+
+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,
+            ]),
+            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)
+
+export const meta: Meta = variant.meta

styles/src/themes/atelier-dune-light.ts 🔗

@@ -0,0 +1,68 @@
+import chroma from "chroma-js"
+import { Meta } from "./common/colorScheme"
+import { colorRamp, createColorScheme } from "./common/ramps"
+import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
+
+const variant: Variant = {
+    meta: {
+        name: `${name} Dune Light`,
+        ...metaCommon,
+        url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/dune/",
+    },
+    colors: {
+        base00: "#fefbec",
+        base01: "#e8e4cf",
+        base02: "#a6a28c",
+        base03: "#999580",
+        base04: "#7d7a68",
+        base05: "#6e6b5e",
+        base06: "#292824",
+        base07: "#20201d",
+        base08: "#d73737",
+        base09: "#b65611",
+        base0A: "#ae9513",
+        base0B: "#60ac39",
+        base0C: "#1fad83",
+        base0D: "#6684e1",
+        base0E: "#b854d4",
+        base0F: "#d43552",
+    },
+}
+
+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
+    )
+}
+
+export const dark = theme(variant)
+
+export const meta: Meta = variant.meta

styles/src/themes/atelier-estuary-dark.ts 🔗

@@ -0,0 +1,66 @@
+import chroma from "chroma-js"
+import { Meta } from "./common/colorScheme"
+import { colorRamp, createColorScheme } from "./common/ramps"
+import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
+
+const variant: Variant = {
+    meta: {
+        name: `${name} Estuary Dark`,
+        ...metaCommon,
+        url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/estuary/",
+    },
+    colors: {
+        base00: "#22221b",
+        base01: "#302f27",
+        base02: "#5f5e4e",
+        base03: "#6c6b5a",
+        base04: "#878573",
+        base05: "#929181",
+        base06: "#e7e6df",
+        base07: "#f4f3ec",
+        base08: "#ba6236",
+        base09: "#ae7313",
+        base0A: "#a5980d",
+        base0B: "#7d9726",
+        base0C: "#5b9d48",
+        base0D: "#36a166",
+        base0E: "#5f9182",
+        base0F: "#9d6c7c",
+    },
+}
+
+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,
+            ]),
+            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)
+
+export const meta: Meta = variant.meta

styles/src/themes/atelier-estuary-light.ts 🔗

@@ -0,0 +1,68 @@
+import chroma from "chroma-js"
+import { Meta } from "./common/colorScheme"
+import { colorRamp, createColorScheme } from "./common/ramps"
+import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
+
+const variant: Variant = {
+    meta: {
+        name: `${name} Estuary Light`,
+        ...metaCommon,
+        url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/estuary/",
+    },
+    colors: {
+        base00: "#f4f3ec",
+        base01: "#e7e6df",
+        base02: "#929181",
+        base03: "#878573",
+        base04: "#6c6b5a",
+        base05: "#5f5e4e",
+        base06: "#302f27",
+        base07: "#22221b",
+        base08: "#ba6236",
+        base09: "#ae7313",
+        base0A: "#a5980d",
+        base0B: "#7d9726",
+        base0C: "#5b9d48",
+        base0D: "#36a166",
+        base0E: "#5f9182",
+        base0F: "#9d6c7c",
+    },
+}
+
+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
+    )
+}
+
+export const dark = theme(variant)
+
+export const meta: Meta = variant.meta

styles/src/themes/atelier-forest-dark.ts 🔗

@@ -0,0 +1,66 @@
+import chroma from "chroma-js"
+import { Meta } from "./common/colorScheme"
+import { colorRamp, createColorScheme } from "./common/ramps"
+import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
+
+const variant: Variant = {
+    meta: {
+        name: `${name} Forest Dark`,
+        ...metaCommon,
+        url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/forest/",
+    },
+    colors: {
+        base00: "#1b1918",
+        base01: "#2c2421",
+        base02: "#68615e",
+        base03: "#766e6b",
+        base04: "#9c9491",
+        base05: "#a8a19f",
+        base06: "#e6e2e0",
+        base07: "#f1efee",
+        base08: "#f22c40",
+        base09: "#df5320",
+        base0A: "#c38418",
+        base0B: "#7b9726",
+        base0C: "#3d97b8",
+        base0D: "#407ee7",
+        base0E: "#6666ea",
+        base0F: "#c33ff3",
+    },
+}
+
+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,
+            ]),
+            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)
+
+export const meta: Meta = variant.meta

styles/src/themes/atelier-forest-light.ts 🔗

@@ -0,0 +1,68 @@
+import chroma from "chroma-js"
+import { Meta } from "./common/colorScheme"
+import { colorRamp, createColorScheme } from "./common/ramps"
+import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
+
+const variant: Variant = {
+    meta: {
+        name: `${name} Forest Light`,
+        ...metaCommon,
+        url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/forest/",
+    },
+    colors: {
+        base00: "#f1efee",
+        base01: "#e6e2e0",
+        base02: "#a8a19f",
+        base03: "#9c9491",
+        base04: "#766e6b",
+        base05: "#68615e",
+        base06: "#2c2421",
+        base07: "#1b1918",
+        base08: "#f22c40",
+        base09: "#df5320",
+        base0A: "#c38418",
+        base0B: "#7b9726",
+        base0C: "#3d97b8",
+        base0D: "#407ee7",
+        base0E: "#6666ea",
+        base0F: "#c33ff3",
+    },
+}
+
+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
+    )
+}
+
+export const dark = theme(variant)
+
+export const meta: Meta = variant.meta

styles/src/themes/atelier-heath-dark.ts 🔗

@@ -0,0 +1,66 @@
+import chroma from "chroma-js"
+import { Meta } from "./common/colorScheme"
+import { colorRamp, createColorScheme } from "./common/ramps"
+import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
+
+const variant: Variant = {
+    meta: {
+        name: `${name} Heath Dark`,
+        ...metaCommon,
+        url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/heath/",
+    },
+    colors: {
+        base00: "#1b181b",
+        base01: "#292329",
+        base02: "#695d69",
+        base03: "#776977",
+        base04: "#9e8f9e",
+        base05: "#ab9bab",
+        base06: "#d8cad8",
+        base07: "#f7f3f7",
+        base08: "#ca402b",
+        base09: "#a65926",
+        base0A: "#bb8a35",
+        base0B: "#918b3b",
+        base0C: "#159393",
+        base0D: "#516aec",
+        base0E: "#7b59c0",
+        base0F: "#cc33cc",
+    },
+}
+
+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,
+            ]),
+            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)
+
+export const meta: Meta = variant.meta

styles/src/themes/atelier-heath-light.ts 🔗

@@ -0,0 +1,68 @@
+import chroma from "chroma-js"
+import { Meta } from "./common/colorScheme"
+import { colorRamp, createColorScheme } from "./common/ramps"
+import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
+
+const variant: Variant = {
+    meta: {
+        name: `${name} Heath Light`,
+        ...metaCommon,
+        url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/heath/",
+    },
+    colors: {
+        base00: "#f7f3f7",
+        base01: "#d8cad8",
+        base02: "#ab9bab",
+        base03: "#9e8f9e",
+        base04: "#776977",
+        base05: "#695d69",
+        base06: "#292329",
+        base07: "#1b181b",
+        base08: "#ca402b",
+        base09: "#a65926",
+        base0A: "#bb8a35",
+        base0B: "#918b3b",
+        base0C: "#159393",
+        base0D: "#516aec",
+        base0E: "#7b59c0",
+        base0F: "#cc33cc",
+    },
+}
+
+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
+    )
+}
+
+export const dark = theme(variant)
+
+export const meta: Meta = variant.meta

styles/src/themes/atelier-lakeside-dark.ts 🔗

@@ -0,0 +1,66 @@
+import chroma from "chroma-js"
+import { Meta } from "./common/colorScheme"
+import { colorRamp, createColorScheme } from "./common/ramps"
+import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
+
+const variant: Variant = {
+    meta: {
+        name: `${name} Lakeside Dark`,
+        ...metaCommon,
+        url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/lakeside/",
+    },
+    colors: {
+        base00: "#161b1d",
+        base01: "#1f292e",
+        base02: "#516d7b",
+        base03: "#5a7b8c",
+        base04: "#7195a8",
+        base05: "#7ea2b4",
+        base06: "#c1e4f6",
+        base07: "#ebf8ff",
+        base08: "#d22d72",
+        base09: "#935c25",
+        base0A: "#8a8a0f",
+        base0B: "#568c3b",
+        base0C: "#2d8f6f",
+        base0D: "#257fad",
+        base0E: "#6b6bb8",
+        base0F: "#b72dd2",
+    },
+}
+
+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,
+            ]),
+            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)
+
+export const meta: Meta = variant.meta

styles/src/themes/atelier-lakeside-light.ts 🔗

@@ -0,0 +1,68 @@
+import chroma from "chroma-js"
+import { Meta } from "./common/colorScheme"
+import { colorRamp, createColorScheme } from "./common/ramps"
+import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
+
+const variant: Variant = {
+    meta: {
+        name: `${name} Lakeside Light`,
+        ...metaCommon,
+        url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/lakeside/",
+    },
+    colors: {
+        base00: "#ebf8ff",
+        base01: "#c1e4f6",
+        base02: "#7ea2b4",
+        base03: "#7195a8",
+        base04: "#5a7b8c",
+        base05: "#516d7b",
+        base06: "#1f292e",
+        base07: "#161b1d",
+        base08: "#d22d72",
+        base09: "#935c25",
+        base0A: "#8a8a0f",
+        base0B: "#568c3b",
+        base0C: "#2d8f6f",
+        base0D: "#257fad",
+        base0E: "#6b6bb8",
+        base0F: "#b72dd2",
+    },
+}
+
+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
+    )
+}
+
+export const dark = theme(variant)
+
+export const meta: Meta = variant.meta

styles/src/themes/atelier-plateau-dark.ts 🔗

@@ -0,0 +1,66 @@
+import chroma from "chroma-js"
+import { Meta } from "./common/colorScheme"
+import { colorRamp, createColorScheme } from "./common/ramps"
+import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
+
+const variant: Variant = {
+    meta: {
+        name: `${name} Plateau Dark`,
+        ...metaCommon,
+        url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/plateau/",
+    },
+    colors: {
+        base00: "#1b1818",
+        base01: "#292424",
+        base02: "#585050",
+        base03: "#655d5d",
+        base04: "#7e7777",
+        base05: "#8a8585",
+        base06: "#e7dfdf",
+        base07: "#f4ecec",
+        base08: "#ca4949",
+        base09: "#b45a3c",
+        base0A: "#a06e3b",
+        base0B: "#4b8b8b",
+        base0C: "#5485b6",
+        base0D: "#7272ca",
+        base0E: "#8464c4",
+        base0F: "#bd5187",
+    },
+}
+
+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,
+            ]),
+            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)
+
+export const meta: Meta = variant.meta

styles/src/themes/atelier-plateau-light.ts 🔗

@@ -0,0 +1,68 @@
+import chroma from "chroma-js"
+import { Meta } from "./common/colorScheme"
+import { colorRamp, createColorScheme } from "./common/ramps"
+import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
+
+const variant: Variant = {
+    meta: {
+        name: `${name} Plateau Light`,
+        ...metaCommon,
+        url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/plateau/",
+    },
+    colors: {
+        base00: "#f4ecec",
+        base01: "#e7dfdf",
+        base02: "#8a8585",
+        base03: "#7e7777",
+        base04: "#655d5d",
+        base05: "#585050",
+        base06: "#292424",
+        base07: "#1b1818",
+        base08: "#ca4949",
+        base09: "#b45a3c",
+        base0A: "#a06e3b",
+        base0B: "#4b8b8b",
+        base0C: "#5485b6",
+        base0D: "#7272ca",
+        base0E: "#8464c4",
+        base0F: "#bd5187",
+    },
+}
+
+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
+    )
+}
+
+export const dark = theme(variant)
+
+export const meta: Meta = variant.meta

styles/src/themes/atelier-savanna-dark.ts 🔗

@@ -0,0 +1,66 @@
+import chroma from "chroma-js"
+import { Meta } from "./common/colorScheme"
+import { colorRamp, createColorScheme } from "./common/ramps"
+import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
+
+const variant: Variant = {
+    meta: {
+        name: `${name} Savanna Dark`,
+        ...metaCommon,
+        url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/savanna/",
+    },
+    colors: {
+        base00: "#171c19",
+        base01: "#232a25",
+        base02: "#526057",
+        base03: "#5f6d64",
+        base04: "#78877d",
+        base05: "#87928a",
+        base06: "#dfe7e2",
+        base07: "#ecf4ee",
+        base08: "#b16139",
+        base09: "#9f713c",
+        base0A: "#a07e3b",
+        base0B: "#489963",
+        base0C: "#1c9aa0",
+        base0D: "#478c90",
+        base0E: "#55859b",
+        base0F: "#867469",
+    },
+}
+
+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,
+            ]),
+            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)
+
+export const meta: Meta = variant.meta

styles/src/themes/atelier-savanna-light.ts 🔗

@@ -0,0 +1,68 @@
+import chroma from "chroma-js"
+import { Meta } from "./common/colorScheme"
+import { colorRamp, createColorScheme } from "./common/ramps"
+import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
+
+const variant: Variant = {
+    meta: {
+        name: `${name} Savanna Light`,
+        ...metaCommon,
+        url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/savanna/",
+    },
+    colors: {
+        base00: "#ecf4ee",
+        base01: "#dfe7e2",
+        base02: "#87928a",
+        base03: "#78877d",
+        base04: "#5f6d64",
+        base05: "#526057",
+        base06: "#232a25",
+        base07: "#171c19",
+        base08: "#b16139",
+        base09: "#9f713c",
+        base0A: "#a07e3b",
+        base0B: "#489963",
+        base0C: "#1c9aa0",
+        base0D: "#478c90",
+        base0E: "#55859b",
+        base0F: "#867469",
+    },
+}
+
+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
+    )
+}
+
+export const dark = theme(variant)
+
+export const meta: Meta = variant.meta

styles/src/themes/atelier-seaside-dark.ts 🔗

@@ -0,0 +1,66 @@
+import chroma from "chroma-js"
+import { Meta } from "./common/colorScheme"
+import { colorRamp, createColorScheme } from "./common/ramps"
+import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
+
+const variant: Variant = {
+    meta: {
+        name: `${name} Seaside Dark`,
+        ...metaCommon,
+        url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/seaside/",
+    },
+    colors: {
+        base00: "#131513",
+        base01: "#242924",
+        base02: "#5e6e5e",
+        base03: "#687d68",
+        base04: "#809980",
+        base05: "#8ca68c",
+        base06: "#cfe8cf",
+        base07: "#f4fbf4",
+        base08: "#e6193c",
+        base09: "#87711d",
+        base0A: "#98981b",
+        base0B: "#29a329",
+        base0C: "#1999b3",
+        base0D: "#3d62f5",
+        base0E: "#ad2bee",
+        base0F: "#e619c3",
+    },
+}
+
+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,
+            ]),
+            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)
+
+export const meta: Meta = variant.meta

styles/src/themes/atelier-seaside-light.ts 🔗

@@ -0,0 +1,68 @@
+import chroma from "chroma-js"
+import { Meta } from "./common/colorScheme"
+import { colorRamp, createColorScheme } from "./common/ramps"
+import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
+
+const variant: Variant = {
+    meta: {
+        name: `${name} Seaside Light`,
+        ...metaCommon,
+        url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/seaside/",
+    },
+    colors: {
+        base00: "#f4fbf4",
+        base01: "#cfe8cf",
+        base02: "#8ca68c",
+        base03: "#809980",
+        base04: "#687d68",
+        base05: "#5e6e5e",
+        base06: "#242924",
+        base07: "#131513",
+        base08: "#e6193c",
+        base09: "#87711d",
+        base0A: "#98981b",
+        base0B: "#29a329",
+        base0C: "#1999b3",
+        base0D: "#3d62f5",
+        base0E: "#ad2bee",
+        base0F: "#e619c3",
+    },
+}
+
+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
+    )
+}
+
+export const dark = theme(variant)
+
+export const meta: Meta = variant.meta

styles/src/themes/atelier-sulphurpool-dark.ts 🔗

@@ -0,0 +1,66 @@
+import chroma from "chroma-js"
+import { Meta } from "./common/colorScheme"
+import { colorRamp, createColorScheme } from "./common/ramps"
+import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
+
+const variant: Variant = {
+    meta: {
+        name: `${name} Sulphurpool Dark`,
+        ...metaCommon,
+        url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/sulphurpool/",
+    },
+    colors: {
+        base00: "#202746",
+        base01: "#293256",
+        base02: "#5e6687",
+        base03: "#6b7394",
+        base04: "#898ea4",
+        base05: "#979db4",
+        base06: "#dfe2f1",
+        base07: "#f5f7ff",
+        base08: "#c94922",
+        base09: "#c76b29",
+        base0A: "#c08b30",
+        base0B: "#ac9739",
+        base0C: "#22a2c9",
+        base0D: "#3d8fd1",
+        base0E: "#6679cc",
+        base0F: "#9c637a",
+    },
+}
+
+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,
+            ]),
+            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)
+
+export const meta: Meta = variant.meta

styles/src/themes/atelier-sulphurpool-light.ts 🔗

@@ -0,0 +1,68 @@
+import chroma from "chroma-js"
+import { Meta } from "./common/colorScheme"
+import { colorRamp, createColorScheme } from "./common/ramps"
+import { metaCommon, name, buildSyntax, Variant } from "./common/atelier-common"
+
+const variant: Variant = {
+    meta: {
+        name: `${name} Sulphurpool Light`,
+        ...metaCommon,
+        url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/sulphurpool/",
+    },
+    colors: {
+        base00: "#f5f7ff",
+        base01: "#dfe2f1",
+        base02: "#979db4",
+        base03: "#898ea4",
+        base04: "#6b7394",
+        base05: "#5e6687",
+        base06: "#293256",
+        base07: "#202746",
+        base08: "#c94922",
+        base09: "#c76b29",
+        base0A: "#c08b30",
+        base0B: "#ac9739",
+        base0C: "#22a2c9",
+        base0D: "#3d8fd1",
+        base0E: "#6679cc",
+        base0F: "#9c637a",
+    },
+}
+
+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
+    )
+}
+
+export const dark = theme(variant)
+
+export const meta: Meta = variant.meta

styles/src/themes/atelier-sulphurpool.ts 🔗

@@ -1,45 +0,0 @@
-import chroma from "chroma-js"
-import { Meta } from "./common/colorScheme"
-import { colorRamp, createColorScheme } from "./common/ramps"
-
-const name = "Atelier Sulphurpool"
-
-const ramps = {
-    neutral: chroma
-        .scale([
-            "#202746",
-            "#293256",
-            "#5e6687",
-            "#6b7394",
-            "#898ea4",
-            "#979db4",
-            "#dfe2f1",
-            "#f5f7ff",
-        ])
-        .domain([0, 0.2, 0.38, 0.45, 0.65, 0.7, 0.85, 1]),
-    red: colorRamp(chroma("#c94922")),
-    orange: colorRamp(chroma("#c76b29")),
-    yellow: colorRamp(chroma("#c08b30")),
-    green: colorRamp(chroma("#ac9739")),
-    cyan: colorRamp(chroma("#22a2c9")),
-    blue: colorRamp(chroma("#3d8fd1")),
-    violet: colorRamp(chroma("#6679cc")),
-    magenta: colorRamp(chroma("#9c637a")),
-}
-
-export const dark = createColorScheme(`${name} Dark`, false, ramps)
-export const light = createColorScheme(`${name} Light`, true, ramps)
-
-export const meta: Meta = {
-    name,
-    author: "atelierbram",
-    license: {
-        SPDX: "MIT",
-        license_text: {
-            https_url: "https://atelierbram.mit-license.org/license.txt",
-            license_checksum:
-                "f95ce526ef4e7eecf7a832bba0e3451cc1000f9ce63eb01ed6f64f8109f5d0a5",
-        }
-    },
-    url: "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/sulphurpool/",
-}

styles/src/themes/common/atelier-common.ts 🔗

@@ -0,0 +1,66 @@
+import { License, Meta, ThemeSyntax } from "./colorScheme"
+
+export interface Variant {
+    meta: Meta
+    colors: {
+        base00: string
+        base01: string
+        base02: string
+        base03: string
+        base04: string
+        base05: string
+        base06: string
+        base07: string
+        base08: string
+        base09: string
+        base0A: string
+        base0B: string
+        base0C: string
+        base0D: string
+        base0E: string
+        base0F: string
+    }
+}
+
+export const metaCommon: {
+    author: string
+    license: License
+} = {
+    author: "Bram de Haan (http://atelierbramdehaan.nl)",
+    license: {
+        SPDX: "MIT",
+        license_text: {
+            https_url: "https://atelierbram.mit-license.org/license.txt",
+            license_checksum:
+                "f95ce526ef4e7eecf7a832bba0e3451cc1000f9ce63eb01ed6f64f8109f5d0a5",
+        },
+    },
+}
+
+export const buildSyntax = (variant: Variant): ThemeSyntax => {
+    const { colors } = variant
+    return {
+        primary: { color: colors.base06 },
+        comment: { color: colors.base03 },
+        "punctuation.delimiter": { color: colors.base05 },
+        "punctuation.bracket": { color: colors.base05 },
+        "punctuation.special": { color: colors.base0F },
+        "string.special.symbol": { color: colors.base0B },
+        operator: { color: colors.base05 },
+        function: { color: colors.base0D },
+        "function.method": { color: colors.base0D },
+        "function.special.definition": { color: colors.base0A },
+        string: { color: colors.base0B },
+        "string.special": { color: colors.base0F },
+        "string.regex": { color: colors.base0C },
+        type: { color: colors.base0A },
+        number: { color: colors.base09 },
+        property: { color: colors.base08 },
+        variable: { color: colors.base06 },
+        "variable.special": { color: colors.base0E },
+        variant: { color: colors.base0A },
+        keyword: { color: colors.base0E },
+    }
+}
+
+export const name = "Atelier"

styles/src/themes/gruvbox-common.ts 🔗

@@ -248,7 +248,8 @@ export const meta: Meta = {
     name,
     license: {
         SPDX: "MIT", // "MIT/X11"

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 }
+export { dark, meta }

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 }
+export { dark, meta }

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 }
+export { dark, meta }

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 }
+export { light, meta }

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 }
+export { light, meta }

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 }
+export { light, meta }

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",
 }

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",
 }

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",
 }

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",
 }

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",
 }

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",
 }

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",
 }

styles/src/themes/staff/abruzzo.ts 🔗

@@ -1,31 +0,0 @@
-import chroma from "chroma-js"
-import { colorRamp, createColorScheme } from "../common/ramps"
-
-const name = "Abruzzo"
-const author = "slightknack <hey@isaac.sh>"
-const url = "https://github.com/slightknack"
-const license = {
-    type: "",
-    url: "",
-}
-
-export const dark = createColorScheme(name, false, {
-    neutral: chroma.scale([
-        "#1b0d05",
-        "#2c1e18",
-        "#654035",
-        "#9d5e4a",
-        "#b37354",
-        "#c1825a",
-        "#dda66e",
-        "#fbf3e2",
-    ]),
-    red: colorRamp(chroma("#e594c4")),
-    orange: colorRamp(chroma("#d9e87e")),
-    yellow: colorRamp(chroma("#fd9d83")),
-    green: colorRamp(chroma("#96adf7")),
-    cyan: colorRamp(chroma("#fc798f")),
-    blue: colorRamp(chroma("#BCD0F5")),
-    violet: colorRamp(chroma("#dac5eb")),
-    magenta: colorRamp(chroma("#c1a3ef")),
-})

styles/src/themes/staff/atelier-dune.ts 🔗

@@ -1,35 +0,0 @@
-import chroma from "chroma-js"
-import { colorRamp, createColorScheme } from "../common/ramps"
-
-const name = "Atelier Dune"
-const author = "atelierbram"
-const url =
-    "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/dune/"
-const license = {
-    type: "MIT",
-    url: "https://github.com/atelierbram/syntax-highlighting/blob/master/LICENSE",
-}
-
-const ramps = {
-    neutral: chroma.scale([
-        "#20201d",
-        "#292824",
-        "#6e6b5e",
-        "#7d7a68",
-        "#999580",
-        "#a6a28c",
-        "#e8e4cf",
-        "#fefbec",
-    ]),
-    red: colorRamp(chroma("#d73737")),
-    orange: colorRamp(chroma("#b65611")),
-    yellow: colorRamp(chroma("#ae9513")),
-    green: colorRamp(chroma("#60ac39")),
-    cyan: colorRamp(chroma("#1fad83")),
-    blue: colorRamp(chroma("#6684e1")),
-    violet: colorRamp(chroma("#b854d4")),
-    magenta: colorRamp(chroma("#d43552")),
-}
-
-export const dark = createColorScheme(`${name} Dark`, false, ramps)
-export const light = createColorScheme(`${name} Light`, true, ramps)

styles/src/themes/staff/atelier-heath.ts 🔗

@@ -1,54 +0,0 @@
-import chroma from "chroma-js"
-import { colorRamp, createColorScheme } from "../common/ramps"
-
-const name = "Atelier Heath"
-const author = "atelierbram"
-const url =
-    "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/heath/"
-const license = {
-    type: "MIT",
-    url: "https://github.com/atelierbram/syntax-highlighting/blob/master/LICENSE",
-}
-
-// `name-[light|dark]`, isLight, color ramps
-export const dark = createColorScheme(`${name} Dark`, false, {
-    neutral: chroma.scale([
-        "#1b181b",
-        "#292329",
-        "#695d69",
-        "#776977",
-        "#9e8f9e",
-        "#ab9bab",
-        "#d8cad8",
-        "#f7f3f7",
-    ]),
-    red: colorRamp(chroma("#ca402b")),
-    orange: colorRamp(chroma("#a65926")),
-    yellow: colorRamp(chroma("#bb8a35")),
-    green: colorRamp(chroma("#918b3b")),
-    cyan: colorRamp(chroma("#159393")),
-    blue: colorRamp(chroma("#516aec")),
-    violet: colorRamp(chroma("#7b59c0")),
-    magenta: colorRamp(chroma("#cc33cc")),
-})
-
-export const light = createColorScheme(`${name} Light`, true, {
-    neutral: chroma.scale([
-        "#161b1d",
-        "#1f292e",
-        "#516d7b",
-        "#5a7b8c",
-        "#7195a8",
-        "#7ea2b4",
-        "#c1e4f6",
-        "#ebf8ff",
-    ]),
-    red: colorRamp(chroma("#d22d72")),
-    orange: colorRamp(chroma("#935c25")),
-    yellow: colorRamp(chroma("#8a8a0f")),
-    green: colorRamp(chroma("#568c3b")),
-    cyan: colorRamp(chroma("#2d8f6f")),
-    blue: colorRamp(chroma("#257fad")),
-    violet: colorRamp(chroma("#6b6bb8")),
-    magenta: colorRamp(chroma("#b72dd2")),
-})

styles/src/themes/staff/atelier-seaside.ts 🔗

@@ -1,35 +0,0 @@
-import chroma from "chroma-js"
-import { colorRamp, createColorScheme } from "../common/ramps"
-
-const name = "Atelier Seaside"
-const author = "atelierbram"
-const url =
-    "https://atelierbram.github.io/syntax-highlighting/atelier-schemes/seaside/"
-const license = {
-    type: "MIT",
-    url: "https://github.com/atelierbram/syntax-highlighting/blob/master/LICENSE",
-}
-
-const ramps = {
-    neutral: chroma.scale([
-        "#131513",
-        "#242924",
-        "#5e6e5e",
-        "#687d68",
-        "#809980",
-        "#8ca68c",
-        "#cfe8cf",
-        "#f4fbf4",
-    ]),
-    red: colorRamp(chroma("#e6193c")),
-    orange: colorRamp(chroma("#87711d")),
-    yellow: colorRamp(chroma("#98981b")),
-    green: colorRamp(chroma("#29a329")),
-    cyan: colorRamp(chroma("#1999b3")),
-    blue: colorRamp(chroma("#3d62f5")),
-    violet: colorRamp(chroma("#ad2bee")),
-    magenta: colorRamp(chroma("#e619c3")),
-}
-
-export const dark = createColorScheme(`${name} Dark`, false, ramps)
-export const light = createColorScheme(`${name} Light`, true, ramps)

styles/src/themes/staff/brushtrees.ts 🔗

@@ -1,73 +0,0 @@
-import chroma from "chroma-js"
-import { colorRamp, createColorScheme } from "../common/ramps"
-
-const name = "Brush Trees"
-const author = "Abraham White <abelincoln.white@gmail.com>"
-const url = "https://github.com/WhiteAbeLincoln/base16-brushtrees-scheme"
-const license = {
-    type: "MIT",
-    url: "https://github.com/WhiteAbeLincoln/base16-brushtrees-scheme/blob/master/LICENSE",
-}
-
-export const dark = createColorScheme(`${name} Dark`, false, {
-    neutral: chroma.scale([
-        "#485867",
-        "#5A6D7A",
-        "#6D828E",
-        "#8299A1",
-        "#98AFB5",
-        "#B0C5C8",
-        "#C9DBDC",
-        "#E3EFEF",
-    ]),
-    red: colorRamp(chroma("#b38686")),
-    orange: colorRamp(chroma("#d8bba2")),
-    yellow: colorRamp(chroma("#aab386")),
-    green: colorRamp(chroma("#87b386")),
-    cyan: colorRamp(chroma("#86b3b3")),
-    blue: colorRamp(chroma("#868cb3")),
-    violet: colorRamp(chroma("#b386b2")),
-    magenta: colorRamp(chroma("#b39f9f")),
-})
-
-export const mirage = createColorScheme(`${name} Mirage`, false, {
-    neutral: chroma.scale([
-        "#485867",
-        "#5A6D7A",
-        "#6D828E",
-        "#8299A1",
-        "#98AFB5",
-        "#B0C5C8",
-        "#C9DBDC",
-        "#E3EFEF",
-    ]),
-    red: colorRamp(chroma("#F28779")),
-    orange: colorRamp(chroma("#FFAD66")),
-    yellow: colorRamp(chroma("#FFD173")),
-    green: colorRamp(chroma("#D5FF80")),
-    cyan: colorRamp(chroma("#95E6CB")),
-    blue: colorRamp(chroma("#5CCFE6")),
-    violet: colorRamp(chroma("#D4BFFF")),
-    magenta: colorRamp(chroma("#F29E74")),
-})
-
-export const light = createColorScheme(`${name} Light`, true, {
-    neutral: chroma.scale([
-        "#1A1F29",
-        "#242936",
-        "#5C6773",
-        "#828C99",
-        "#ABB0B6",
-        "#F8F9FA",
-        "#F3F4F5",
-        "#FAFAFA",
-    ]),
-    red: colorRamp(chroma("#b38686")),
-    orange: colorRamp(chroma("#d8bba2")),
-    yellow: colorRamp(chroma("#aab386")),
-    green: colorRamp(chroma("#87b386")),
-    cyan: colorRamp(chroma("#86b3b3")),
-    blue: colorRamp(chroma("#868cb3")),
-    violet: colorRamp(chroma("#b386b2")),
-    magenta: colorRamp(chroma("#b39f9f")),
-})

styles/src/themes/staff/dracula.ts 🔗

@@ -1,31 +0,0 @@
-import chroma from "chroma-js"
-import { colorRamp, createColorScheme } from "../common/ramps"
-
-const name = "Dracula"
-const author = "zenorocha"
-const url = "https://github.com/dracula/dracula-theme"
-const license = {
-    type: "MIT",
-    url: "https://github.com/dracula/dracula-theme/blob/master/LICENSE",
-}
-
-export const dark = createColorScheme(name, false, {
-    neutral: chroma.scale([
-        "#282A36",
-        "#3a3c4e",
-        "#4d4f68",
-        "#626483",
-        "#62d6e8",
-        "#e9e9f4",
-        "#f1f2f8",
-        "#f8f8f2",
-    ]),
-    red: colorRamp(chroma("#ff5555")),
-    orange: colorRamp(chroma("#ffb86c")),
-    yellow: colorRamp(chroma("#f1fa8c")),
-    green: colorRamp(chroma("#50fa7b")),
-    cyan: colorRamp(chroma("#8be9fd")),
-    blue: colorRamp(chroma("#6272a4")),
-    violet: colorRamp(chroma("#bd93f9")),
-    magenta: colorRamp(chroma("#00f769")),
-})

styles/src/themes/staff/monokai.ts 🔗

@@ -1,32 +0,0 @@
-import chroma from "chroma-js"
-import { colorRamp, createColorScheme } from "../common/ramps"
-
-const name = "Monokai"
-const author = "Wimer Hazenberg (http://www.monokai.nl)"
-const url = "https://base16.netlify.app/previews/base16-monokai.html"
-const license = {
-    type: "?",
-    url: "?",
-}
-
-// `name-[light|dark]`, isLight, color ramps
-export const dark = createColorScheme(name, false, {
-    neutral: chroma.scale([
-        "#272822",
-        "#383830",
-        "#49483e",
-        "#75715e",
-        "#a59f85",
-        "#f8f8f2",
-        "#f5f4f1",
-        "#f9f8f5",
-    ]),
-    red: colorRamp(chroma("#f92672")),
-    orange: colorRamp(chroma("#fd971f")),
-    yellow: colorRamp(chroma("#f4bf75")),
-    green: colorRamp(chroma("#a6e22e")),
-    cyan: colorRamp(chroma("#a1efe4")),
-    blue: colorRamp(chroma("#66d9ef")),
-    violet: colorRamp(chroma("#ae81ff")),
-    magenta: colorRamp(chroma("#cc6633")),
-})

styles/src/themes/staff/nord.ts 🔗

@@ -1,32 +0,0 @@
-import chroma from "chroma-js"
-import { colorRamp, createColorScheme } from "../common/ramps"
-
-const name = "Nord"
-const author = "arcticicestudio"
-const url = "https://www.nordtheme.com/"
-const license = {
-    type: "MIT",
-    url: "https://github.com/arcticicestudio/nord/blob/develop/LICENSE.md",
-}
-
-// `name-[light|dark]`, isLight, color ramps
-export const dark = createColorScheme(name, false, {
-    neutral: chroma.scale([
-        "#2E3440",
-        "#3B4252",
-        "#434C5E",
-        "#4C566A",
-        "#D8DEE9",
-        "#E5E9F0",
-        "#ECEFF4",
-        "#8FBCBB",
-    ]),
-    red: colorRamp(chroma("#88C0D0")),
-    orange: colorRamp(chroma("#81A1C1")),
-    yellow: colorRamp(chroma("#5E81AC")),
-    green: colorRamp(chroma("#BF616A")),
-    cyan: colorRamp(chroma("#D08770")),
-    blue: colorRamp(chroma("#EBCB8B")),
-    violet: colorRamp(chroma("#A3BE8C")),
-    magenta: colorRamp(chroma("#B48EAD")),
-})

styles/src/themes/staff/seti-ui.ts 🔗

@@ -1,32 +0,0 @@
-import chroma from "chroma-js"
-import { colorRamp, createColorScheme } from "../common/ramps"
-
-const name = "Seti UI"
-const author = "jesseweed"
-const url = "https://github.com/jesseweed/seti-ui"
-const license = {
-    type: "MIT",
-    url: "https://github.com/jesseweed/seti-ui/blob/master/LICENSE.md",
-}
-
-// `name-[light|dark]`, isLight, color ramps
-export const dark = createColorScheme(name, false, {
-    neutral: chroma.scale([
-        "#151718",
-        "#262B30",
-        "#1E2326",
-        "#41535B",
-        "#43a5d5",
-        "#d6d6d6",
-        "#eeeeee",
-        "#ffffff",
-    ]),
-    red: colorRamp(chroma("#Cd3f45")),
-    orange: colorRamp(chroma("#db7b55")),
-    yellow: colorRamp(chroma("#e6cd69")),
-    green: colorRamp(chroma("#9fca56")),
-    cyan: colorRamp(chroma("#55dbbe")),
-    blue: colorRamp(chroma("#55b5db")),
-    violet: colorRamp(chroma("#a074c4")),
-    magenta: colorRamp(chroma("#8a553f")),
-})

styles/src/themes/staff/tokyo-night-storm.ts 🔗

@@ -1,32 +0,0 @@
-import chroma from "chroma-js"
-import { colorRamp, createColorScheme } from "../common/ramps"
-
-const name = "Tokyo Night Storm"
-const author = "folke"
-const url = "https://github.com/folke/tokyonight.nvim"
-const license = {
-    type: "MIT",
-    url: "https://github.com/ghifarit53/tokyonight-vim/blob/master/LICENSE",
-}
-
-// `name-[light|dark]`, isLight, color ramps
-export const dark = createColorScheme(name, false, {
-    neutral: chroma.scale([
-        "#24283B",
-        "#16161E",
-        "#343A52",
-        "#444B6A",
-        "#787C99",
-        "#A9B1D6",
-        "#CBCCD1",
-        "#D5D6DB",
-    ]),
-    red: colorRamp(chroma("#C0CAF5")),
-    orange: colorRamp(chroma("#A9B1D6")),
-    yellow: colorRamp(chroma("#0DB9D7")),
-    green: colorRamp(chroma("#9ECE6A")),
-    cyan: colorRamp(chroma("#B4F9F8")),
-    blue: colorRamp(chroma("#2AC3DE")),
-    violet: colorRamp(chroma("#BB9AF7")),
-    magenta: colorRamp(chroma("#F7768E")),
-})

styles/src/themes/staff/tokyo-night.ts 🔗

@@ -1,53 +0,0 @@
-import chroma from "chroma-js"
-import { colorRamp, createColorScheme } from "../common/ramps"
-
-const name = "Tokyo"
-const author = "folke"
-const url = "https://github.com/folke/tokyonight.nvim"
-const license = {
-    type: "Apache License 2.0",
-    url: "https://github.com/folke/tokyonight.nvim/blob/main/LICENSE",
-}
-
-// `name-[light|dark]`, isLight, color ramps
-export const dark = createColorScheme(`${name} Night`, false, {
-    neutral: chroma.scale([
-        "#1A1B26",
-        "#16161E",
-        "#2F3549",
-        "#444B6A",
-        "#787C99",
-        "#A9B1D6",
-        "#CBCCD1",
-        "#D5D6DB",
-    ]),
-    red: colorRamp(chroma("#C0CAF5")),
-    orange: colorRamp(chroma("#A9B1D6")),
-    yellow: colorRamp(chroma("#0DB9D7")),
-    green: colorRamp(chroma("#9ECE6A")),
-    cyan: colorRamp(chroma("#B4F9F8")),
-    blue: colorRamp(chroma("#2AC3DE")),
-    violet: colorRamp(chroma("#BB9AF7")),
-    magenta: colorRamp(chroma("#F7768E")),
-})
-
-export const light = createColorScheme(`${name} Day`, true, {
-    neutral: chroma.scale([
-        "#1A1B26",
-        "#1A1B26",
-        "#343B59",
-        "#4C505E",
-        "#9699A3",
-        "#DFE0E5",
-        "#CBCCD1",
-        "#D5D6DB",
-    ]),
-    red: colorRamp(chroma("#343B58")),
-    orange: colorRamp(chroma("#965027")),
-    yellow: colorRamp(chroma("#166775")),
-    green: colorRamp(chroma("#485E30")),
-    cyan: colorRamp(chroma("#3E6968")),
-    blue: colorRamp(chroma("#34548A")),
-    violet: colorRamp(chroma("#5A4A78")),
-    magenta: colorRamp(chroma("#8C4351")),
-})

styles/src/themes/staff/zed-pro.ts 🔗

@@ -1,36 +0,0 @@
-import chroma from "chroma-js"
-import { colorRamp, createColorScheme } from "../common/ramps"
-
-const name = "Zed Pro"
-const author = "Nate Butler"
-const url = "https://github.com/iamnbutler"
-const license = {
-    type: "?",
-    url: "?",
-}
-
-const ramps = {
-    neutral: chroma
-        .scale([
-            "#101010",
-            "#1C1C1C",
-            "#212121",
-            "#2D2D2D",
-            "#B9B9B9",
-            "#DADADA",
-            "#E6E6E6",
-            "#FFFFFF",
-        ])
-        .domain([0, 0.1, 0.2, 0.3, 0.7, 0.8, 0.9, 1]),
-    red: colorRamp(chroma("#DC604F")),
-    orange: colorRamp(chroma("#DE782F")),
-    yellow: colorRamp(chroma("#E0B750")),
-    green: colorRamp(chroma("#2A643D")),
-    cyan: colorRamp(chroma("#215050")),
-    blue: colorRamp(chroma("#2F6DB7")),
-    violet: colorRamp(chroma("#5874C1")),
-    magenta: colorRamp(chroma("#DE9AB8")),
-}
-
-export const dark = createColorScheme(`${name} Dark`, false, ramps)
-export const light = createColorScheme(`${name} Light`, true, ramps)

styles/src/themes/staff/zenburn.ts 🔗

@@ -1,31 +0,0 @@
-import chroma from "chroma-js"
-import { colorRamp, createColorScheme } from "../common/ramps"
-
-const name = "Zenburn"
-const author = "elnawe"
-const url = "https://github.com/elnawe/base16-zenburn-scheme"
-const license = {
-    type: "None",
-    url: "",
-}
-
-export const dark = createColorScheme(name, false, {
-    neutral: chroma.scale([
-        "#383838",
-        "#404040",
-        "#606060",
-        "#6f6f6f",
-        "#808080",
-        "#dcdccc",
-        "#c0c0c0",
-        "#ffffff",
-    ]),
-    red: colorRamp(chroma("#dca3a3")),
-    orange: colorRamp(chroma("#dfaf8f")),
-    yellow: colorRamp(chroma("#e0cf9f")),
-    green: colorRamp(chroma("#5f7f5f")),
-    cyan: colorRamp(chroma("#93e0e3")),
-    blue: colorRamp(chroma("#7cb8bb")),
-    violet: colorRamp(chroma("#dc8cc3")),
-    magenta: colorRamp(chroma("#000000")),
-})

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",
-        }
+        },
     },
 }