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
|
//originally vsDark from prism-react-renderer
var theme = {
plain: {
color: "#d6deeb",
backgroundColor: "#011627"
},
styles: [
{
types: ["changed"],
style: {
color: "rgb(162, 191, 252)",
fontStyle: "italic"
}
},
{
types: ["deleted"],
style: {
color: "rgba(239, 83, 80, 0.56)",
fontStyle: "italic"
}
},
{
types: ["inserted", "attr-name"],
style: {
color: "rgb(173, 219, 103)",
fontStyle: "italic"
}
},
{
types: ["comment"],
style: {
color: "rgb(99, 119, 119)",
fontStyle: "italic"
}
},
{
types: ["string", "url"],
style: {
color: "rgb(173, 219, 103)"
}
},
{
types: ["variable"],
style: {
color: "rgb(214, 222, 235)"
}
},
{
types: ["number"],
style: {
color: "rgb(247, 140, 108)"
}
},
{
types: ["builtin", "char", "constant", "function"],
style: {
color: "rgb(130, 170, 255)"
}
},
{
// This was manually added after the auto-generation
// so that punctuations are not italicised
types: ["punctuation"],
style: {
color: "rgb(199, 146, 234)"
}
},
{
types: ["selector", "doctype"],
style: {
color: "rgb(199, 146, 234)",
fontStyle: "italic"
}
},
{
types: ["class-name"],
style: {
color: "rgb(255, 203, 139)"
}
},
{
types: ["tag", "operator", "keyword"],
style: {
color: "rgb(231, 29, 54)"
}
},
{
types: ["boolean"],
style: {
color: "rgb(85,180,109)" //"rgb(255, 88, 116)"
}
},
{
types: ["property"],
style: {
color: "rgb(128, 203, 196)"
}
},
{
types: ["namespace"],
style: {
color: "rgb(178, 204, 214)"
}
}
]
};
export default theme;
|
