@recaptime-dev's working patches + fork for Phorge, a community fork of Phabricator. (Upstream dev and stable branches are at upstream/main and upstream/stable respectively.)
hq.recaptime.dev/wiki/Phorge
phorge
phabricator
Improve remarkup codeblock syntax highlighting when using Dark Mode
Summary:
PhabricatorDefaultSyntaxStyle works now with 'CSS-color-aliases' instead of fixed colors.
The aliases are translated in the corresponding themes CelerityPostprocessor.
| Before | After |
|-----------|-----------|
| {F709419} | {F709421} |
Ref T15056
Test Plan:
1) bin/celerity syntax
2) bin/celerity map
3) bin/cache purge --all
4) sign in
5) go to user's Settings > Display Preferences and select the Accessibility (user interface) "Dark Mode".
6) go to Phriction or Maniphest and add a codeblock.
Example:
``` lang=php
<?php
final class Example extends PhabricatorApplication {
}
```
7) verify that codeblock content is readable
8) also check that with/without this, nothing changes in "normal" theme
Reviewers: O1 Blessed Committers, valerio.bozzolan
Reviewed By: O1 Blessed Committers, valerio.bozzolan
Subscribers: tobiaswiese, valerio.bozzolan, Matthew, Cigaryno
Maniphest Tasks: T15056
Differential Revision: https://we.phorge.it/D25509
+350
-130
+3
-2
resources/celerity/map.php
+3
-2
resources/celerity/map.php
···
10
10
'conpherence.pkg.css' => '2f25eb4f',
11
11
'conpherence.pkg.js' => '020aebcf',
12
12
'core.pkg.css' => '7f47b2ac',
13
+
'core.pkg.css' => '41cc201d',
13
14
'core.pkg.js' => '2eeda9e0',
14
15
'dark-console.pkg.js' => '187792c2',
15
16
'differential.pkg.css' => '6d3700f0',
···
186
187
'rsrc/css/phui/workboards/phui-workpanel.css' => 'bc06f022',
187
188
'rsrc/css/sprite-login.css' => '07052ee0',
188
189
'rsrc/css/sprite-tokens.css' => 'f1896dc5',
189
-
'rsrc/css/syntax/syntax-default.css' => '055fc231',
190
+
'rsrc/css/syntax/syntax-default.css' => 'c0307dc6',
190
191
'rsrc/externals/d3/d3.min.js' => '9d068042',
191
192
'rsrc/externals/font/fontawesome/fontawesome-webfont.eot' => '23f8c698',
192
193
'rsrc/externals/font/fontawesome/fontawesome-webfont.ttf' => '70983df0',
···
907
908
'setup-issue-css' => '93231115',
908
909
'sprite-login-css' => '07052ee0',
909
910
'sprite-tokens-css' => 'f1896dc5',
910
-
'syntax-default-css' => '055fc231',
911
+
'syntax-default-css' => 'c0307dc6',
911
912
'syntax-highlighting-css' => '548567f6',
912
913
'tokens-css' => 'ce5a50bd',
913
914
'trigger-rule' => '41b7b4f6',
+61
src/applications/celerity/postprocessor/CelerityDarkModePostprocessor.php
+61
src/applications/celerity/postprocessor/CelerityDarkModePostprocessor.php
···
218
218
'grey.button.gradient' => 'linear-gradient(to bottom, #223246, #223246)',
219
219
'grey.button.hover' => 'linear-gradient(to bottom, #1c293b, #1c293b)',
220
220
221
+
// Codeblock syntax highlighting
222
+
'syntax.highlighted-line' => '#fa8',
223
+
'syntax.comment' => '#6d6',
224
+
'syntax.comment-multiline' => '#6d6',
225
+
'syntax.comment-single' => '#6d6',
226
+
'syntax.comment-special' => '#6d6',
227
+
'syntax.string-doc' => '#fff',
228
+
'syntax.string-heredoc' => '#fff',
229
+
'syntax.string' => '#f88',
230
+
'syntax.string-backtick' => '#f88',
231
+
'syntax.literal-string-char' => '#f88',
232
+
'syntax.string-double' => '#f88',
233
+
'syntax.string-single' => '#f88',
234
+
'syntax.string-other' => '#f88',
235
+
'syntax.string-regex' => '#f88',
236
+
'syntax.name-variable' => '#8ff',
237
+
'syntax.variable-instance' => '#8ff',
238
+
'syntax.variable-global' => '#8ff',
239
+
'syntax.name-attribute' => '#4cf',
240
+
'syntax.keyword-constant' => '#0cf',
241
+
'syntax.name-operator' => '#0cf',
242
+
'syntax.keyword' => '#e8e',
243
+
'syntax.keyword-declaration' => '#e8e',
244
+
'syntax.keyword-namespace' => '#e8e',
245
+
'syntax.keyword-type' => '#e8e',
246
+
'syntax.comment-preproc' => '#08f',
247
+
'syntax.keyword-preproc' => '#08f',
248
+
'syntax.keyword-reserved' => '#08f',
249
+
'syntax.name-builtin' => '#08f',
250
+
'syntax.builtin-pseudo' => '#08f',
251
+
'syntax.name-class' => '#4ff',
252
+
'syntax.name-tag' => '#dc0',
253
+
'syntax.name-variable-class' => '#4ff',
254
+
'syntax.name-function' => '#8af',
255
+
'syntax.name-exception' => '#ed8',
256
+
'syntax.operator' => '#aaa',
257
+
'syntax.punctuation' => '#aaa',
258
+
'syntax.literal-string-symbol' => '#aaa',
259
+
'syntax.literal-number' => '#fa4',
260
+
'syntax.literal-number-float' => '#fa4',
261
+
'syntax.literal-number-hex' => '#fa4',
262
+
'syntax.literal-number-integer' => '#fa4',
263
+
'syntax.literal-number-octal' => '#fa4',
264
+
'syntax.literal-number-integer-long' => '#fa4',
265
+
'syntax.generic-deleted' => '#f55',
266
+
'syntax.generic-red' => '#f52',
267
+
'syntax.generic-heading' => '#fff',
268
+
'syntax.generic-inserted' => '#4f4',
269
+
'syntax.generic-output' => '#ccc',
270
+
'syntax.generic-prompt' => '#fff',
271
+
'syntax.generic-underline' => '#f4f',
272
+
'syntax.generic-traceback' => '#07f',
273
+
'syntax.name-decorator' => '#c7f',
274
+
'syntax.name-identifier' => '#92969d',
275
+
'syntax.name-entity' => '#f44',
276
+
'syntax.name-label' => '#aa0',
277
+
'syntax.name-namespace' => '#48f',
278
+
'syntax.operator-word' => '#c7f',
279
+
'syntax.text-whitespace' => '#bbb',
280
+
'syntax.literal-string-escape' => '#d84',
281
+
'syntax.literal-string-interpol' => '#b6b',
221
282
);
222
283
}
223
284
+61
src/applications/celerity/postprocessor/CelerityDefaultPostprocessor.php
+61
src/applications/celerity/postprocessor/CelerityDefaultPostprocessor.php
···
247
247
'delete-color' => '#c0392b',
248
248
'create-color' => '#139543',
249
249
250
+
// Codeblock syntax highlighting
251
+
'syntax.highlighted-line' => '#ffffcc',
252
+
'syntax.comment' => '#74777d',
253
+
'syntax.comment-multiline' => '#74777d',
254
+
'syntax.comment-single' => '#74777d',
255
+
'syntax.comment-special' => '#74777d',
256
+
'syntax.string-doc' => '#000000',
257
+
'syntax.string-heredoc' => '#000000',
258
+
'syntax.string' => '#766510',
259
+
'syntax.string-backtick' => '#766510',
260
+
'syntax.literal-string-char' => '#766510',
261
+
'syntax.string-double' => '#766510',
262
+
'syntax.string-single' => '#766510',
263
+
'syntax.string-other' => '#766510',
264
+
'syntax.string-regex' => '#bb6688',
265
+
'syntax.name-variable' => '#001294',
266
+
'syntax.variable-instance' => '#001294',
267
+
'syntax.variable-global' => '#001294',
268
+
'syntax.name-attribute' => '#354bb3',
269
+
'syntax.keyword-constant' => '#000a65',
270
+
'syntax.name-operator' => '#000a65',
271
+
'syntax.keyword' => '#aa4000',
272
+
'syntax.keyword-declaration' => '#aa4000',
273
+
'syntax.keyword-namespace' => '#aa4000',
274
+
'syntax.keyword-type' => '#aa4000',
275
+
'syntax.comment-preproc' => '#304a96',
276
+
'syntax.keyword-preproc' => '#304a96',
277
+
'syntax.keyword-reserved' => '#304a96',
278
+
'syntax.name-builtin' => '#304a96',
279
+
'syntax.builtin-pseudo' => '#304a96',
280
+
'syntax.name-class' => '#00702a',
281
+
'syntax.name-tag' => '#00702a',
282
+
'syntax.name-variable-class' => '#00702a',
283
+
'syntax.name-function' => '#004012',
284
+
'syntax.name-exception' => '#004012',
285
+
'syntax.operator' => '#aa2211',
286
+
'syntax.punctuation' => '#000000',
287
+
'syntax.literal-string-symbol' => '#aa2211',
288
+
'syntax.literal-number' => '#601200',
289
+
'syntax.literal-number-float' => '#601200',
290
+
'syntax.literal-number-hex' => '#601200',
291
+
'syntax.literal-number-integer' => '#601200',
292
+
'syntax.literal-number-octal' => '#601200',
293
+
'syntax.literal-number-integer-long' => '#601200',
294
+
'syntax.generic-deleted' => '#a00000',
295
+
'syntax.generic-red' => '#ff0000',
296
+
'syntax.generic-heading' => '#000080',
297
+
'syntax.generic-inserted' => '#00a000',
298
+
'syntax.generic-output' => '#808080',
299
+
'syntax.generic-prompt' => '#000080',
300
+
'syntax.generic-underline' => '#800080',
301
+
'syntax.generic-traceback' => '#0040d0',
302
+
'syntax.name-decorator' => '#aa22ff',
303
+
'syntax.name-identifier' => '#92969d',
304
+
'syntax.name-entity' => '#d2413a',
305
+
'syntax.name-label' => '#a0a000',
306
+
'syntax.name-namespace' => '#0000ff',
307
+
'syntax.operator-word' => '#aa22ff',
308
+
'syntax.text-whitespace' => '#bbbbbb',
309
+
'syntax.literal-string-escape' => '#bb6622',
310
+
'syntax.literal-string-interpol' => '#bb66bb',
250
311
);
251
312
}
252
313
+61
-59
src/infrastructure/syntax/PhabricatorDefaultSyntaxStyle.php
+61
-59
src/infrastructure/syntax/PhabricatorDefaultSyntaxStyle.php
···
11
11
12
12
public function getStyleMap() {
13
13
return array(
14
-
'hll' => 'color: #ffffcc',
15
-
'c' => 'color: #74777d',
16
-
'cm' => 'color: #74777d',
17
-
'c1' => 'color: #74777d',
18
-
'cs' => 'color: #74777d',
19
-
'sd' => 'color: #000000',
20
-
'sh' => 'color: #000000',
21
-
's' => 'color: #766510',
22
-
'sb' => 'color: #766510',
23
-
'sc' => 'color: #766510',
24
-
's2' => 'color: #766510',
25
-
's1' => 'color: #766510',
26
-
'sx' => 'color: #766510',
27
-
'sr' => 'color: #bb6688',
28
-
'nv' => 'color: #001294',
29
-
'vi' => 'color: #001294',
30
-
'vg' => 'color: #001294',
31
-
'na' => 'color: #354bb3',
32
-
'kc' => 'color: #000a65',
33
-
'no' => 'color: #000a65',
34
-
'k' => 'color: #aa4000',
35
-
'kd' => 'color: #aa4000',
36
-
'kn' => 'color: #aa4000',
37
-
'kt' => 'color: #aa4000',
38
-
'cp' => 'color: #304a96',
39
-
'kp' => 'color: #304a96',
40
-
'kr' => 'color: #304a96',
41
-
'nb' => 'color: #304a96',
42
-
'bp' => 'color: #304a96',
43
-
'nc' => 'color: #00702a',
44
-
'nt' => 'color: #00702a',
45
-
'vc' => 'color: #00702a',
46
-
'nf' => 'color: #004012',
47
-
'nx' => 'color: #004012',
48
-
'o' => 'color: #aa2211',
49
-
'ss' => 'color: #aa2211',
50
-
'm' => 'color: #601200',
51
-
'mf' => 'color: #601200',
52
-
'mh' => 'color: #601200',
53
-
'mi' => 'color: #601200',
54
-
'mo' => 'color: #601200',
55
-
'il' => 'color: #601200',
56
-
'gd' => 'color: #a00000',
57
-
'gr' => 'color: #ff0000',
58
-
'gh' => 'color: #000080',
59
-
'gi' => 'color: #00a000',
60
-
'go' => 'color: #808080',
61
-
'gp' => 'color: #000080',
62
-
'gu' => 'color: #800080',
63
-
'gt' => 'color: #0040d0',
64
-
'nd' => 'color: #aa22ff',
65
-
'ni' => 'color: #92969d',
66
-
'ne' => 'color: #d2413a',
67
-
'nl' => 'color: #a0a000',
68
-
'nn' => 'color: #0000ff',
69
-
'ow' => 'color: #aa22ff',
70
-
'w' => 'color: #bbbbbb',
71
-
'se' => 'color: #bb6622',
72
-
'si' => 'color: #bb66bb',
14
+
'hll' => 'color: {$syntax.highlighted-line}',
15
+
'c' => 'color: {$syntax.comment}',
16
+
'cm' => 'color: {$syntax.comment-multiline}',
17
+
'dc' => 'color: {$syntax.comment-multiline}',
18
+
'c1' => 'color: {$syntax.comment-single}',
19
+
'cs' => 'color: {$syntax.comment-special}',
20
+
'sd' => 'color: {$syntax.string-doc}',
21
+
'sh' => 'color: {$syntax.string-heredoc}',
22
+
's' => 'color: {$syntax.string}',
23
+
'sb' => 'color: {$syntax.string-backtick}',
24
+
'sc' => 'color: {$syntax.literal-string-char}',
25
+
's2' => 'color: {$syntax.string-double}',
26
+
's1' => 'color: {$syntax.string-single}',
27
+
'sx' => 'color: {$syntax.string-other}',
28
+
'sr' => 'color: {$syntax.string-regex}',
29
+
'nv' => 'color: {$syntax.name-variable}',
30
+
'vi' => 'color: {$syntax.variable-instance}',
31
+
'vg' => 'color: {$syntax.variable-global}',
32
+
'na' => 'color: {$syntax.name-attribute}',
33
+
'kc' => 'color: {$syntax.keyword-constant}',
34
+
'no' => 'color: {$syntax.name-operator}',
35
+
'k' => 'color: {$syntax.keyword}',
36
+
'kd' => 'color: {$syntax.keyword-declaration}',
37
+
'kn' => 'color: {$syntax.keyword-namespace}',
38
+
'kt' => 'color: {$syntax.keyword-type}',
39
+
'cp' => 'color: {$syntax.comment-preproc}',
40
+
'kp' => 'color: {$syntax.keyword-preproc}',
41
+
'kr' => 'color: {$syntax.keyword-reserved}',
42
+
'nb' => 'color: {$syntax.name-builtin}',
43
+
'bp' => 'color: {$syntax.builtin-pseudo}',
44
+
'nc' => 'color: {$syntax.name-class}',
45
+
'nt' => 'color: {$syntax.name-tag}',
46
+
'vc' => 'color: {$syntax.name-variable-class}',
47
+
'nf' => 'color: {$syntax.name-function}',
48
+
'nx' => 'color: {$syntax.name-exception}',
49
+
'o' => 'color: {$syntax.operator}',
50
+
'p' => 'color: {$syntax.punctuation}',
51
+
'ss' => 'color: {$syntax.literal-string-symbol}',
52
+
'm' => 'color: {$syntax.literal-number}',
53
+
'mf' => 'color: {$syntax.literal-number-float}',
54
+
'mh' => 'color: {$syntax.literal-number-hex}',
55
+
'mi' => 'color: {$syntax.literal-number-integer}',
56
+
'mo' => 'color: {$syntax.literal-number-octal}',
57
+
'il' => 'color: {$syntax.literal-number-integer-long}',
58
+
'gd' => 'color: {$syntax.generic-deleted}',
59
+
'gr' => 'color: {$syntax.generic-red}',
60
+
'gh' => 'color: {$syntax.generic-heading}',
61
+
'gi' => 'color: {$syntax.generic-inserted}',
62
+
'go' => 'color: {$syntax.generic-output}',
63
+
'gp' => 'color: {$syntax.generic-prompt}',
64
+
'gu' => 'color: {$syntax.generic-underline}',
65
+
'gt' => 'color: {$syntax.generic-traceback}',
66
+
'nd' => 'color: {$syntax.name-decorator}',
67
+
'ni' => 'color: {$syntax.name-identifier}',
68
+
'ne' => 'color: {$syntax.name-entity}',
69
+
'nl' => 'color: {$syntax.name-label}',
70
+
'nn' => 'color: {$syntax.name-namespace}',
71
+
'ow' => 'color: {$syntax.operator-word}',
72
+
'w' => 'color: {$syntax.text-whitespace}',
73
+
'se' => 'color: {$syntax.literal-string-escape}',
74
+
'si' => 'color: {$syntax.literal-string-interpol}',
73
75
);
74
76
}
75
77
+164
-69
webroot/rsrc/css/syntax/syntax-default.css
+164
-69
webroot/rsrc/css/syntax/syntax-default.css
···
3
3
* @generated
4
4
*/
5
5
6
-
.remarkup-code .bp,
7
-
.remarkup-code .cp,
8
-
.remarkup-code .kp,
9
-
.remarkup-code .kr,
10
-
.remarkup-code .nb {
11
-
color: #304a96
6
+
.remarkup-code .bp {
7
+
color: {$syntax.builtin-pseudo}
8
+
}
9
+
10
+
.remarkup-code .c {
11
+
color: {$syntax.comment}
12
12
}
13
13
14
-
.remarkup-code .c,
15
-
.remarkup-code .c1,
14
+
.remarkup-code .c1 {
15
+
color: {$syntax.comment-single}
16
+
}
17
+
16
18
.remarkup-code .cm,
19
+
.remarkup-code .dc {
20
+
color: {$syntax.comment-multiline}
21
+
}
22
+
23
+
.remarkup-code .cp {
24
+
color: {$syntax.comment-preproc}
25
+
}
26
+
17
27
.remarkup-code .cs {
18
-
color: #74777d
28
+
color: {$syntax.comment-special}
19
29
}
20
30
21
31
.remarkup-code .gd {
22
-
color: #a00000
32
+
color: {$syntax.generic-deleted}
23
33
}
24
34
25
-
.remarkup-code .gh,
26
-
.remarkup-code .gp {
27
-
color: #000080
35
+
.remarkup-code .gh {
36
+
color: {$syntax.generic-heading}
28
37
}
29
38
30
39
.remarkup-code .gi {
31
-
color: #00a000
40
+
color: {$syntax.generic-inserted}
32
41
}
33
42
34
43
.remarkup-code .go {
35
-
color: #808080
44
+
color: {$syntax.generic-output}
45
+
}
46
+
47
+
.remarkup-code .gp {
48
+
color: {$syntax.generic-prompt}
36
49
}
37
50
38
51
.remarkup-code .gr {
39
-
color: #ff0000
52
+
color: {$syntax.generic-red}
40
53
}
41
54
42
55
.remarkup-code .gt {
43
-
color: #0040d0
56
+
color: {$syntax.generic-traceback}
44
57
}
45
58
46
59
.remarkup-code .gu {
47
-
color: #800080
60
+
color: {$syntax.generic-underline}
48
61
}
49
62
50
63
.remarkup-code .hll {
51
-
color: #ffffcc
64
+
color: {$syntax.highlighted-line}
65
+
}
66
+
67
+
.remarkup-code .il {
68
+
color: {$syntax.literal-number-integer-long}
69
+
}
70
+
71
+
.remarkup-code .k {
72
+
color: {$syntax.keyword}
73
+
}
74
+
75
+
.remarkup-code .kc {
76
+
color: {$syntax.keyword-constant}
77
+
}
78
+
79
+
.remarkup-code .kd {
80
+
color: {$syntax.keyword-declaration}
81
+
}
82
+
83
+
.remarkup-code .kn {
84
+
color: {$syntax.keyword-namespace}
85
+
}
86
+
87
+
.remarkup-code .kp {
88
+
color: {$syntax.keyword-preproc}
52
89
}
53
90
54
-
.remarkup-code .il,
55
-
.remarkup-code .m,
56
-
.remarkup-code .mf,
57
-
.remarkup-code .mh,
58
-
.remarkup-code .mi,
59
-
.remarkup-code .mo {
60
-
color: #601200
91
+
.remarkup-code .kr {
92
+
color: {$syntax.keyword-reserved}
61
93
}
62
94
63
-
.remarkup-code .k,
64
-
.remarkup-code .kd,
65
-
.remarkup-code .kn,
66
95
.remarkup-code .kt {
67
-
color: #aa4000
96
+
color: {$syntax.keyword-type}
68
97
}
69
98
70
-
.remarkup-code .kc,
71
-
.remarkup-code .no {
72
-
color: #000a65
99
+
.remarkup-code .m {
100
+
color: {$syntax.literal-number}
101
+
}
102
+
103
+
.remarkup-code .mf {
104
+
color: {$syntax.literal-number-float}
105
+
}
106
+
107
+
.remarkup-code .mh {
108
+
color: {$syntax.literal-number-hex}
109
+
}
110
+
111
+
.remarkup-code .mi {
112
+
color: {$syntax.literal-number-integer}
113
+
}
114
+
115
+
.remarkup-code .mo {
116
+
color: {$syntax.literal-number-octal}
73
117
}
74
118
75
119
.remarkup-code .na {
76
-
color: #354bb3
120
+
color: {$syntax.name-attribute}
121
+
}
122
+
123
+
.remarkup-code .nb {
124
+
color: {$syntax.name-builtin}
77
125
}
78
126
79
-
.remarkup-code .nc,
80
-
.remarkup-code .nt,
81
-
.remarkup-code .vc {
82
-
color: #00702a
127
+
.remarkup-code .nc {
128
+
color: {$syntax.name-class}
83
129
}
84
130
85
-
.remarkup-code .nd,
86
-
.remarkup-code .ow {
87
-
color: #aa22ff
131
+
.remarkup-code .nd {
132
+
color: {$syntax.name-decorator}
88
133
}
89
134
90
135
.remarkup-code .ne {
91
-
color: #d2413a
136
+
color: {$syntax.name-entity}
92
137
}
93
138
94
-
.remarkup-code .nf,
95
-
.remarkup-code .nx {
96
-
color: #004012
139
+
.remarkup-code .nf {
140
+
color: {$syntax.name-function}
97
141
}
98
142
99
143
.remarkup-code .ni {
100
-
color: #92969d
144
+
color: {$syntax.name-identifier}
101
145
}
102
146
103
147
.remarkup-code .nl {
104
-
color: #a0a000
148
+
color: {$syntax.name-label}
105
149
}
106
150
107
151
.remarkup-code .nn {
108
-
color: #0000ff
152
+
color: {$syntax.name-namespace}
109
153
}
110
154
111
-
.remarkup-code .nv,
112
-
.remarkup-code .vg,
113
-
.remarkup-code .vi {
114
-
color: #001294
155
+
.remarkup-code .no {
156
+
color: {$syntax.name-operator}
115
157
}
116
158
117
-
.remarkup-code .o,
118
-
.remarkup-code .ss {
119
-
color: #aa2211
159
+
.remarkup-code .nt {
160
+
color: {$syntax.name-tag}
161
+
}
162
+
163
+
.remarkup-code .nv {
164
+
color: {$syntax.name-variable}
165
+
}
166
+
167
+
.remarkup-code .nx {
168
+
color: {$syntax.name-exception}
120
169
}
121
170
122
-
.remarkup-code .s,
123
-
.remarkup-code .s1,
124
-
.remarkup-code .s2,
125
-
.remarkup-code .sb,
126
-
.remarkup-code .sc,
127
-
.remarkup-code .sx {
128
-
color: #766510
171
+
.remarkup-code .o {
172
+
color: {$syntax.operator}
129
173
}
130
174
131
-
.remarkup-code .sd,
132
-
.remarkup-code .sh {
133
-
color: #000000
175
+
.remarkup-code .ow {
176
+
color: {$syntax.operator-word}
177
+
}
178
+
179
+
.remarkup-code .p {
180
+
color: {$syntax.punctuation}
181
+
}
182
+
183
+
.remarkup-code .s {
184
+
color: {$syntax.string}
185
+
}
186
+
187
+
.remarkup-code .s1 {
188
+
color: {$syntax.string-single}
189
+
}
190
+
191
+
.remarkup-code .s2 {
192
+
color: {$syntax.string-double}
193
+
}
194
+
195
+
.remarkup-code .sb {
196
+
color: {$syntax.string-backtick}
197
+
}
198
+
199
+
.remarkup-code .sc {
200
+
color: {$syntax.literal-string-char}
201
+
}
202
+
203
+
.remarkup-code .sd {
204
+
color: {$syntax.string-doc}
134
205
}
135
206
136
207
.remarkup-code .se {
137
-
color: #bb6622
208
+
color: {$syntax.literal-string-escape}
209
+
}
210
+
211
+
.remarkup-code .sh {
212
+
color: {$syntax.string-heredoc}
138
213
}
139
214
140
215
.remarkup-code .si {
141
-
color: #bb66bb
216
+
color: {$syntax.literal-string-interpol}
142
217
}
143
218
144
219
.remarkup-code .sr {
145
-
color: #bb6688
220
+
color: {$syntax.string-regex}
221
+
}
222
+
223
+
.remarkup-code .ss {
224
+
color: {$syntax.literal-string-symbol}
225
+
}
226
+
227
+
.remarkup-code .sx {
228
+
color: {$syntax.string-other}
229
+
}
230
+
231
+
.remarkup-code .vc {
232
+
color: {$syntax.name-variable-class}
233
+
}
234
+
235
+
.remarkup-code .vg {
236
+
color: {$syntax.variable-global}
237
+
}
238
+
239
+
.remarkup-code .vi {
240
+
color: {$syntax.variable-instance}
146
241
}
147
242
148
243
.remarkup-code .w {
149
-
color: #bbbbbb
244
+
color: {$syntax.text-whitespace}
150
245
}