CoCalc -- style.ts

GitHub Repository: aos/grafana-agent
Path: blob/main/web/ui/src/features/component/style.ts
⁵³⁰⁵ 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
Product

Resources

Company
