Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
aos
GitHub Repository: aos/grafana-agent
Path: blob/main/web/ui/src/features/component/style.ts
5305 views
1
import React from 'react';
2
3
// Object for react-syntax-highlighter's custom theme
4
export const style: {
5
[key: string]: React.CSSProperties;
6
} = {
7
'code[class*="language-"]': {
8
color: 'black',
9
background: 'none',
10
fontFamily: 'Fira Code,monospace',
11
textAlign: 'left',
12
whiteSpace: 'pre',
13
wordSpacing: 'normal',
14
wordBreak: 'normal',
15
wordWrap: 'normal',
16
MozTabSize: '4',
17
OTabSize: '4',
18
tabSize: '4',
19
WebkitHyphens: 'none',
20
MozHyphens: 'none',
21
msHyphens: 'none',
22
hyphens: 'none',
23
},
24
'pre[class*="language-"]': {
25
background: 'none',
26
fontFamily: 'Fira Code,monospace',
27
textAlign: 'left',
28
whiteSpace: 'pre',
29
wordSpacing: 'normal',
30
wordBreak: 'normal',
31
wordWrap: 'normal',
32
MozTabSize: '4',
33
OTabSize: '4',
34
tabSize: '4',
35
WebkitHyphens: 'none',
36
MozHyphens: 'none',
37
msHyphens: 'none',
38
hyphens: 'none',
39
margin: '0.5em 0',
40
overflowX: 'auto',
41
overflowY: 'hidden',
42
borderRadius: '0.3em',
43
},
44
':not(pre) > code[class*="language-"]': {
45
background: 'none',
46
borderRadius: '0.3em',
47
whiteSpace: 'normal',
48
},
49
comment: {
50
color: '#d4d0ab',
51
},
52
prolog: {
53
color: '#d4d0ab',
54
},
55
doctype: {
56
color: '#d4d0ab',
57
},
58
cdata: {
59
color: '#d4d0ab',
60
},
61
property: {
62
color: '#ffa07a',
63
},
64
tag: {
65
color: '#ffa07a',
66
},
67
constant: {
68
color: '#ffa07a',
69
},
70
symbol: {
71
color: '#ffa07a',
72
},
73
deleted: {
74
color: '#ffa07a',
75
},
76
boolean: {
77
color: 'blue',
78
},
79
number: {
80
color: 'blue',
81
},
82
selector: {
83
color: '#abe338',
84
},
85
'attr-name': {
86
color: '#abe338',
87
},
88
string: {
89
color: 'green',
90
},
91
char: {
92
color: '#abe338',
93
},
94
builtin: {
95
color: '#abe338',
96
},
97
inserted: {
98
color: '#abe338',
99
},
100
entity: {
101
color: '#00e0e0',
102
cursor: 'help',
103
},
104
url: {
105
color: '#00e0e0',
106
},
107
'.language-css .token.string': {
108
color: '#00e0e0',
109
},
110
'.style .token.string': {
111
color: '#00e0e0',
112
},
113
variable: {
114
color: '#00e0e0',
115
},
116
atrule: {
117
color: 'grey',
118
},
119
'attr-value': {
120
color: 'grey',
121
},
122
function: {
123
color: 'grey',
124
},
125
keyword: {
126
color: '#00e0e0',
127
},
128
regex: {
129
color: '#ffd700',
130
},
131
important: {
132
color: '#ffd700',
133
fontWeight: 'bold',
134
},
135
bold: {
136
fontWeight: 'bold',
137
},
138
italic: {
139
fontStyle: 'italic',
140
},
141
};
142
143