liquid-galaxy-wiki/syntax.css at main · LiquidGalaxyLAB/liquid-galaxy-wiki · GitHub

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
/* ====================================================================
   SYNTAX.CSS — Highlight.js Syntax Highlighting
   Code blocks are ALWAYS dark, in both page themes (see .markdown-body pre
   in components.css). One palette — the vs2015-derived dark set — so light
   mode can never pair light-theme ink with the dark block background again.
   ==================================================================== */

pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: var(--space-4, 16px);
  border-radius: var(--md-sys-shape-corner-medium, 8px);
}

code.hljs {
  padding: 3px 5px;
}

.hljs {
  background: transparent; /* .markdown-body pre owns the block background */
  color: #dcdcdc;
}

.hljs-keyword,
.hljs-literal,
.hljs-name,
.hljs-symbol {
  color: #569cd6;
  font-weight: 500;
}

.hljs-link {
  color: #569cd6;
  text-decoration: underline;
}

.hljs-built_in,
.hljs-type {
  color: #4ec9b0;
}

.hljs-number,
.hljs-class {
  color: #b8d7a3;
}

.hljs-string,
.hljs-meta .hljs-string {
  color: #d69d85;
}

.hljs-regexp,
.hljs-template-tag {
  color: #9a918c;
}

.hljs-title,
.hljs-section,
.hljs-attribute {
  color: #dcdcaa;
}

.hljs-comment,
.hljs-quote,
.hljs-deletion,
.hljs-meta {
  color: #57a64a;
  font-style: italic;
}

.hljs-addition {
  color: #b4f8c8;
  background-color: rgba(46, 160, 67, 0.15);
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}