-
Notifications
You must be signed in to change notification settings - Fork 28
/
dnb-prism-theme.js
123 lines (121 loc) · 2.19 KB
/
dnb-prism-theme.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
/**
* DNB Prism Theme
*
*/
const prismTheme = {
plain: {
color: 'var(--color-mint-green-12)',
backgroundColor: '#222',
},
styles: [
{
types: ['changed'],
style: {
color: 'var(--color-accent-yellow-30)',
fontStyle: 'italic',
},
},
{
types: ['deleted'],
style: {
color: 'var(--color-fire-red)',
fontStyle: 'italic',
},
},
{
types: ['inserted', 'attr-name'],
style: {
color: 'var(--color-summer-green)',
fontStyle: 'italic',
},
},
{
types: ['comment'],
style: {
color: 'var(--color-accent-yellow-30)',
fontStyle: 'italic',
opacity: '0.8',
},
},
{
types: ['string', 'url'],
style: {
color: 'var(--color-summer-green)',
},
},
{
types: ['variable'],
style: {
color: 'var(--color-mint-green-50)',
},
},
{
types: ['number'],
style: {
color: 'var(--color-mint-green-12)',
},
},
{
types: ['builtin', 'char', 'constant'],
style: {
color: 'var(--color-lavender)',
},
},
{
types: ['function'],
style: {
color: 'var(--color-sky-blue-medium)',
},
},
{
types: ['punctuation'],
style: {
color: 'var(--color-lavender)',
},
},
{
types: ['selector', 'doctype'],
style: {
color: 'var(--color-sea-green-30)',
fontStyle: 'italic',
},
},
{
types: ['class-name'],
style: {
color: 'var(--color-sky-blue)',
},
},
{
types: ['operator', 'keyword', 'attr-value'],
style: {
color: 'var(--color-mint-green)',
},
},
{
types: ['tag'],
style: {
color: 'var(--color-sky-blue)',
},
},
{
types: ['boolean'],
style: {
color: 'var(--color-success-green)',
},
},
{
types: ['property'],
style: {
color: 'var(--color-mint-green)',
},
},
{
types: ['namespace'],
style: {
color: 'var(--color-indigo-light)',
},
},
],
}
export default prismTheme