Skip to content

Commit e924dee

Browse files
bm424bm424
committed
fix: add styles in vscode
1 parent aac7739 commit e924dee

File tree

1 file changed

+158
-0
lines changed

1 file changed

+158
-0
lines changed

‎media/ide-styles.css‎

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

0 commit comments

Comments
 (0)