mirrors/zed
1
0
Fork 0
mirror of https://github.com/zed-industries/zed.git synced 2025-01-11 21:13:02 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 8

Add a syntax override style for One Dark

Browse source
This commit is contained in:
Nate Butler 2023-02-26 01:07:45 -05:00
parent 77ed437cda
commit 23c967418a
1 changed files with 38 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
styles/src/themes/one-dark.ts
View file

@ -1,10 +1,22 @@
import chroma from "chroma-js"
import { Meta } from "./common/colorScheme"
import { Meta, ThemeSyntax } from "./common/colorScheme"
import { colorRamp, createColorScheme } from "./common/ramps"
const name = "One Dark"
export const dark = createColorScheme(`${name}`, false, {
const color = {
white: "#ACB2BE",
grey: "#5D636F",
red: "#D07277",
orange: "#C0966B",
yellow: "#DFC184",
green: "#A1C181",
teal: "#6FB4C0",
blue: "#74ADE9",
purple: "#B478CF",
};
const ramps = {
neutral: chroma
.scale([
"#282c34",
@ -17,16 +29,31 @@ export const dark = createColorScheme(`${name}`, false, {
"#c8ccd4",
])
.domain([0.05, 0.22, 0.25, 0.45, 0.62, 0.8, 0.9, 1]),
red: colorRamp(chroma("#e06c75")),
orange: colorRamp(chroma("#d19a66")),
yellow: colorRamp(chroma("#e5c07b")),
green: colorRamp(chroma("#98c379")),
cyan: colorRamp(chroma("#56b6c2")),
blue: colorRamp(chroma("#61afef")),
violet: colorRamp(chroma("#c678dd")),
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 = {
primary: { color: color.white },
comment: { color: color.grey },
function: { color: color.blue },
type: { color: color.teal },
property: { color: color.red },
number: { color: color.orange },
string: { color: color.green },
keyword: { color: color.purple },
boolean: { color: color.orange },
punctuation: { color: color.white },
operator: { color: color.teal }
}
export const dark = createColorScheme(name, false, ramps, syntax)
export const meta: Meta = {
name,