one-light.ts

 1import {
 2    chroma,
 3    font_weights,
 4    color_ramp,
 5    ThemeAppearance,
 6    ThemeLicenseType,
 7    ThemeConfig,
 8} from "../../common"
 9
10const color = {
11    black: "#383A41",
12    grey: "#A2A3A7",
13    red: "#D36050",
14    dark_red: "#B92C46",
15    orange: "#AD6F26",
16    yellow: "#DFC184",
17    green: "#659F58",
18    teal: "#3982B7",
19    blue: "#5B79E3",
20    purple: "#A449AB",
21    magenta: "#994EA6",
22}
23
24export const theme: ThemeConfig = {
25    name: "One Light",
26    author: "simurai",
27    appearance: ThemeAppearance.Light,
28    license_type: ThemeLicenseType.MIT,
29    license_url:
30        "https://github.com/atom/atom/tree/master/packages/one-light-ui",
31    license_file: `${__dirname}/LICENSE`,
32    input_color: {
33        neutral: chroma
34            .scale([
35                "#383A41",
36                "#535456",
37                "#696c77",
38                "#9D9D9F",
39                "#A9A9A9",
40                "#DBDBDC",
41                "#EAEAEB",
42                "#FAFAFA",
43            ])
44            .domain([0.05, 0.22, 0.25, 0.45, 0.62, 0.8, 0.9, 1]),
45        red: color_ramp(chroma(color.red)),
46        orange: color_ramp(chroma(color.orange)),
47        yellow: color_ramp(chroma(color.yellow)),
48        green: color_ramp(chroma(color.green)),
49        cyan: color_ramp(chroma(color.teal)),
50        blue: color_ramp(chroma(color.blue)),
51        violet: color_ramp(chroma(color.purple)),
52        magenta: color_ramp(chroma(color.magenta)),
53    },
54    override: {
55        syntax: {
56            boolean: { color: color.orange },
57            comment: { color: color.grey },
58            enum: { color: color.red },
59            "emphasis.strong": { color: color.orange },
60            function: { color: color.blue },
61            keyword: { color: color.purple },
62            link_text: { color: color.blue },
63            link_uri: { color: color.teal },
64            number: { color: color.orange },
65            operator: { color: color.teal },
66            primary: { color: color.black },
67            property: { color: color.red },
68            punctuation: { color: color.black },
69            "punctuation.list_marker": { color: color.red },
70            "punctuation.special": { color: color.dark_red },
71            string: { color: color.green },
72            title: { color: color.red, weight: font_weights.normal },
73            "text.literal": { color: color.green },
74            type: { color: color.teal },
75            "variable.special": { color: color.orange },
76            variant: { color: color.blue },
77        },
78    },
79}