mirror of
https://github.com/zed-industries/zed.git
synced 2025-01-02 18:51:34 +03:00
feat: change themes to return ThemeConfig
This commit is contained in:
Sergey Onufrienko
parent
f97999d97f
commit
d2b8501347
@ -1,44 +1,39 @@
|
||||
import chroma from "chroma-js"
|
||||
import { Meta, colorRamp, createColorScheme, ThemeAppearance } from "../common"
|
||||
import {
|
||||
chroma,
|
||||
colorRamp,
|
||||
ThemeAppearance,
|
||||
ThemeLicenseType,
|
||||
ThemeConfig,
|
||||
} from "../../common"
|
||||
|
||||
const name = "Andromeda"
|
||||
|
||||
const ramps = {
|
||||
neutral: chroma
|
||||
.scale([
|
||||
"#1E2025",
|
||||
"#23262E",
|
||||
"#292E38",
|
||||
"#2E323C",
|
||||
"#ACA8AE",
|
||||
"#CBC9CF",
|
||||
"#E1DDE4",
|
||||
"#F7F7F8",
|
||||
])
|
||||
.domain([0, 0.15, 0.25, 0.35, 0.7, 0.8, 0.9, 1]),
|
||||
red: colorRamp(chroma("#F92672")),
|
||||
orange: colorRamp(chroma("#F39C12")),
|
||||
yellow: colorRamp(chroma("#FFE66D")),
|
||||
green: colorRamp(chroma("#96E072")),
|
||||
cyan: colorRamp(chroma("#00E8C6")),
|
||||
blue: colorRamp(chroma("#0CA793")),
|
||||
violet: colorRamp(chroma("#8A3FA6")),
|
||||
magenta: colorRamp(chroma("#C74DED")),
|
||||
}
|
||||
|
||||
export const meta: Meta = {
|
||||
name,
|
||||
export const dark: ThemeConfig = {
|
||||
name: "Andromeda",
|
||||
author: "EliverLara",
|
||||
license: {
|
||||
SPDX: "MIT",
|
||||
},
|
||||
url: "https://github.com/EliverLara/Andromeda",
|
||||
}
|
||||
|
||||
export const dark = createColorScheme({
|
||||
name: meta.name,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Dark,
|
||||
inputColor: ramps,
|
||||
licenseType: ThemeLicenseType.MIT,
|
||||
licenseUrl: "https://github.com/EliverLara/Andromeda",
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: {
|
||||
neutral: chroma
|
||||
.scale([
|
||||
"#1E2025",
|
||||
"#23262E",
|
||||
"#292E38",
|
||||
"#2E323C",
|
||||
"#ACA8AE",
|
||||
"#CBC9CF",
|
||||
"#E1DDE4",
|
||||
"#F7F7F8",
|
||||
])
|
||||
.domain([0, 0.15, 0.25, 0.35, 0.7, 0.8, 0.9, 1]),
|
||||
red: colorRamp(chroma("#F92672")),
|
||||
orange: colorRamp(chroma("#F39C12")),
|
||||
yellow: colorRamp(chroma("#FFE66D")),
|
||||
green: colorRamp(chroma("#96E072")),
|
||||
cyan: colorRamp(chroma("#00E8C6")),
|
||||
blue: colorRamp(chroma("#0CA793")),
|
||||
violet: colorRamp(chroma("#8A3FA6")),
|
||||
magenta: colorRamp(chroma("#C74DED")),
|
||||
},
|
||||
override: { syntax: {} },
|
||||
})
|
||||
}
|
||||
|
||||
@ -1,13 +1,7 @@
|
||||
import chroma from "chroma-js"
|
||||
import { Meta, colorRamp, createColorScheme, ThemeAppearance } from "../common"
|
||||
import { metaCommon, name, buildSyntax, Variant } from "./common"
|
||||
import { chroma, ThemeAppearance, ThemeConfig, colorRamp } from "../../common"
|
||||
import { meta, buildSyntax, Variant } from "./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",
|
||||
@ -30,13 +24,16 @@ const variant: Variant = {
|
||||
|
||||
const syntax = buildSyntax(variant)
|
||||
|
||||
const theme = (variant: Variant) => {
|
||||
const { meta, colors } = variant
|
||||
const getTheme = (variant: Variant): ThemeConfig => {
|
||||
const { colors } = variant
|
||||
|
||||
return createColorScheme({
|
||||
name: meta.name,
|
||||
return {
|
||||
name: `${meta.name} Cave Dark`,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Dark,
|
||||
licenseType: meta.licenseType,
|
||||
licenseUrl: meta.licenseUrl,
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: {
|
||||
neutral: chroma.scale([
|
||||
colors.base00,
|
||||
@ -58,9 +55,7 @@ const theme = (variant: Variant) => {
|
||||
magenta: colorRamp(chroma(colors.base0F)),
|
||||
},
|
||||
override: { syntax },
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
export const dark = theme(variant)
|
||||
|
||||
export const meta: Meta = variant.meta
|
||||
export const theme = getTheme(variant)
|
||||
|
||||
@ -1,13 +1,7 @@
|
||||
import chroma from "chroma-js"
|
||||
import { Meta, colorRamp, createColorScheme, ThemeAppearance } from "../common"
|
||||
import { metaCommon, name, buildSyntax, Variant } from "./common"
|
||||
import { chroma, ThemeAppearance, ThemeConfig, colorRamp } from "../../common"
|
||||
import { meta, buildSyntax, Variant } from "./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",
|
||||
@ -30,13 +24,16 @@ const variant: Variant = {
|
||||
|
||||
const syntax = buildSyntax(variant)
|
||||
|
||||
const theme = (variant: Variant) => {
|
||||
const { meta, colors } = variant
|
||||
const getTheme = (variant: Variant): ThemeConfig => {
|
||||
const { colors } = variant
|
||||
|
||||
return createColorScheme({
|
||||
name: meta.name,
|
||||
return {
|
||||
name: `${meta.name} Cave Light`,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Light,
|
||||
licenseType: meta.licenseType,
|
||||
licenseUrl: meta.licenseUrl,
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: {
|
||||
neutral: chroma.scale(
|
||||
[
|
||||
@ -60,9 +57,7 @@ const theme = (variant: Variant) => {
|
||||
magenta: colorRamp(chroma(colors.base0F)),
|
||||
},
|
||||
override: { syntax },
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
export const dark = theme(variant)
|
||||
|
||||
export const meta: Meta = variant.meta
|
||||
export const theme = getTheme(variant)
|
||||
|
||||
@ -1,13 +1,7 @@
|
||||
import chroma from "chroma-js"
|
||||
import { Meta, colorRamp, createColorScheme, ThemeAppearance } from "../common"
|
||||
import { metaCommon, name, buildSyntax, Variant } from "./common"
|
||||
import { chroma, ThemeAppearance, ThemeConfig, colorRamp } from "../../common"
|
||||
import { meta, buildSyntax, Variant } from "./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",
|
||||
@ -30,13 +24,16 @@ const variant: Variant = {
|
||||
|
||||
const syntax = buildSyntax(variant)
|
||||
|
||||
const theme = (variant: Variant) => {
|
||||
const { meta, colors } = variant
|
||||
const getTheme = (variant: Variant): ThemeConfig => {
|
||||
const { colors } = variant
|
||||
|
||||
return createColorScheme({
|
||||
name: meta.name,
|
||||
return {
|
||||
name: `${meta.name} Dune Dark`,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Dark,
|
||||
licenseType: meta.licenseType,
|
||||
licenseUrl: meta.licenseUrl,
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: {
|
||||
neutral: chroma.scale([
|
||||
colors.base00,
|
||||
@ -58,9 +55,7 @@ const theme = (variant: Variant) => {
|
||||
magenta: colorRamp(chroma(colors.base0F)),
|
||||
},
|
||||
override: { syntax },
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
export const dark = theme(variant)
|
||||
|
||||
export const meta: Meta = variant.meta
|
||||
export const theme = getTheme(variant)
|
||||
|
||||
@ -1,13 +1,7 @@
|
||||
import chroma from "chroma-js"
|
||||
import { Meta, colorRamp, createColorScheme, ThemeAppearance } from "../common"
|
||||
import { metaCommon, name, buildSyntax, Variant } from "./common"
|
||||
import { chroma, ThemeAppearance, ThemeConfig, colorRamp } from "../../common"
|
||||
import { meta, buildSyntax, Variant } from "./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",
|
||||
@ -30,13 +24,16 @@ const variant: Variant = {
|
||||
|
||||
const syntax = buildSyntax(variant)
|
||||
|
||||
const theme = (variant: Variant) => {
|
||||
const { meta, colors } = variant
|
||||
const getTheme = (variant: Variant): ThemeConfig => {
|
||||
const { colors } = variant
|
||||
|
||||
return createColorScheme({
|
||||
name: meta.name,
|
||||
return {
|
||||
name: `${meta.name} Dune Light`,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Light,
|
||||
licenseType: meta.licenseType,
|
||||
licenseUrl: meta.licenseUrl,
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: {
|
||||
neutral: chroma.scale(
|
||||
[
|
||||
@ -60,9 +57,7 @@ const theme = (variant: Variant) => {
|
||||
magenta: colorRamp(chroma(colors.base0F)),
|
||||
},
|
||||
override: { syntax },
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
export const dark = theme(variant)
|
||||
|
||||
export const meta: Meta = variant.meta
|
||||
export const theme = getTheme(variant)
|
||||
|
||||
@ -1,13 +1,7 @@
|
||||
import chroma from "chroma-js"
|
||||
import { Meta, colorRamp, createColorScheme, ThemeAppearance } from "../common"
|
||||
import { metaCommon, name, buildSyntax, Variant } from "./common"
|
||||
import { chroma, ThemeAppearance, ThemeConfig, colorRamp } from "../../common"
|
||||
import { meta, buildSyntax, Variant } from "./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",
|
||||
@ -30,13 +24,16 @@ const variant: Variant = {
|
||||
|
||||
const syntax = buildSyntax(variant)
|
||||
|
||||
const theme = (variant: Variant) => {
|
||||
const { meta, colors } = variant
|
||||
const getTheme = (variant: Variant): ThemeConfig => {
|
||||
const { colors } = variant
|
||||
|
||||
return createColorScheme({
|
||||
name: meta.name,
|
||||
return {
|
||||
name: `${meta.name} Estuary Dark`,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Dark,
|
||||
licenseType: meta.licenseType,
|
||||
licenseUrl: meta.licenseUrl,
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: {
|
||||
neutral: chroma.scale([
|
||||
colors.base00,
|
||||
@ -58,9 +55,7 @@ const theme = (variant: Variant) => {
|
||||
magenta: colorRamp(chroma(colors.base0F)),
|
||||
},
|
||||
override: { syntax },
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
export const dark = theme(variant)
|
||||
|
||||
export const meta: Meta = variant.meta
|
||||
export const theme = getTheme(variant)
|
||||
|
||||
@ -1,13 +1,7 @@
|
||||
import chroma from "chroma-js"
|
||||
import { Meta, colorRamp, createColorScheme, ThemeAppearance } from "../common"
|
||||
import { metaCommon, name, buildSyntax, Variant } from "./common"
|
||||
import { chroma, ThemeAppearance, ThemeConfig, colorRamp } from "../../common"
|
||||
import { meta, buildSyntax, Variant } from "./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",
|
||||
@ -30,14 +24,17 @@ const variant: Variant = {
|
||||
|
||||
const syntax = buildSyntax(variant)
|
||||
|
||||
const theme = (variant: Variant) => {
|
||||
const { meta, colors } = variant
|
||||
const getTheme = (variant: Variant): ThemeConfig => {
|
||||
const { colors } = variant
|
||||
|
||||
return createColorScheme({
|
||||
name: meta.name,
|
||||
return {
|
||||
name: `${meta.name} Estuary Light`,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Light,
|
||||
inputColor:{
|
||||
licenseType: meta.licenseType,
|
||||
licenseUrl: meta.licenseUrl,
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: {
|
||||
neutral: chroma.scale(
|
||||
[
|
||||
colors.base00,
|
||||
@ -59,10 +56,8 @@ const theme = (variant: Variant) => {
|
||||
violet: colorRamp(chroma(colors.base0E)),
|
||||
magenta: colorRamp(chroma(colors.base0F)),
|
||||
},
|
||||
override: { syntax },}
|
||||
)
|
||||
override: { syntax },
|
||||
}
|
||||
}
|
||||
|
||||
export const dark = theme(variant)
|
||||
|
||||
export const meta: Meta = variant.meta
|
||||
export const theme = getTheme(variant)
|
||||
|
||||
@ -1,13 +1,7 @@
|
||||
import chroma from "chroma-js"
|
||||
import { Meta, colorRamp, createColorScheme, ThemeAppearance } from "../common"
|
||||
import { metaCommon, name, buildSyntax, Variant } from "./common"
|
||||
import { chroma, ThemeAppearance, ThemeConfig, colorRamp } from "../../common"
|
||||
import { meta, buildSyntax, Variant } from "./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",
|
||||
@ -30,13 +24,16 @@ const variant: Variant = {
|
||||
|
||||
const syntax = buildSyntax(variant)
|
||||
|
||||
const theme = (variant: Variant) => {
|
||||
const { meta, colors } = variant
|
||||
const getTheme = (variant: Variant): ThemeConfig => {
|
||||
const { colors } = variant
|
||||
|
||||
return createColorScheme({
|
||||
name: meta.name,
|
||||
return {
|
||||
name: `${meta.name} Forest Dark`,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Dark,
|
||||
licenseType: meta.licenseType,
|
||||
licenseUrl: meta.licenseUrl,
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: {
|
||||
neutral: chroma.scale([
|
||||
colors.base00,
|
||||
@ -58,9 +55,7 @@ const theme = (variant: Variant) => {
|
||||
magenta: colorRamp(chroma(colors.base0F)),
|
||||
},
|
||||
override: { syntax },
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
export const dark = theme(variant)
|
||||
|
||||
export const meta: Meta = variant.meta
|
||||
export const theme = getTheme(variant)
|
||||
|
||||
@ -1,13 +1,7 @@
|
||||
import chroma from "chroma-js"
|
||||
import { Meta, colorRamp, createColorScheme, ThemeAppearance } from "../common"
|
||||
import { metaCommon, name, buildSyntax, Variant } from "./common"
|
||||
import { chroma, ThemeAppearance, ThemeConfig, colorRamp } from "../../common"
|
||||
import { meta, buildSyntax, Variant } from "./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",
|
||||
@ -30,13 +24,16 @@ const variant: Variant = {
|
||||
|
||||
const syntax = buildSyntax(variant)
|
||||
|
||||
const theme = (variant: Variant) => {
|
||||
const { meta, colors } = variant
|
||||
const getTheme = (variant: Variant): ThemeConfig => {
|
||||
const { colors } = variant
|
||||
|
||||
return createColorScheme({
|
||||
name: meta.name,
|
||||
return {
|
||||
name: `${meta.name} Forest Light`,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Dark,
|
||||
licenseType: meta.licenseType,
|
||||
licenseUrl: meta.licenseUrl,
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: {
|
||||
neutral: chroma.scale(
|
||||
[
|
||||
@ -60,9 +57,7 @@ const theme = (variant: Variant) => {
|
||||
magenta: colorRamp(chroma(colors.base0F)),
|
||||
},
|
||||
override: { syntax },
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
export const dark = theme(variant)
|
||||
|
||||
export const meta: Meta = variant.meta
|
||||
export const theme = getTheme(variant)
|
||||
|
||||
@ -1,13 +1,7 @@
|
||||
import chroma from "chroma-js"
|
||||
import { Meta, colorRamp, createColorScheme, ThemeAppearance } from "../common"
|
||||
import { metaCommon, name, buildSyntax, Variant } from "./common"
|
||||
import { chroma, ThemeAppearance, ThemeConfig, colorRamp } from "../../common"
|
||||
import { meta, buildSyntax, Variant } from "./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",
|
||||
@ -30,13 +24,16 @@ const variant: Variant = {
|
||||
|
||||
const syntax = buildSyntax(variant)
|
||||
|
||||
const theme = (variant: Variant) => {
|
||||
const { meta, colors } = variant
|
||||
const getTheme = (variant: Variant): ThemeConfig => {
|
||||
const { colors } = variant
|
||||
|
||||
return createColorScheme({
|
||||
name: meta.name,
|
||||
return {
|
||||
name: `${meta.name} Heath Dark`,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Dark,
|
||||
licenseType: meta.licenseType,
|
||||
licenseUrl: meta.licenseUrl,
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: {
|
||||
neutral: chroma.scale([
|
||||
colors.base00,
|
||||
@ -58,9 +55,7 @@ const theme = (variant: Variant) => {
|
||||
magenta: colorRamp(chroma(colors.base0F)),
|
||||
},
|
||||
override: { syntax },
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
export const dark = theme(variant)
|
||||
|
||||
export const meta: Meta = variant.meta
|
||||
export const theme = getTheme(variant)
|
||||
|
||||
@ -1,13 +1,7 @@
|
||||
import chroma from "chroma-js"
|
||||
import { Meta, colorRamp, createColorScheme, ThemeAppearance } from "../common"
|
||||
import { metaCommon, name, buildSyntax, Variant } from "./common"
|
||||
import { chroma, ThemeAppearance, ThemeConfig, colorRamp } from "../../common"
|
||||
import { meta, buildSyntax, Variant } from "./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",
|
||||
@ -30,13 +24,16 @@ const variant: Variant = {
|
||||
|
||||
const syntax = buildSyntax(variant)
|
||||
|
||||
const theme = (variant: Variant) => {
|
||||
const { meta, colors } = variant
|
||||
const getTheme = (variant: Variant): ThemeConfig => {
|
||||
const { colors } = variant
|
||||
|
||||
return createColorScheme({
|
||||
name: meta.name,
|
||||
return {
|
||||
name: `${meta.name} Heath Light`,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Light,
|
||||
licenseType: meta.licenseType,
|
||||
licenseUrl: meta.licenseUrl,
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: {
|
||||
neutral: chroma.scale(
|
||||
[
|
||||
@ -60,9 +57,7 @@ const theme = (variant: Variant) => {
|
||||
magenta: colorRamp(chroma(colors.base0F)),
|
||||
},
|
||||
override: { syntax },
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
export const dark = theme(variant)
|
||||
|
||||
export const meta: Meta = variant.meta
|
||||
export const theme = getTheme(variant)
|
||||
|
||||
@ -1,13 +1,7 @@
|
||||
import chroma from "chroma-js"
|
||||
import { Meta, colorRamp, createColorScheme, ThemeAppearance } from "../common"
|
||||
import { metaCommon, name, buildSyntax, Variant } from "./common"
|
||||
import { chroma, ThemeAppearance, ThemeConfig, colorRamp } from "../../common"
|
||||
import { meta, buildSyntax, Variant } from "./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",
|
||||
@ -30,13 +24,16 @@ const variant: Variant = {
|
||||
|
||||
const syntax = buildSyntax(variant)
|
||||
|
||||
const theme = (variant: Variant) => {
|
||||
const { meta, colors } = variant
|
||||
const getTheme = (variant: Variant): ThemeConfig => {
|
||||
const { colors } = variant
|
||||
|
||||
return createColorScheme({
|
||||
name: meta.name,
|
||||
return {
|
||||
name: `${meta.name} Lakeside Dark`,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Dark,
|
||||
licenseType: meta.licenseType,
|
||||
licenseUrl: meta.licenseUrl,
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: {
|
||||
neutral: chroma.scale([
|
||||
colors.base00,
|
||||
@ -58,9 +55,7 @@ const theme = (variant: Variant) => {
|
||||
magenta: colorRamp(chroma(colors.base0F)),
|
||||
},
|
||||
override: { syntax },
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
export const dark = theme(variant)
|
||||
|
||||
export const meta: Meta = variant.meta
|
||||
export const theme = getTheme(variant)
|
||||
|
||||
@ -1,13 +1,7 @@
|
||||
import chroma from "chroma-js"
|
||||
import { Meta, colorRamp, createColorScheme, ThemeAppearance } from "../common"
|
||||
import { metaCommon, name, buildSyntax, Variant } from "./common"
|
||||
import { chroma, ThemeAppearance, ThemeConfig, colorRamp } from "../../common"
|
||||
import { meta, buildSyntax, Variant } from "./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",
|
||||
@ -30,13 +24,16 @@ const variant: Variant = {
|
||||
|
||||
const syntax = buildSyntax(variant)
|
||||
|
||||
const theme = (variant: Variant) => {
|
||||
const { meta, colors } = variant
|
||||
const getTheme = (variant: Variant): ThemeConfig => {
|
||||
const { colors } = variant
|
||||
|
||||
return createColorScheme({
|
||||
name: meta.name,
|
||||
return {
|
||||
name: `${meta.name} Lakeside Light`,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Light,
|
||||
licenseType: meta.licenseType,
|
||||
licenseUrl: meta.licenseUrl,
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: {
|
||||
neutral: chroma.scale(
|
||||
[
|
||||
@ -60,9 +57,7 @@ const theme = (variant: Variant) => {
|
||||
magenta: colorRamp(chroma(colors.base0F)),
|
||||
},
|
||||
override: { syntax },
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
export const dark = theme(variant)
|
||||
|
||||
export const meta: Meta = variant.meta
|
||||
export const theme = getTheme(variant)
|
||||
|
||||
@ -1,13 +1,7 @@
|
||||
import chroma from "chroma-js"
|
||||
import { Meta, colorRamp, createColorScheme, ThemeAppearance } from "../common"
|
||||
import { metaCommon, name, buildSyntax, Variant } from "./common"
|
||||
import { chroma, ThemeAppearance, ThemeConfig, colorRamp } from "../../common"
|
||||
import { meta, buildSyntax, Variant } from "./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",
|
||||
@ -30,13 +24,16 @@ const variant: Variant = {
|
||||
|
||||
const syntax = buildSyntax(variant)
|
||||
|
||||
const theme = (variant: Variant) => {
|
||||
const { meta, colors } = variant
|
||||
const getTheme = (variant: Variant): ThemeConfig => {
|
||||
const { colors } = variant
|
||||
|
||||
return createColorScheme({
|
||||
name: meta.name,
|
||||
return {
|
||||
name: `${meta.name} Plateau Dark`,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Dark,
|
||||
licenseType: meta.licenseType,
|
||||
licenseUrl: meta.licenseUrl,
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: {
|
||||
neutral: chroma.scale([
|
||||
colors.base00,
|
||||
@ -58,9 +55,7 @@ const theme = (variant: Variant) => {
|
||||
magenta: colorRamp(chroma(colors.base0F)),
|
||||
},
|
||||
override: { syntax },
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
export const dark = theme(variant)
|
||||
|
||||
export const meta: Meta = variant.meta
|
||||
export const theme = getTheme(variant)
|
||||
|
||||
@ -1,13 +1,7 @@
|
||||
import chroma from "chroma-js"
|
||||
import { Meta, colorRamp, createColorScheme, ThemeAppearance } from "../common"
|
||||
import { metaCommon, name, buildSyntax, Variant } from "./common"
|
||||
import { chroma, ThemeAppearance, ThemeConfig, colorRamp } from "../../common"
|
||||
import { meta, buildSyntax, Variant } from "./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",
|
||||
@ -30,14 +24,17 @@ const variant: Variant = {
|
||||
|
||||
const syntax = buildSyntax(variant)
|
||||
|
||||
const theme = (variant: Variant) => {
|
||||
const { meta, colors } = variant
|
||||
const getTheme = (variant: Variant): ThemeConfig => {
|
||||
const { colors } = variant
|
||||
|
||||
return createColorScheme({
|
||||
name: meta.name,
|
||||
return {
|
||||
name: `${meta.name} Plateau Light`,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Light,
|
||||
inputColor:{
|
||||
licenseType: meta.licenseType,
|
||||
licenseUrl: meta.licenseUrl,
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: {
|
||||
neutral: chroma.scale(
|
||||
[
|
||||
colors.base00,
|
||||
@ -59,10 +56,8 @@ const theme = (variant: Variant) => {
|
||||
violet: colorRamp(chroma(colors.base0E)),
|
||||
magenta: colorRamp(chroma(colors.base0F)),
|
||||
},
|
||||
override: { syntax },}
|
||||
)
|
||||
override: { syntax },
|
||||
}
|
||||
}
|
||||
|
||||
export const dark = theme(variant)
|
||||
|
||||
export const meta: Meta = variant.meta
|
||||
export const theme = getTheme(variant)
|
||||
|
||||
@ -1,13 +1,7 @@
|
||||
import chroma from "chroma-js"
|
||||
import { Meta, colorRamp, createColorScheme, ThemeAppearance } from "../common"
|
||||
import { metaCommon, name, buildSyntax, Variant } from "./common"
|
||||
import { chroma, ThemeAppearance, ThemeConfig, colorRamp } from "../../common"
|
||||
import { meta, buildSyntax, Variant } from "./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",
|
||||
@ -30,13 +24,16 @@ const variant: Variant = {
|
||||
|
||||
const syntax = buildSyntax(variant)
|
||||
|
||||
const theme = (variant: Variant) => {
|
||||
const { meta, colors } = variant
|
||||
const getTheme = (variant: Variant): ThemeConfig => {
|
||||
const { colors } = variant
|
||||
|
||||
return createColorScheme({
|
||||
name: meta.name,
|
||||
return {
|
||||
name: `${meta.name} Savanna Dark`,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Dark,
|
||||
licenseType: meta.licenseType,
|
||||
licenseUrl: meta.licenseUrl,
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: {
|
||||
neutral: chroma.scale([
|
||||
colors.base00,
|
||||
@ -58,9 +55,7 @@ const theme = (variant: Variant) => {
|
||||
magenta: colorRamp(chroma(colors.base0F)),
|
||||
},
|
||||
override: { syntax },
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
export const dark = theme(variant)
|
||||
|
||||
export const meta: Meta = variant.meta
|
||||
export const theme = getTheme(variant)
|
||||
|
||||
@ -1,13 +1,7 @@
|
||||
import chroma from "chroma-js"
|
||||
import { Meta, colorRamp, createColorScheme, ThemeAppearance } from "../common"
|
||||
import { metaCommon, name, buildSyntax, Variant } from "./common"
|
||||
import { chroma, ThemeAppearance, ThemeConfig, colorRamp } from "../../common"
|
||||
import { meta, buildSyntax, Variant } from "./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",
|
||||
@ -30,13 +24,16 @@ const variant: Variant = {
|
||||
|
||||
const syntax = buildSyntax(variant)
|
||||
|
||||
const theme = (variant: Variant) => {
|
||||
const { meta, colors } = variant
|
||||
const getTheme = (variant: Variant): ThemeConfig => {
|
||||
const { colors } = variant
|
||||
|
||||
return createColorScheme({
|
||||
name: meta.name,
|
||||
return {
|
||||
name: `${meta.name} Savanna Light`,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Light,
|
||||
licenseType: meta.licenseType,
|
||||
licenseUrl: meta.licenseUrl,
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: {
|
||||
neutral: chroma.scale(
|
||||
[
|
||||
@ -60,9 +57,7 @@ const theme = (variant: Variant) => {
|
||||
magenta: colorRamp(chroma(colors.base0F)),
|
||||
},
|
||||
override: { syntax },
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
export const dark = theme(variant)
|
||||
|
||||
export const meta: Meta = variant.meta
|
||||
export const theme = getTheme(variant)
|
||||
|
||||
@ -1,13 +1,7 @@
|
||||
import chroma from "chroma-js"
|
||||
import { Meta, colorRamp, createColorScheme, ThemeAppearance } from "../common"
|
||||
import { metaCommon, name, buildSyntax, Variant } from "./common"
|
||||
import { chroma, ThemeAppearance, ThemeConfig, colorRamp } from "../../common"
|
||||
import { meta, buildSyntax, Variant } from "./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",
|
||||
@ -30,13 +24,16 @@ const variant: Variant = {
|
||||
|
||||
const syntax = buildSyntax(variant)
|
||||
|
||||
const theme = (variant: Variant) => {
|
||||
const { meta, colors } = variant
|
||||
const getTheme = (variant: Variant): ThemeConfig => {
|
||||
const { colors } = variant
|
||||
|
||||
return createColorScheme({
|
||||
name: meta.name,
|
||||
return {
|
||||
name: `${meta.name} Seaside Dark`,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Dark,
|
||||
licenseType: meta.licenseType,
|
||||
licenseUrl: meta.licenseUrl,
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: {
|
||||
neutral: chroma.scale([
|
||||
colors.base00,
|
||||
@ -58,9 +55,7 @@ const theme = (variant: Variant) => {
|
||||
magenta: colorRamp(chroma(colors.base0F)),
|
||||
},
|
||||
override: { syntax },
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
export const dark = theme(variant)
|
||||
|
||||
export const meta: Meta = variant.meta
|
||||
export const theme = getTheme(variant)
|
||||
|
||||
@ -1,13 +1,7 @@
|
||||
import chroma from "chroma-js"
|
||||
import { Meta, colorRamp, createColorScheme, ThemeAppearance } from "../common"
|
||||
import { metaCommon, name, buildSyntax, Variant } from "./common"
|
||||
import { chroma, ThemeAppearance, ThemeConfig, colorRamp } from "../../common"
|
||||
import { meta, buildSyntax, Variant } from "./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",
|
||||
@ -30,13 +24,16 @@ const variant: Variant = {
|
||||
|
||||
const syntax = buildSyntax(variant)
|
||||
|
||||
const theme = (variant: Variant) => {
|
||||
const { meta, colors } = variant
|
||||
const getTheme = (variant: Variant): ThemeConfig => {
|
||||
const { colors } = variant
|
||||
|
||||
return createColorScheme({
|
||||
name: meta.name,
|
||||
return {
|
||||
name: `${meta.name} Seaside Light`,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Light,
|
||||
licenseType: meta.licenseType,
|
||||
licenseUrl: meta.licenseUrl,
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: {
|
||||
neutral: chroma.scale(
|
||||
[
|
||||
@ -60,9 +57,7 @@ const theme = (variant: Variant) => {
|
||||
magenta: colorRamp(chroma(colors.base0F)),
|
||||
},
|
||||
override: { syntax },
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
export const dark = theme(variant)
|
||||
|
||||
export const meta: Meta = variant.meta
|
||||
export const theme = getTheme(variant)
|
||||
|
||||
@ -1,13 +1,7 @@
|
||||
import chroma from "chroma-js"
|
||||
import { Meta, colorRamp, createColorScheme, ThemeAppearance } from "../common"
|
||||
import { metaCommon, name, buildSyntax, Variant } from "./common"
|
||||
import { chroma, ThemeAppearance, ThemeConfig, colorRamp } from "../../common"
|
||||
import { meta, buildSyntax, Variant } from "./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",
|
||||
@ -30,13 +24,16 @@ const variant: Variant = {
|
||||
|
||||
const syntax = buildSyntax(variant)
|
||||
|
||||
const theme = (variant: Variant) => {
|
||||
const { meta, colors } = variant
|
||||
const getTheme = (variant: Variant): ThemeConfig => {
|
||||
const { colors } = variant
|
||||
|
||||
return createColorScheme({
|
||||
name: meta.name,
|
||||
return {
|
||||
name: `${meta.name} Sulphurpool Dark`,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Dark,
|
||||
licenseType: meta.licenseType,
|
||||
licenseUrl: meta.licenseUrl,
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: {
|
||||
neutral: chroma.scale([
|
||||
colors.base00,
|
||||
@ -58,9 +55,7 @@ const theme = (variant: Variant) => {
|
||||
magenta: colorRamp(chroma(colors.base0F)),
|
||||
},
|
||||
override: { syntax },
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
export const dark = theme(variant)
|
||||
|
||||
export const meta: Meta = variant.meta
|
||||
export const theme = getTheme(variant)
|
||||
|
||||
@ -1,13 +1,7 @@
|
||||
import chroma from "chroma-js"
|
||||
import { Meta, colorRamp, createColorScheme, ThemeAppearance } from "../common"
|
||||
import { metaCommon, name, buildSyntax, Variant } from "./common"
|
||||
import { chroma, ThemeAppearance, ThemeConfig, colorRamp } from "../../common"
|
||||
import { meta, buildSyntax, Variant } from "./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",
|
||||
@ -30,13 +24,16 @@ const variant: Variant = {
|
||||
|
||||
const syntax = buildSyntax(variant)
|
||||
|
||||
const theme = (variant: Variant) => {
|
||||
const { meta, colors } = variant
|
||||
const getTheme = (variant: Variant): ThemeConfig => {
|
||||
const { colors } = variant
|
||||
|
||||
return createColorScheme({
|
||||
name: meta.name,
|
||||
return {
|
||||
name: `${meta.name} Sulphurpool Light`,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Light,
|
||||
licenseType: meta.licenseType,
|
||||
licenseUrl: meta.licenseUrl,
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: {
|
||||
neutral: chroma.scale(
|
||||
[
|
||||
@ -60,9 +57,7 @@ const theme = (variant: Variant) => {
|
||||
magenta: colorRamp(chroma(colors.base0F)),
|
||||
},
|
||||
override: { syntax },
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
export const dark = theme(variant)
|
||||
|
||||
export const meta: Meta = variant.meta
|
||||
export const theme = getTheme(variant)
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
import { License, Meta, ThemeSyntax } from "../common"
|
||||
import { ThemeLicenseType, ThemeConfig, ThemeSyntax } from "../../common"
|
||||
|
||||
export interface Variant {
|
||||
meta: Meta
|
||||
colors: {
|
||||
base00: string
|
||||
base01: string
|
||||
@ -22,14 +21,12 @@ export interface Variant {
|
||||
}
|
||||
}
|
||||
|
||||
export const metaCommon: {
|
||||
author: string
|
||||
license: License
|
||||
} = {
|
||||
export const meta: Partial<ThemeConfig> = {
|
||||
name: "Atelier",
|
||||
author: "Bram de Haan (http://atelierbramdehaan.nl)",
|
||||
license: {
|
||||
SPDX: "MIT",
|
||||
},
|
||||
licenseType: ThemeLicenseType.MIT,
|
||||
licenseUrl:
|
||||
"https://atelierbram.github.io/syntax-highlighting/atelier-schemes/cave/",
|
||||
}
|
||||
|
||||
export const buildSyntax = (variant: Variant): ThemeSyntax => {
|
||||
@ -57,5 +54,3 @@ export const buildSyntax = (variant: Variant): ThemeSyntax => {
|
||||
keyword: { color: colors.base0E },
|
||||
}
|
||||
}
|
||||
|
||||
export const name = "Atelier"
|
||||
|
||||
@ -1,18 +1,16 @@
|
||||
import { createColorScheme, ThemeAppearance } from "../common"
|
||||
import { ayu, meta as themeMeta, buildTheme } from "./common"
|
||||
|
||||
export const meta = {
|
||||
...themeMeta,
|
||||
name: `${themeMeta.name} Dark`,
|
||||
}
|
||||
import { ThemeAppearance, ThemeConfig } from "../../common"
|
||||
import { ayu, meta, buildTheme } from "./common"
|
||||
|
||||
const variant = ayu.dark
|
||||
const theme = buildTheme(variant, false)
|
||||
const { ramps, syntax } = buildTheme(variant, false)
|
||||
|
||||
export const dark = createColorScheme({
|
||||
name: meta.name,
|
||||
export const theme: ThemeConfig = {
|
||||
name: `${meta.name} Dark`,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Dark,
|
||||
inputColor: theme.ramps,
|
||||
override: { syntax: theme.syntax },
|
||||
})
|
||||
licenseType: meta.licenseType,
|
||||
licenseUrl: meta.licenseUrl,
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: ramps,
|
||||
override: { syntax },
|
||||
}
|
||||
|
||||
@ -1,18 +1,16 @@
|
||||
import { createColorScheme, ThemeAppearance } from "../common"
|
||||
import { ayu, meta as themeMeta, buildTheme } from "./common"
|
||||
|
||||
export const meta = {
|
||||
...themeMeta,
|
||||
name: `${themeMeta.name} Light`,
|
||||
}
|
||||
import { ThemeAppearance, ThemeConfig } from "../../common"
|
||||
import { ayu, meta, buildTheme } from "./common"
|
||||
|
||||
const variant = ayu.light
|
||||
const theme = buildTheme(variant, true)
|
||||
const { ramps, syntax } = buildTheme(variant, true)
|
||||
|
||||
export const light = createColorScheme({
|
||||
name: meta.name,
|
||||
export const theme: ThemeConfig = {
|
||||
name: `${meta.name} Light`,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Light,
|
||||
inputColor: theme.ramps,
|
||||
override: { syntax: theme.syntax },
|
||||
})
|
||||
licenseType: meta.licenseType,
|
||||
licenseUrl: meta.licenseUrl,
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: ramps,
|
||||
override: { syntax },
|
||||
}
|
||||
|
||||
@ -1,18 +1,16 @@
|
||||
import { createColorScheme, ThemeAppearance } from "../common"
|
||||
import { ayu, meta as themeMeta, buildTheme } from "./common"
|
||||
|
||||
export const meta = {
|
||||
...themeMeta,
|
||||
name: `${themeMeta.name} Mirage`,
|
||||
}
|
||||
import { ThemeAppearance, ThemeConfig } from "../../common"
|
||||
import { ayu, meta, buildTheme } from "./common"
|
||||
|
||||
const variant = ayu.mirage
|
||||
const theme = buildTheme(variant, false)
|
||||
const { ramps, syntax } = buildTheme(variant, false)
|
||||
|
||||
export const dark = createColorScheme({
|
||||
name: meta.name,
|
||||
export const theme: ThemeConfig = {
|
||||
name: `${meta.name} Mirage`,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Dark,
|
||||
inputColor: theme.ramps,
|
||||
override: { syntax: theme.syntax },
|
||||
})
|
||||
licenseType: meta.licenseType,
|
||||
licenseUrl: meta.licenseUrl,
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: ramps,
|
||||
override: { syntax },
|
||||
}
|
||||
|
||||
@ -1,8 +1,11 @@
|
||||
import { dark, light, mirage } from "ayu"
|
||||
import { ThemeSyntax } from "../common/syntax"
|
||||
import chroma from "chroma-js"
|
||||
import { colorRamp } from "../common/ramps"
|
||||
import { Meta } from "../common/colorScheme"
|
||||
import {
|
||||
chroma,
|
||||
colorRamp,
|
||||
ThemeLicenseType,
|
||||
ThemeConfig,
|
||||
ThemeSyntax,
|
||||
} from "../../common"
|
||||
|
||||
export const ayu = {
|
||||
dark,
|
||||
@ -74,11 +77,9 @@ export const buildSyntax = (t: typeof dark): ThemeSyntax => {
|
||||
}
|
||||
}
|
||||
|
||||
export const meta: Meta = {
|
||||
export const meta: Partial<ThemeConfig> = {
|
||||
name: "Ayu",
|
||||
author: "dempfi",
|
||||
license: {
|
||||
SPDX: "MIT",
|
||||
},
|
||||
url: "https://github.com/dempfi/ayu",
|
||||
licenseType: ThemeLicenseType.MIT,
|
||||
licenseUrl: "https://github.com/dempfi/ayu",
|
||||
}
|
||||
|
||||
@ -25,11 +25,6 @@ export interface ColorScheme {
|
||||
syntax?: Partial<ThemeSyntax>
|
||||
}
|
||||
|
||||
export interface MetaAndLicense {
|
||||
meta: Meta
|
||||
licenseFile: string
|
||||
}
|
||||
|
||||
export interface Meta {
|
||||
name: string
|
||||
author: string
|
||||
|
||||
@ -117,7 +117,7 @@ export interface Syntax {
|
||||
export type ThemeSyntax = Partial<Syntax>
|
||||
|
||||
const defaultSyntaxHighlightStyle: Omit<SyntaxHighlightStyle, "color"> = {
|
||||
weight: fontWeights.normal,
|
||||
weight: "normal",
|
||||
underline: false,
|
||||
italic: false,
|
||||
}
|
||||
@ -140,12 +140,14 @@ function buildDefaultSyntax(colorScheme: ColorScheme): Syntax {
|
||||
|
||||
// Mix the neutral and blue colors to get a
|
||||
// predictive color distinct from any other color in the theme
|
||||
const predictive = chroma.mix(
|
||||
colorScheme.ramps.neutral(0.4).hex(),
|
||||
colorScheme.ramps.blue(0.4).hex(),
|
||||
0.45,
|
||||
"lch"
|
||||
).hex()
|
||||
const predictive = chroma
|
||||
.mix(
|
||||
colorScheme.ramps.neutral(0.4).hex(),
|
||||
colorScheme.ramps.blue(0.4).hex(),
|
||||
0.45,
|
||||
"lch"
|
||||
)
|
||||
.hex()
|
||||
|
||||
const color = {
|
||||
primary: colorScheme.ramps.neutral(1).hex(),
|
||||
|
||||
@ -1,19 +1,17 @@
|
||||
import chroma from "chroma-js"
|
||||
import {
|
||||
Meta,
|
||||
chroma,
|
||||
colorRamp,
|
||||
createColorScheme,
|
||||
ThemeSyntax,
|
||||
ThemeAppearance,
|
||||
} from "../common"
|
||||
ThemeLicenseType,
|
||||
ThemeConfig,
|
||||
ThemeSyntax,
|
||||
} from "../../common"
|
||||
|
||||
export const meta: Meta = {
|
||||
const meta: Partial<ThemeConfig> = {
|
||||
name: "Gruvbox",
|
||||
license: {
|
||||
SPDX: "MIT", // "MIT/X11"
|
||||
},
|
||||
author: "morhetz <morhetz@gmail.com>",
|
||||
url: "https://github.com/morhetz/gruvbox",
|
||||
licenseType: ThemeLicenseType.MIT,
|
||||
licenseUrl: "https://github.com/morhetz/gruvbox",
|
||||
}
|
||||
|
||||
const color = {
|
||||
@ -168,7 +166,7 @@ const variant: Variant[] = [
|
||||
},
|
||||
]
|
||||
|
||||
const buildVariant = (variant: Variant) => {
|
||||
const buildVariant = (variant: Variant): ThemeConfig => {
|
||||
const { colors } = variant
|
||||
|
||||
const name = `Gruvbox ${variant.name}`
|
||||
@ -245,13 +243,16 @@ const buildVariant = (variant: Variant) => {
|
||||
title: { color: colors.green },
|
||||
}
|
||||
|
||||
return createColorScheme({
|
||||
return {
|
||||
name,
|
||||
author: meta.author,
|
||||
appearance: variant.appearance as ThemeAppearance,
|
||||
licenseType: meta.licenseType,
|
||||
licenseUrl: meta.licenseUrl,
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: ramps,
|
||||
override: { syntax },
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
// Variants
|
||||
|
||||
@ -1,6 +1 @@
|
||||
import { darkHard as dark, meta as commonMeta } from "./gruvbox-common"
|
||||
|
||||
let meta = { ...commonMeta }
|
||||
meta.name = `${commonMeta.name} Dark Hard`
|
||||
|
||||
export { dark, meta }
|
||||
export { darkHard } from "./gruvbox-common"
|
||||
|
||||
@ -1,6 +1 @@
|
||||
import { darkSoft as dark, meta as commonMeta } from "./gruvbox-common"
|
||||
|
||||
let meta = { ...commonMeta }
|
||||
meta.name = `${commonMeta.name} Dark Soft`
|
||||
|
||||
export { dark, meta }
|
||||
export { darkSoft } from "./gruvbox-common"
|
||||
|
||||
@ -1,6 +1 @@
|
||||
import { darkDefault as dark, meta as commonMeta } from "./gruvbox-common"
|
||||
|
||||
let meta = { ...commonMeta }
|
||||
meta.name = `${commonMeta.name} Dark`
|
||||
|
||||
export { dark, meta }
|
||||
export { darkDefault } from "./gruvbox-common"
|
||||
|
||||
@ -1,6 +1 @@
|
||||
import { lightHard as light, meta as commonMeta } from "./gruvbox-common"
|
||||
|
||||
let meta = { ...commonMeta }
|
||||
meta.name = `${commonMeta.name} Dark Soft`
|
||||
|
||||
export { light, meta }
|
||||
export { lightHard } from "./gruvbox-common"
|
||||
|
||||
@ -1,6 +1 @@
|
||||
import { lightSoft as light, meta as commonMeta } from "./gruvbox-common"
|
||||
|
||||
let meta = { ...commonMeta }
|
||||
meta.name = `${commonMeta.name} Light Soft`
|
||||
|
||||
export { light, meta }
|
||||
export { lightSoft } from "./gruvbox-common"
|
||||
|
||||
@ -1,6 +1 @@
|
||||
import { lightDefault as light, meta as commonMeta } from "./gruvbox-common"
|
||||
|
||||
let meta = { ...commonMeta }
|
||||
meta.name = `${commonMeta.name} Light`
|
||||
|
||||
export { light, meta }
|
||||
export { lightDefault } from "./gruvbox-common"
|
||||
|
||||
@ -1,14 +1,11 @@
|
||||
import chroma from "chroma-js"
|
||||
import { fontWeights } from "../../common"
|
||||
import {
|
||||
Meta,
|
||||
chroma,
|
||||
fontWeights,
|
||||
colorRamp,
|
||||
createColorScheme,
|
||||
ThemeSyntax,
|
||||
ThemeAppearance,
|
||||
} from "../common"
|
||||
|
||||
const name = "One Dark"
|
||||
ThemeLicenseType,
|
||||
ThemeConfig,
|
||||
} from "../../common"
|
||||
|
||||
const color = {
|
||||
white: "#ACB2BE",
|
||||
@ -23,68 +20,60 @@ const color = {
|
||||
purple: "#B478CF",
|
||||
}
|
||||
|
||||
const ramps = {
|
||||
neutral: chroma
|
||||
.scale([
|
||||
"#282c34",
|
||||
"#353b45",
|
||||
"#3e4451",
|
||||
"#545862",
|
||||
"#565c64",
|
||||
"#abb2bf",
|
||||
"#b6bdca",
|
||||
"#c8ccd4",
|
||||
])
|
||||
.domain([0.05, 0.22, 0.25, 0.45, 0.62, 0.8, 0.9, 1]),
|
||||
red: colorRamp(chroma(color.red)),
|
||||
orange: colorRamp(chroma(color.orange)),
|
||||
yellow: colorRamp(chroma(color.yellow)),
|
||||
green: colorRamp(chroma(color.green)),
|
||||
cyan: colorRamp(chroma(color.teal)),
|
||||
blue: colorRamp(chroma(color.blue)),
|
||||
violet: colorRamp(chroma(color.purple)),
|
||||
magenta: colorRamp(chroma("#be5046")),
|
||||
}
|
||||
|
||||
const syntax: ThemeSyntax = {
|
||||
boolean: { color: color.orange },
|
||||
comment: { color: color.grey },
|
||||
enum: { color: color.red },
|
||||
"emphasis.strong": { color: color.orange },
|
||||
function: { color: color.blue },
|
||||
keyword: { color: color.purple },
|
||||
linkText: { color: color.blue, italic: false },
|
||||
linkUri: { color: color.teal },
|
||||
number: { color: color.orange },
|
||||
constant: { color: color.yellow },
|
||||
operator: { color: color.teal },
|
||||
primary: { color: color.white },
|
||||
property: { color: color.red },
|
||||
punctuation: { color: color.white },
|
||||
"punctuation.list_marker": { color: color.red },
|
||||
"punctuation.special": { color: color.darkRed },
|
||||
string: { color: color.green },
|
||||
title: { color: color.red, weight: fontWeights.normal },
|
||||
"text.literal": { color: color.green },
|
||||
type: { color: color.teal },
|
||||
"variable.special": { color: color.orange },
|
||||
variant: { color: color.blue },
|
||||
constructor: { color: color.blue },
|
||||
}
|
||||
|
||||
export const meta: Meta = {
|
||||
name,
|
||||
export const theme: ThemeConfig = {
|
||||
name: "One Dark",
|
||||
author: "simurai",
|
||||
license: {
|
||||
SPDX: "MIT",
|
||||
},
|
||||
url: "https://github.com/atom/atom/tree/master/packages/one-dark-ui",
|
||||
}
|
||||
|
||||
export const dark = createColorScheme({
|
||||
name: meta.name,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Dark,
|
||||
inputColor: ramps,
|
||||
override: { syntax },
|
||||
})
|
||||
licenseType: ThemeLicenseType.MIT,
|
||||
licenseUrl: "https://github.com/atom/atom/tree/master/packages/one-dark-ui",
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: {
|
||||
neutral: chroma
|
||||
.scale([
|
||||
"#282c34",
|
||||
"#353b45",
|
||||
"#3e4451",
|
||||
"#545862",
|
||||
"#565c64",
|
||||
"#abb2bf",
|
||||
"#b6bdca",
|
||||
"#c8ccd4",
|
||||
])
|
||||
.domain([0.05, 0.22, 0.25, 0.45, 0.62, 0.8, 0.9, 1]),
|
||||
red: colorRamp(chroma(color.red)),
|
||||
orange: colorRamp(chroma(color.orange)),
|
||||
yellow: colorRamp(chroma(color.yellow)),
|
||||
green: colorRamp(chroma(color.green)),
|
||||
cyan: colorRamp(chroma(color.teal)),
|
||||
blue: colorRamp(chroma(color.blue)),
|
||||
violet: colorRamp(chroma(color.purple)),
|
||||
magenta: colorRamp(chroma("#be5046")),
|
||||
},
|
||||
override: {
|
||||
syntax: {
|
||||
boolean: { color: color.orange },
|
||||
comment: { color: color.grey },
|
||||
enum: { color: color.red },
|
||||
"emphasis.strong": { color: color.orange },
|
||||
function: { color: color.blue },
|
||||
keyword: { color: color.purple },
|
||||
linkText: { color: color.blue, italic: false },
|
||||
linkUri: { color: color.teal },
|
||||
number: { color: color.orange },
|
||||
constant: { color: color.yellow },
|
||||
operator: { color: color.teal },
|
||||
primary: { color: color.white },
|
||||
property: { color: color.red },
|
||||
punctuation: { color: color.white },
|
||||
"punctuation.list_marker": { color: color.red },
|
||||
"punctuation.special": { color: color.darkRed },
|
||||
string: { color: color.green },
|
||||
title: { color: color.red, weight: fontWeights.normal },
|
||||
"text.literal": { color: color.green },
|
||||
type: { color: color.teal },
|
||||
"variable.special": { color: color.orange },
|
||||
variant: { color: color.blue },
|
||||
constructor: { color: color.blue },
|
||||
},
|
||||
},
|
||||
}
|
||||
|
||||
@ -1,14 +1,11 @@
|
||||
import chroma from "chroma-js"
|
||||
import { fontWeights } from "../../common"
|
||||
import {
|
||||
Meta,
|
||||
chroma,
|
||||
fontWeights,
|
||||
colorRamp,
|
||||
createColorScheme,
|
||||
ThemeSyntax,
|
||||
ThemeAppearance,
|
||||
} from "../common"
|
||||
|
||||
const name = "One Light"
|
||||
ThemeLicenseType,
|
||||
ThemeConfig,
|
||||
} from "../../common"
|
||||
|
||||
const color = {
|
||||
black: "#383A41",
|
||||
@ -24,66 +21,59 @@ const color = {
|
||||
magenta: "#994EA6",
|
||||
}
|
||||
|
||||
const ramps = {
|
||||
neutral: chroma
|
||||
.scale([
|
||||
"#383A41",
|
||||
"#535456",
|
||||
"#696c77",
|
||||
"#9D9D9F",
|
||||
"#A9A9A9",
|
||||
"#DBDBDC",
|
||||
"#EAEAEB",
|
||||
"#FAFAFA",
|
||||
])
|
||||
.domain([0.05, 0.22, 0.25, 0.45, 0.62, 0.8, 0.9, 1]),
|
||||
red: colorRamp(chroma(color.red)),
|
||||
orange: colorRamp(chroma(color.orange)),
|
||||
yellow: colorRamp(chroma(color.yellow)),
|
||||
green: colorRamp(chroma(color.green)),
|
||||
cyan: colorRamp(chroma(color.teal)),
|
||||
blue: colorRamp(chroma(color.blue)),
|
||||
violet: colorRamp(chroma(color.purple)),
|
||||
magenta: colorRamp(chroma(color.magenta)),
|
||||
}
|
||||
|
||||
const syntax: ThemeSyntax = {
|
||||
boolean: { color: color.orange },
|
||||
comment: { color: color.grey },
|
||||
enum: { color: color.red },
|
||||
"emphasis.strong": { color: color.orange },
|
||||
function: { color: color.blue },
|
||||
keyword: { color: color.purple },
|
||||
linkText: { color: color.blue },
|
||||
linkUri: { color: color.teal },
|
||||
number: { color: color.orange },
|
||||
operator: { color: color.teal },
|
||||
primary: { color: color.black },
|
||||
property: { color: color.red },
|
||||
punctuation: { color: color.black },
|
||||
"punctuation.list_marker": { color: color.red },
|
||||
"punctuation.special": { color: color.darkRed },
|
||||
string: { color: color.green },
|
||||
title: { color: color.red, weight: fontWeights.normal },
|
||||
"text.literal": { color: color.green },
|
||||
type: { color: color.teal },
|
||||
"variable.special": { color: color.orange },
|
||||
variant: { color: color.blue },
|
||||
}
|
||||
|
||||
export const meta: Meta = {
|
||||
name,
|
||||
export const theme: ThemeConfig = {
|
||||
name: "One Light",
|
||||
author: "simurai",
|
||||
license: {
|
||||
SPDX: "MIT",
|
||||
},
|
||||
url: "https://github.com/atom/atom/tree/master/packages/one-light-ui",
|
||||
}
|
||||
|
||||
export const light = createColorScheme({
|
||||
name: meta.name,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Light,
|
||||
inputColor: ramps,
|
||||
override: { syntax },
|
||||
})
|
||||
licenseType: ThemeLicenseType.MIT,
|
||||
licenseUrl:
|
||||
"https://github.com/atom/atom/tree/master/packages/one-light-ui",
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: {
|
||||
neutral: chroma
|
||||
.scale([
|
||||
"#383A41",
|
||||
"#535456",
|
||||
"#696c77",
|
||||
"#9D9D9F",
|
||||
"#A9A9A9",
|
||||
"#DBDBDC",
|
||||
"#EAEAEB",
|
||||
"#FAFAFA",
|
||||
])
|
||||
.domain([0.05, 0.22, 0.25, 0.45, 0.62, 0.8, 0.9, 1]),
|
||||
red: colorRamp(chroma(color.red)),
|
||||
orange: colorRamp(chroma(color.orange)),
|
||||
yellow: colorRamp(chroma(color.yellow)),
|
||||
green: colorRamp(chroma(color.green)),
|
||||
cyan: colorRamp(chroma(color.teal)),
|
||||
blue: colorRamp(chroma(color.blue)),
|
||||
violet: colorRamp(chroma(color.purple)),
|
||||
magenta: colorRamp(chroma(color.magenta)),
|
||||
},
|
||||
override: {
|
||||
syntax: {
|
||||
boolean: { color: color.orange },
|
||||
comment: { color: color.grey },
|
||||
enum: { color: color.red },
|
||||
"emphasis.strong": { color: color.orange },
|
||||
function: { color: color.blue },
|
||||
keyword: { color: color.purple },
|
||||
linkText: { color: color.blue },
|
||||
linkUri: { color: color.teal },
|
||||
number: { color: color.orange },
|
||||
operator: { color: color.teal },
|
||||
primary: { color: color.black },
|
||||
property: { color: color.red },
|
||||
punctuation: { color: color.black },
|
||||
"punctuation.list_marker": { color: color.red },
|
||||
"punctuation.special": { color: color.darkRed },
|
||||
string: { color: color.green },
|
||||
title: { color: color.red, weight: fontWeights.normal },
|
||||
"text.literal": { color: color.green },
|
||||
type: { color: color.teal },
|
||||
"variable.special": { color: color.orange },
|
||||
variant: { color: color.blue },
|
||||
},
|
||||
},
|
||||
}
|
||||
|
||||
@ -1,44 +1,39 @@
|
||||
import chroma from "chroma-js"
|
||||
import { Meta, colorRamp, createColorScheme, ThemeAppearance } from "../common"
|
||||
import {
|
||||
chroma,
|
||||
colorRamp,
|
||||
ThemeAppearance,
|
||||
ThemeLicenseType,
|
||||
ThemeConfig,
|
||||
} from "../../common"
|
||||
|
||||
const name = "Rosé Pine Dawn"
|
||||
|
||||
const ramps = {
|
||||
neutral: chroma
|
||||
.scale([
|
||||
"#575279",
|
||||
"#797593",
|
||||
"#9893A5",
|
||||
"#B5AFB8",
|
||||
"#D3CCCC",
|
||||
"#F2E9E1",
|
||||
"#FFFAF3",
|
||||
"#FAF4ED",
|
||||
])
|
||||
.domain([0, 0.35, 0.45, 0.65, 0.7, 0.8, 0.9, 1]),
|
||||
red: colorRamp(chroma("#B4637A")),
|
||||
orange: colorRamp(chroma("#D7827E")),
|
||||
yellow: colorRamp(chroma("#EA9D34")),
|
||||
green: colorRamp(chroma("#679967")),
|
||||
cyan: colorRamp(chroma("#286983")),
|
||||
blue: colorRamp(chroma("#56949F")),
|
||||
violet: colorRamp(chroma("#907AA9")),
|
||||
magenta: colorRamp(chroma("#79549F")),
|
||||
}
|
||||
|
||||
export const meta: Meta = {
|
||||
name,
|
||||
export const theme: ThemeConfig = {
|
||||
name: "Rosé Pine Dawn",
|
||||
author: "edunfelt",
|
||||
license: {
|
||||
SPDX: "MIT",
|
||||
},
|
||||
url: "https://github.com/edunfelt/base16-rose-pine-scheme",
|
||||
}
|
||||
|
||||
export const light = createColorScheme({
|
||||
name: meta.name,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Light,
|
||||
inputColor: ramps,
|
||||
licenseType: ThemeLicenseType.MIT,
|
||||
licenseUrl: "https://github.com/edunfelt/base16-rose-pine-scheme",
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: {
|
||||
neutral: chroma
|
||||
.scale([
|
||||
"#575279",
|
||||
"#797593",
|
||||
"#9893A5",
|
||||
"#B5AFB8",
|
||||
"#D3CCCC",
|
||||
"#F2E9E1",
|
||||
"#FFFAF3",
|
||||
"#FAF4ED",
|
||||
])
|
||||
.domain([0, 0.35, 0.45, 0.65, 0.7, 0.8, 0.9, 1]),
|
||||
red: colorRamp(chroma("#B4637A")),
|
||||
orange: colorRamp(chroma("#D7827E")),
|
||||
yellow: colorRamp(chroma("#EA9D34")),
|
||||
green: colorRamp(chroma("#679967")),
|
||||
cyan: colorRamp(chroma("#286983")),
|
||||
blue: colorRamp(chroma("#56949F")),
|
||||
violet: colorRamp(chroma("#907AA9")),
|
||||
magenta: colorRamp(chroma("#79549F")),
|
||||
},
|
||||
override: { syntax: {} },
|
||||
})
|
||||
}
|
||||
|
||||
@ -1,44 +1,39 @@
|
||||
import chroma from "chroma-js"
|
||||
import { Meta, colorRamp, createColorScheme, ThemeAppearance } from "../common"
|
||||
import {
|
||||
chroma,
|
||||
colorRamp,
|
||||
ThemeAppearance,
|
||||
ThemeLicenseType,
|
||||
ThemeConfig,
|
||||
} from "../../common"
|
||||
|
||||
const name = "Rosé Pine Moon"
|
||||
|
||||
const ramps = {
|
||||
neutral: chroma
|
||||
.scale([
|
||||
"#232136",
|
||||
"#2A273F",
|
||||
"#393552",
|
||||
"#3E3A53",
|
||||
"#56526C",
|
||||
"#6E6A86",
|
||||
"#908CAA",
|
||||
"#E0DEF4",
|
||||
])
|
||||
.domain([0, 0.3, 0.55, 1]),
|
||||
red: colorRamp(chroma("#EB6F92")),
|
||||
orange: colorRamp(chroma("#EBBCBA")),
|
||||
yellow: colorRamp(chroma("#F6C177")),
|
||||
green: colorRamp(chroma("#8DBD8D")),
|
||||
cyan: colorRamp(chroma("#409BBE")),
|
||||
blue: colorRamp(chroma("#9CCFD8")),
|
||||
violet: colorRamp(chroma("#C4A7E7")),
|
||||
magenta: colorRamp(chroma("#AB6FE9")),
|
||||
}
|
||||
|
||||
export const meta: Meta = {
|
||||
name,
|
||||
export const theme: ThemeConfig = {
|
||||
name: "Rosé Pine Moon",
|
||||
author: "edunfelt",
|
||||
license: {
|
||||
SPDX: "MIT",
|
||||
},
|
||||
url: "https://github.com/edunfelt/base16-rose-pine-scheme",
|
||||
}
|
||||
|
||||
export const dark = createColorScheme({
|
||||
name: meta.name,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Dark,
|
||||
inputColor: ramps,
|
||||
licenseType: ThemeLicenseType.MIT,
|
||||
licenseUrl: "https://github.com/edunfelt/base16-rose-pine-scheme",
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: {
|
||||
neutral: chroma
|
||||
.scale([
|
||||
"#232136",
|
||||
"#2A273F",
|
||||
"#393552",
|
||||
"#3E3A53",
|
||||
"#56526C",
|
||||
"#6E6A86",
|
||||
"#908CAA",
|
||||
"#E0DEF4",
|
||||
])
|
||||
.domain([0, 0.3, 0.55, 1]),
|
||||
red: colorRamp(chroma("#EB6F92")),
|
||||
orange: colorRamp(chroma("#EBBCBA")),
|
||||
yellow: colorRamp(chroma("#F6C177")),
|
||||
green: colorRamp(chroma("#8DBD8D")),
|
||||
cyan: colorRamp(chroma("#409BBE")),
|
||||
blue: colorRamp(chroma("#9CCFD8")),
|
||||
violet: colorRamp(chroma("#C4A7E7")),
|
||||
magenta: colorRamp(chroma("#AB6FE9")),
|
||||
},
|
||||
override: { syntax: {} },
|
||||
})
|
||||
}
|
||||
|
||||
@ -1,42 +1,37 @@
|
||||
import chroma from "chroma-js"
|
||||
import { Meta, colorRamp, createColorScheme, ThemeAppearance } from "../common"
|
||||
import {
|
||||
chroma,
|
||||
colorRamp,
|
||||
ThemeAppearance,
|
||||
ThemeLicenseType,
|
||||
ThemeConfig,
|
||||
} from "../../common"
|
||||
|
||||
const name = "Rosé Pine"
|
||||
|
||||
const ramps = {
|
||||
neutral: chroma.scale([
|
||||
"#191724",
|
||||
"#1f1d2e",
|
||||
"#26233A",
|
||||
"#3E3A53",
|
||||
"#56526C",
|
||||
"#6E6A86",
|
||||
"#908CAA",
|
||||
"#E0DEF4",
|
||||
]),
|
||||
red: colorRamp(chroma("#EB6F92")),
|
||||
orange: colorRamp(chroma("#EBBCBA")),
|
||||
yellow: colorRamp(chroma("#F6C177")),
|
||||
green: colorRamp(chroma("#8DBD8D")),
|
||||
cyan: colorRamp(chroma("#409BBE")),
|
||||
blue: colorRamp(chroma("#9CCFD8")),
|
||||
violet: colorRamp(chroma("#C4A7E7")),
|
||||
magenta: colorRamp(chroma("#AB6FE9")),
|
||||
}
|
||||
|
||||
export const meta: Meta = {
|
||||
name,
|
||||
export const theme: ThemeConfig = {
|
||||
name: "Rosé Pine",
|
||||
author: "edunfelt",
|
||||
license: {
|
||||
SPDX: "MIT",
|
||||
},
|
||||
url: "https://github.com/edunfelt/base16-rose-pine-scheme",
|
||||
}
|
||||
|
||||
export const dark = createColorScheme({
|
||||
name: meta.name,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Dark,
|
||||
inputColor: ramps,
|
||||
licenseType: ThemeLicenseType.MIT,
|
||||
licenseUrl: "https://github.com/edunfelt/base16-rose-pine-scheme",
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: {
|
||||
neutral: chroma.scale([
|
||||
"#191724",
|
||||
"#1f1d2e",
|
||||
"#26233A",
|
||||
"#3E3A53",
|
||||
"#56526C",
|
||||
"#6E6A86",
|
||||
"#908CAA",
|
||||
"#E0DEF4",
|
||||
]),
|
||||
red: colorRamp(chroma("#EB6F92")),
|
||||
orange: colorRamp(chroma("#EBBCBA")),
|
||||
yellow: colorRamp(chroma("#F6C177")),
|
||||
green: colorRamp(chroma("#8DBD8D")),
|
||||
cyan: colorRamp(chroma("#409BBE")),
|
||||
blue: colorRamp(chroma("#9CCFD8")),
|
||||
violet: colorRamp(chroma("#C4A7E7")),
|
||||
magenta: colorRamp(chroma("#AB6FE9")),
|
||||
},
|
||||
override: { syntax: {} },
|
||||
})
|
||||
}
|
||||
|
||||
@ -1,42 +1,37 @@
|
||||
import chroma from "chroma-js"
|
||||
import { Meta, colorRamp, createColorScheme, ThemeAppearance } from "../common"
|
||||
import {
|
||||
chroma,
|
||||
colorRamp,
|
||||
ThemeAppearance,
|
||||
ThemeLicenseType,
|
||||
ThemeConfig,
|
||||
} from "../../common"
|
||||
|
||||
const name = "Sandcastle"
|
||||
|
||||
const ramps = {
|
||||
neutral: chroma.scale([
|
||||
"#282c34",
|
||||
"#2c323b",
|
||||
"#3e4451",
|
||||
"#665c54",
|
||||
"#928374",
|
||||
"#a89984",
|
||||
"#d5c4a1",
|
||||
"#fdf4c1",
|
||||
]),
|
||||
red: colorRamp(chroma("#B4637A")),
|
||||
orange: colorRamp(chroma("#a07e3b")),
|
||||
yellow: colorRamp(chroma("#a07e3b")),
|
||||
green: colorRamp(chroma("#83a598")),
|
||||
cyan: colorRamp(chroma("#83a598")),
|
||||
blue: colorRamp(chroma("#528b8b")),
|
||||
violet: colorRamp(chroma("#d75f5f")),
|
||||
magenta: colorRamp(chroma("#a87322")),
|
||||
}
|
||||
|
||||
export const meta: Meta = {
|
||||
name,
|
||||
export const theme: ThemeConfig = {
|
||||
name: "Sandcastle",
|
||||
author: "gessig",
|
||||
license: {
|
||||
SPDX: "MIT",
|
||||
},
|
||||
url: "https://github.com/gessig/base16-sandcastle-scheme",
|
||||
}
|
||||
|
||||
export const dark = createColorScheme({
|
||||
name: meta.name,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Dark,
|
||||
inputColor: ramps,
|
||||
licenseType: ThemeLicenseType.MIT,
|
||||
licenseUrl: "https://github.com/gessig/base16-sandcastle-scheme",
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: {
|
||||
neutral: chroma.scale([
|
||||
"#282c34",
|
||||
"#2c323b",
|
||||
"#3e4451",
|
||||
"#665c54",
|
||||
"#928374",
|
||||
"#a89984",
|
||||
"#d5c4a1",
|
||||
"#fdf4c1",
|
||||
]),
|
||||
red: colorRamp(chroma("#B4637A")),
|
||||
orange: colorRamp(chroma("#a07e3b")),
|
||||
yellow: colorRamp(chroma("#a07e3b")),
|
||||
green: colorRamp(chroma("#83a598")),
|
||||
cyan: colorRamp(chroma("#83a598")),
|
||||
blue: colorRamp(chroma("#528b8b")),
|
||||
violet: colorRamp(chroma("#d75f5f")),
|
||||
magenta: colorRamp(chroma("#a87322")),
|
||||
},
|
||||
override: { syntax: {} },
|
||||
})
|
||||
}
|
||||
|
||||
@ -1,7 +1,10 @@
|
||||
import chroma from "chroma-js"
|
||||
import { Meta, colorRamp, createColorScheme, ThemeAppearance } from "../common"
|
||||
|
||||
const name = "Solarized"
|
||||
import {
|
||||
chroma,
|
||||
colorRamp,
|
||||
ThemeAppearance,
|
||||
ThemeLicenseType,
|
||||
ThemeConfig,
|
||||
} from "../../common"
|
||||
|
||||
const ramps = {
|
||||
neutral: chroma
|
||||
@ -26,27 +29,24 @@ const ramps = {
|
||||
magenta: colorRamp(chroma("#d33682")),
|
||||
}
|
||||
|
||||
export const meta: Meta = {
|
||||
name,
|
||||
export const dark: ThemeConfig = {
|
||||
name: "Solarized Dark",
|
||||
author: "Ethan Schoonover",
|
||||
license: {
|
||||
SPDX: "MIT",
|
||||
},
|
||||
url: "https://github.com/altercation/solarized",
|
||||
appearance: ThemeAppearance.Dark,
|
||||
licenseType: ThemeLicenseType.MIT,
|
||||
licenseUrl: "https://github.com/altercation/solarized",
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: ramps,
|
||||
override: { syntax: {} },
|
||||
}
|
||||
|
||||
export const dark = createColorScheme({
|
||||
name: `${name} Dark`,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Dark,
|
||||
inputColor: ramps,
|
||||
override: { syntax: {} },
|
||||
})
|
||||
|
||||
export const light = createColorScheme({
|
||||
name: `${name} Light`,
|
||||
author: meta.author,
|
||||
export const light: ThemeConfig = {
|
||||
name: "Solarized Light",
|
||||
author: "Ethan Schoonover",
|
||||
appearance: ThemeAppearance.Light,
|
||||
licenseType: ThemeLicenseType.MIT,
|
||||
licenseUrl: "https://github.com/altercation/solarized",
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: ramps,
|
||||
override: { syntax: {} },
|
||||
})
|
||||
}
|
||||
|
||||
@ -1,44 +1,39 @@
|
||||
import chroma from "chroma-js"
|
||||
import { Meta, colorRamp, createColorScheme, ThemeAppearance } from "../common"
|
||||
import {
|
||||
chroma,
|
||||
colorRamp,
|
||||
ThemeAppearance,
|
||||
ThemeLicenseType,
|
||||
ThemeConfig,
|
||||
} from "../../common"
|
||||
|
||||
const name = "Summercamp"
|
||||
|
||||
const ramps = {
|
||||
neutral: chroma
|
||||
.scale([
|
||||
"#1c1810",
|
||||
"#2a261c",
|
||||
"#3a3527",
|
||||
"#3a3527",
|
||||
"#5f5b45",
|
||||
"#736e55",
|
||||
"#bab696",
|
||||
"#f8f5de",
|
||||
])
|
||||
.domain([0, 0.2, 0.38, 0.4, 0.65, 0.7, 0.85, 1]),
|
||||
red: colorRamp(chroma("#e35142")),
|
||||
orange: colorRamp(chroma("#fba11b")),
|
||||
yellow: colorRamp(chroma("#f2ff27")),
|
||||
green: colorRamp(chroma("#5ceb5a")),
|
||||
cyan: colorRamp(chroma("#5aebbc")),
|
||||
blue: colorRamp(chroma("#489bf0")),
|
||||
violet: colorRamp(chroma("#FF8080")),
|
||||
magenta: colorRamp(chroma("#F69BE7")),
|
||||
}
|
||||
|
||||
export const meta: Meta = {
|
||||
name,
|
||||
export const theme: ThemeConfig = {
|
||||
name: "Summercamp",
|
||||
author: "zoefiri",
|
||||
url: "https://github.com/zoefiri/base16-sc",
|
||||
license: {
|
||||
SPDX: "MIT",
|
||||
},
|
||||
}
|
||||
|
||||
export const dark = createColorScheme({
|
||||
name: meta.name,
|
||||
author: meta.author,
|
||||
appearance: ThemeAppearance.Dark,
|
||||
inputColor: ramps,
|
||||
licenseType: ThemeLicenseType.MIT,
|
||||
licenseUrl: "https://github.com/zoefiri/base16-sc",
|
||||
licenseFile: `${__dirname}/LICENSE`,
|
||||
inputColor: {
|
||||
neutral: chroma
|
||||
.scale([
|
||||
"#1c1810",
|
||||
"#2a261c",
|
||||
"#3a3527",
|
||||
"#3a3527",
|
||||
"#5f5b45",
|
||||
"#736e55",
|
||||
"#bab696",
|
||||
"#f8f5de",
|
||||
])
|
||||
.domain([0, 0.2, 0.38, 0.4, 0.65, 0.7, 0.85, 1]),
|
||||
red: colorRamp(chroma("#e35142")),
|
||||
orange: colorRamp(chroma("#fba11b")),
|
||||
yellow: colorRamp(chroma("#f2ff27")),
|
||||
green: colorRamp(chroma("#5ceb5a")),
|
||||
cyan: colorRamp(chroma("#5aebbc")),
|
||||
blue: colorRamp(chroma("#489bf0")),
|
||||
violet: colorRamp(chroma("#FF8080")),
|
||||
magenta: colorRamp(chroma("#F69BE7")),
|
||||
},
|
||||
override: { syntax: {} },
|
||||
})
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user