Skip to content

Commit b63f1d7

Browse files
committed
🩹 Better fix dark code readability
1 parent c98b376 commit b63f1d7

2 files changed

Lines changed: 171 additions & 0 deletions

File tree

‎less/forum.less‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -256,3 +256,4 @@ header.fedora-fr {
256256

257257
/** ------------------------------------------------------------------ Mobile */
258258
@import "mobile";
259+
@import "hljs";

‎less/hljs.less‎

Lines changed: 170 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,170 @@
1+
hljs-doctag,
2+
.hljs-keyword,
3+
.hljs-meta .hljs-keyword,
4+
.hljs-template-tag,
5+
.hljs-template-variable,
6+
.hljs-type,
7+
.hljs-variable.language_ {
8+
& when (@config-dark-mode =false) {
9+
color: #d73a49 !important;
10+
}
11+
12+
& when (@config-dark-mode =true) {
13+
color: #ff7b72 !important;
14+
}
15+
}
16+
17+
.hljs-title,
18+
.hljs-title.class_,
19+
.hljs-title.class_.inherited__,
20+
.hljs-title.function_ {
21+
& when (@config-dark-mode =false) {
22+
color: #6f42c1 !important;
23+
}
24+
25+
& when (@config-dark-mode =true) {
26+
color: #d2a8ff !important;
27+
}
28+
}
29+
30+
.hljs-attr,
31+
.hljs-attribute,
32+
.hljs-literal,
33+
.hljs-meta,
34+
.hljs-number,
35+
.hljs-operator,
36+
.hljs-selector-attr,
37+
.hljs-selector-class,
38+
.hljs-selector-id,
39+
.hljs-variable {
40+
& when (@config-dark-mode =false) {
41+
color: #005cc5 !important;
42+
}
43+
44+
& when (@config-dark-mode =true) {
45+
color: #79c0ff !important;
46+
}
47+
}
48+
49+
.hljs-meta .hljs-string,
50+
.hljs-regexp,
51+
.hljs-string {
52+
& when (@config-dark-mode =false) {
53+
color: #032f62 !important;
54+
}
55+
56+
& when (@config-dark-mode =true) {
57+
color: #a5d6ff !important;
58+
}
59+
}
60+
61+
.hljs-built_in,
62+
.hljs-symbol {
63+
& when (@config-dark-mode =false) {
64+
color: #e36209 !important;
65+
}
66+
67+
& when (@config-dark-mode =true) {
68+
color: #ffa657 !important;
69+
}
70+
}
71+
72+
.hljs-code,
73+
.hljs-comment,
74+
.hljs-formula {
75+
& when (@config-dark-mode =false) {
76+
color: #6a737d !important;
77+
}
78+
79+
& when (@config-dark-mode =true) {
80+
color: #8b949e !important;
81+
}
82+
}
83+
84+
.hljs-name,
85+
.hljs-quote,
86+
.hljs-selector-pseudo,
87+
.hljs-selector-tag {
88+
& when (@config-dark-mode =false) {
89+
color: #22863a !important;
90+
}
91+
92+
& when (@config-dark-mode =true) {
93+
color: #7ee787 !important;
94+
}
95+
}
96+
97+
.hljs-subst {
98+
& when (@config-dark-mode =false) {
99+
color: #24292e !important;
100+
}
101+
102+
& when (@config-dark-mode =true) {
103+
color: #c9d1d9 !important;
104+
}
105+
}
106+
107+
.hljs-section {
108+
& when (@config-dark-mode =false) {
109+
color: #005cc5 !important;
110+
}
111+
112+
& when (@config-dark-mode =true) {
113+
color: #1f6feb !important;
114+
}
115+
}
116+
117+
.hljs-bullet {
118+
& when (@config-dark-mode =false) {
119+
color: #735c0f !important;
120+
}
121+
122+
& when (@config-dark-mode =true) {
123+
color: #f2cc60 !important;
124+
}
125+
}
126+
127+
.hljs-emphasis {
128+
& when (@config-dark-mode =false) {
129+
color: #24292e !important;
130+
}
131+
132+
& when (@config-dark-mode =true) {
133+
color: #c9d1d9 !important;
134+
}
135+
}
136+
137+
.hljs-strong {
138+
& when (@config-dark-mode =false) {
139+
color: #24292e !important;
140+
}
141+
142+
& when (@config-dark-mode =true) {
143+
color: #c9d1d9 !important;
144+
}
145+
}
146+
147+
.hljs-addition {
148+
& when (@config-dark-mode =false) {
149+
color: #22863a !important;
150+
background-color: #033a16 !important;
151+
}
152+
153+
& when (@config-dark-mode =true) {
154+
color: #aff5b4 !important;
155+
background-color: #033a16 !important;
156+
}
157+
}
158+
159+
.hljs-deletion {
160+
& when (@config-dark-mode =false) {
161+
color: #b31d28 !important;
162+
background-color: #ffeef0 !important;
163+
}
164+
165+
& when (@config-dark-mode =true) {
166+
color: #ffdcd7 !important;
167+
background-color: #67060c !important;
168+
}
169+
}
170+

0 commit comments

Comments
 (0)