mochi-theme/_syntax-highlighting.scss at main · trinitykey/mochi-theme · 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
83
84
85
86
87
88
/* ------------------------------------------- */
/* ----------- Syntax highlighting ------------*/
/* ------------------------------------------- */
.hljs {
  color: var(--fg) !important;
  background: var(--bg-dim) !important;
  padding: 0.3em !important /* fix disparity between light/dark modes */
}

.hljs-comment,
.hljs-quote {
  &,
  .dark & {
    color: var(--grey1);
  }
}

.hljs-doctag,
.hljs-keyword,
.hljs-formula,
.hljs-number {
  &,
  .dark & {
    color: var(--purple);
  }
}

.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
  &,
  .dark & {
    color: var(--red);
  }
}

.hljs-literal {
  &,
  .dark & {
    color: var(--aqua);
  }
}

.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta-string {
  &,
  .dark & {
    color: var(--green);
  }
}

.hljs-built_in,
.hljs-class .hljs-title {
  &,
  .dark & {
    color: var(--yellow);
  }
}

.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo {
  &,
  .dark & {
    color: var(--orange);
  }
}

.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
  &,
  .dark & {
    color: var(--blue);
  }
}