Skip to content

Commit 1768fb2

Browse files
committed
minor color improvements
1 parent e3b26e4 commit 1768fb2

File tree

1 file changed

+142
-61
lines changed

1 file changed

+142
-61
lines changed

site/_css/prism.less

Lines changed: 142 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -69,75 +69,156 @@ pre.prism {
6969
}
7070

7171
// Colors
72-
.prism {
73-
.comment,
74-
.prolog,
75-
.doctype,
76-
.cdata {
77-
color: slategray;
78-
}
72+
// .prism {
73+
// .comment,
74+
// .prolog,
75+
// .doctype,
76+
// .cdata {
77+
// color: slategray;
78+
// }
79+
80+
// .punctuation {
81+
// color: #999;
82+
// }
83+
84+
// .namespace {
85+
// opacity: .7;
86+
// }
87+
88+
// .property,
89+
// .tag,
90+
// .boolean,
91+
// .number,
92+
// .constant,
93+
// .symbol,
94+
// .deleted {
95+
// color: #905;
96+
// }
97+
98+
// .selector,
99+
// .attr-name,
100+
// .string,
101+
// .char,
102+
// .builtin,
103+
// .inserted {
104+
// color: #690;
105+
// }
106+
107+
// .operator,
108+
// .entity,
109+
// .url,
110+
// .language-css .string,
111+
// .style .string {
112+
// color: #a67f59;
113+
// background: hsla(0, 0%, 100%, .5);
114+
// }
115+
116+
// .atrule,
117+
// .attr-value,
118+
// .keyword {
119+
// color: #07a;
120+
// }
121+
122+
// .function {
123+
// color: #DD4A68;
124+
// }
125+
126+
// .regex,
127+
// .important,
128+
// .variable {
129+
// color: #e90;
130+
// }
131+
132+
// .important,
133+
// .bold {
134+
// font-weight: bold;
135+
// }
136+
// .italic {
137+
// font-style: italic;
138+
// }
139+
140+
// .entity {
141+
// cursor: help;
142+
// }
143+
// }
144+
145+
146+
147+
148+
/* Comment */
149+
.prism .comment,
150+
.cm-comment {
151+
color: #999;
152+
}
79153

80-
.punctuation {
81-
color: #999;
82-
}
154+
/* Punctuation */
155+
.prism .punctuation,
156+
.cm-punctuation {
157+
color: #555;
158+
}
83159

84-
.namespace {
85-
opacity: .7;
86-
}
160+
/* Keyword */
161+
.prism .keyword,
162+
.cm-keyword {
163+
color: #B11A04;
164+
}
87165

88-
.property,
89-
.tag,
90-
.boolean,
91-
.number,
92-
.constant,
93-
.symbol,
94-
.deleted {
95-
color: #905;
96-
}
166+
/* OperationName, FragmentName */
167+
.prism .constant,
168+
.cm-def {
169+
color: #D2054E;
170+
}
97171

98-
.selector,
99-
.attr-name,
100-
.string,
101-
.char,
102-
.builtin,
103-
.inserted {
104-
color: #690;
105-
}
172+
/* FieldName */
173+
.prism .attr-name,
174+
.cm-property {
175+
color: #1F61A0;
176+
}
106177

107-
.operator,
108-
.entity,
109-
.url,
110-
.language-css .string,
111-
.style .string {
112-
color: #a67f59;
113-
background: hsla(0, 0%, 100%, .5);
114-
}
178+
/* FieldAlias */
179+
.cm-qualifier {
180+
color: #1C92A9;
181+
}
115182

116-
.atrule,
117-
.attr-value,
118-
.keyword {
119-
color: #07a;
120-
}
183+
/* ArgumentName and ObjectFieldName */
184+
.cm-attribute {
185+
color: #8B2BB9;
186+
}
121187

122-
.function {
123-
color: #DD4A68;
124-
}
188+
/* Number */
189+
.prism .number,
190+
.cm-number {
191+
color: #2882F9;
192+
}
125193

126-
.regex,
127-
.important,
128-
.variable {
129-
color: #e90;
130-
}
194+
/* String */
195+
.prism .string,
196+
.cm-string {
197+
color: #D64292;
198+
}
131199

132-
.important,
133-
.bold {
134-
font-weight: bold;
135-
}
136-
.italic {
137-
font-style: italic;
138-
}
200+
/* Boolean */
201+
.prism .boolean,
202+
.cm-builtin {
203+
color: #D47509;
204+
}
139205

140-
.entity {
141-
cursor: help;
142-
}
206+
/* EnumValue */
207+
.cm-string-2 {
208+
color: #0B7FC7;
209+
}
210+
211+
/* Variable */
212+
.cm-variable {
213+
color: #397D13;
143214
}
215+
216+
/* Directive */
217+
.cm-meta {
218+
color: #B33086;
219+
}
220+
221+
/* Type */
222+
.cm-atom {
223+
color: #CA9800;
224+
}

0 commit comments

Comments
 (0)