8347139 · helix · git.iko.soy

git.iko.soy/helix

on master help sign in

book: Use per-theme syntax-highlighting CSS variables (#5406)

8347139Soso4 years ago

book/theme/css/variables.css+70−1

compare with master

unifiedsplit

@@ -48,6 +48,18 @@

48 --searchresults-border-color: #888;

49 --searchresults-li-bg: #252932;

50 --search-mark-bg: #e3b171;

51+ --hljs-background: #191f26;

52+ --hljs-color: #e6e1cf;

53+ --hljs-quote: #5c6773;

54+ --hljs-variable: #ff7733;

55+ --hljs-type: #ffee99;

56+ --hljs-title: #b8cc52;

57+ --hljs-symbol: #ffb454;

58+ --hljs-selector-tag: #ff7733;

59+ --hljs-selector-tag: #36a3d9;

60+ --hljs-selector-tag: #00568d;

61+ --hljs-selector-tag: #91b362;

62+ --hljs-selector-tag: #d96c75;

51}

63}

53.coal {

65.coal {

@@ -88,6 +100,18 @@

88 --searchresults-border-color: #98a3ad;

100 --searchresults-border-color: #98a3ad;

89 --searchresults-li-bg: #2b2b2f;

101 --searchresults-li-bg: #2b2b2f;

90 --search-mark-bg: #355c7d;

102 --search-mark-bg: #355c7d;

103+ --hljs-background: #969896;

104+ --hljs-color: #cc6666;

105+ --hljs-quote: #de935f;

106+ --hljs-variable: #f0c674;

107+ --hljs-type: #b5bd68;

108+ --hljs-title: #8abeb7;

109+ --hljs-symbol: #81a2be;

110+ --hljs-selector-tag: #b294bb;

111+ --hljs-selector-tag: #1d1f21;

112+ --hljs-selector-tag: #c5c8c6;

113+ --hljs-selector-tag: #718c00;

114+ --hljs-selector-tag: #c82829;

91}

115}

116

93.light {

117.light {

@@ -128,6 +152,14 @@

128 --searchresults-border-color: #888;

152 --searchresults-border-color: #888;

129 --searchresults-li-bg: #e4f2fe;

153 --searchresults-li-bg: #e4f2fe;

130 --search-mark-bg: #a2cff5;

154 --search-mark-bg: #a2cff5;

155+ --hljs-background: #f6f7f6;

156+ --hljs-color: #000;

157+ --hljs-quote: #575757;

158+ --hljs-variable: #d70025;

159+ --hljs-type: #b21e00;

160+ --hljs-title: #0030f2;

161+ --hljs-symbol: #008200;

162+ --hljs-selector-tag: #9d00ec;

131}

163}

132

164

133.navy {

165.navy {

@@ -168,6 +200,19 @@

168 --searchresults-border-color: #5c5c68;

200 --searchresults-border-color: #5c5c68;

169 --searchresults-li-bg: #242430;

201 --searchresults-li-bg: #242430;

170 --search-mark-bg: #a2cff5;

202 --search-mark-bg: #a2cff5;

203+

204+ --hljs-background: #969896;

205+ --hljs-color: #cc6666;

206+ --hljs-quote: #de935f;

207+ --hljs-variable: #f0c674;

208+ --hljs-type: #b5bd68;

209+ --hljs-title: #8abeb7;

210+ --hljs-symbol: #81a2be;

211+ --hljs-selector-tag: #b294bb;

212+ --hljs-selector-tag: #1d1f21;

213+ --hljs-selector-tag: #c5c8c6;

214+ --hljs-selector-tag: #718c00;

215+ --hljs-selector-tag: #c82829;

171}

216}

172

217

173.rust {

218.rust {

@@ -208,6 +253,14 @@

208 --searchresults-border-color: #888;

253 --searchresults-border-color: #888;

209 --searchresults-li-bg: #dec2a2;

254 --searchresults-li-bg: #dec2a2;

210 --search-mark-bg: #e69f67;

255 --search-mark-bg: #e69f67;

256+ --hljs-background: #f6f7f6;

257+ --hljs-color: #000;

258+ --hljs-quote: #575757;

259+ --hljs-variable: #d70025;

260+ --hljs-type: #b21e00;

261+ --hljs-title: #0030f2;

262+ --hljs-symbol: #008200;

263+ --hljs-selector-tag: #9d00ec;

211}

264}

212

265

213@media (prefers-color-scheme: dark) {

266@media (prefers-color-scheme: dark) {

@@ -292,7 +345,15 @@

292 --searchresults-header-fg: #5f5f71;

345 --searchresults-header-fg: #5f5f71;

293 --searchresults-border-color: #5c5c68;

346 --searchresults-border-color: #5c5c68;

294 --searchresults-li-bg: #242430;

347 --searchresults-li-bg: #242430;

295− --search-mark-bg: #a2cff5;

348+ --search-mark-bg: #acff5;

349+ --hljs-background: #2f1e2e;

350+ --hljs-color: #a39e9b;

351+ --hljs-quote: #8d8687;

352+ --hljs-variable: #ef6155;

353+ --hljs-type: #f99b15;

354+ --hljs-title: #fec418;

355+ --hljs-symbol: #48b685;

356+ --hljs-selector-tag: #815ba4;

296}

357}

297

358

298.colibri {

359.colibri {

@@ -338,5 +399,13 @@

338 --searchresults-border-color: #5c5c68;

399 --searchresults-border-color: #5c5c68;

339 --searchresults-li-bg: #242430;

400 --searchresults-li-bg: #242430;

340 --search-mark-bg: #a2cff5;

401 --search-mark-bg: #a2cff5;

402+ --hljs-background: #TODO;

403+ --hljs-color: #TODO;

404+ --hljs-quote: #TODO;

405+ --hljs-variable: #TODO;

406+ --hljs-type: #TODO;

407+ --hljs-title: #TODO;

408+ --hljs-symbol: #TODO;

409+ --hljs-selector-tag: #TODO;

341*/

410*/

342}

411}

book/theme/highlight.css+8−8

@@ -7,12 +7,12 @@ code.hljs {

7 padding:3px 5px

9.hljs {

10− background:#2f1e2e;

10+ background: var(--hljs-background);

11− color:#a39e9b

11+ color: var(--hljs-color);

12}

13.hljs-comment,

14.hljs-quote {

15− color:#8d8687

15+ color: var(--hljs-quote)

16}

17.hljs-link,

18.hljs-meta,

@@ -23,7 +23,7 @@ code.hljs {

23.hljs-tag,

24.hljs-template-variable,

25.hljs-variable {

26− color:#ef6155

26+ color: var(--hljs-variable)

27}

28.hljs-built_in,

29.hljs-deletion,

@@ -31,22 +31,22 @@ code.hljs {

31.hljs-number,

32.hljs-params,

33.hljs-type {

34− color:#f99b15

34+ color: var(--hljs-type)

35}

36.hljs-attribute,

37.hljs-section,

38.hljs-title {

39− color:#fec418

39+ color: var(--hljs-title)

40}

41.hljs-addition,

42.hljs-bullet,

43.hljs-string,

44.hljs-symbol {

45− color:#48b685

45+ color: var(--hljs-symbol)

46}

47.hljs-keyword,

48.hljs-selector-tag {

49− color:#815ba4

49+ color: var(--hljs-selector-tag)

50}

51.hljs-emphasis {

52 font-style:italic