mirrors/zed
1
0
Fork 0
mirror of https://github.com/zed-industries/zed.git synced 2025-01-26 20:22:30 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Update Atelier Dune

Browse source
This commit is contained in:
Nate Butler 2023-03-07 13:27:01 -08:00
parent 477453c396
commit e0f9b2b40f
3 changed files with 110 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

55
styles/src/themes/atelier-dune-dark.ts Normal file
View file

@ -0,0 +1,55 @@
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/cave/",
},
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

55
styles/src/themes/atelier-dune-light.ts Normal file
View file

@ -0,0 +1,55 @@
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/cave/",
},
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

35
styles/src/themes/staff/atelier-dune.ts
View file

@ -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)