codeThemes.ts101 lines · main
1import type { ThemeRegistration } from 'shiki'
2
3export const brivenDark: ThemeRegistration = {
4 name: 'briven-dark',
5 type: 'dark',
6 colors: {
7 'editor.background': '#00000000',
8 'editor.foreground': '#ffffff',
9 },
10 tokenColors: [
11 {
12 scope: ['keyword', 'storage', 'storage.type', 'storage.modifier'],
13 settings: { foreground: '#bda4ff' },
14 },
15 {
16 scope: [
17 'entity.name.function',
18 'support.function',
19 'entity.name.tag',
20 'support.class.component',
21 ],
22 settings: { foreground: '#3ecf8e' },
23 },
24 {
25 scope: ['constant', 'variable.other.constant', 'support.constant'],
26 settings: { foreground: '#3ecf8e' },
27 },
28 {
29 scope: [
30 'variable.other.property',
31 'support.type.property-name',
32 'meta.object-literal.key',
33 'entity.other.attribute-name',
34 ],
35 settings: { foreground: '#3ecf8e' },
36 },
37 {
38 scope: ['string', 'string.quoted'],
39 settings: { foreground: '#ffcda1' },
40 },
41 {
42 scope: ['comment', 'punctuation.definition.comment'],
43 settings: { foreground: '#7e7e7e' },
44 },
45 { scope: ['variable.parameter'], settings: { foreground: '#ffffff' } },
46 { scope: ['punctuation'], settings: { foreground: '#ffffff' } },
47 { scope: ['constant.numeric'], settings: { foreground: '#ededed' } },
48 { scope: ['markup.underline.link'], settings: { foreground: '#ffffff' } },
49 { scope: ['markup.inserted'], settings: { foreground: '#3ecf8e' } },
50 { scope: ['markup.deleted'], settings: { foreground: '#F06A50' } },
51 ],
52}
53
54export const brivenLight: ThemeRegistration = {
55 name: 'briven-light',
56 type: 'light',
57 colors: {
58 'editor.background': '#00000000',
59 'editor.foreground': '#525252',
60 },
61 tokenColors: [
62 {
63 scope: ['keyword', 'storage', 'storage.type', 'storage.modifier'],
64 settings: { foreground: '#6b35dc' },
65 },
66 {
67 scope: [
68 'entity.name.function',
69 'support.function',
70 'entity.name.tag',
71 'support.class.component',
72 ],
73 settings: { foreground: '#15593b' },
74 },
75 {
76 scope: ['constant', 'variable.other.constant', 'support.constant'],
77 settings: { foreground: '#15593b' },
78 },
79 {
80 scope: [
81 'variable.other.property',
82 'support.type.property-name',
83 'meta.object-literal.key',
84 'entity.other.attribute-name',
85 ],
86 settings: { foreground: '#15593b' },
87 },
88 {
89 scope: ['string', 'string.quoted'],
90 settings: { foreground: '#f1a10d' },
91 },
92 {
93 scope: ['comment', 'punctuation.definition.comment'],
94 settings: { foreground: '#7e7e7e' },
95 },
96 { scope: ['variable.parameter'], settings: { foreground: '#525252' } },
97 { scope: ['punctuation'], settings: { foreground: '#a0a0a0' } },
98 { scope: ['constant.numeric'], settings: { foreground: '#525252' } },
99 { scope: ['markup.underline.link'], settings: { foreground: '#525252' } },
100 ],
101}