Add css highlighting

Julien LepillerWed Aug 25 02:22:02+0200 2021

5c3c84d

Add css highlighting

assets/css/highlight.css

1010 
  --number: rgb(254, 62, 83);
1111 
  --keyword: rgb(78, 137, 167);
1212 
  --keyword2: rgb(52, 183, 178);
13+
  --special: rgb(179,177,57);
14+
  --special2: rgb(219, 100, 154);
15+
  --special3: rgb(154, 100, 219);
16+
  --special4: rgb(217, 143, 109);;
17+
  --special5: rgb(189, 52, 78);;
18+
19+
  --error-bg: rgb(223, 65, 91);
20+
  --error-fg: #fff;
1321 
}
1422 
1523 
/* syntax highlighting */
…
3038 
  color: var(--keyword);
3139 
}
3240 
41+
.syntax-number {
42+
  color: var(--number);
43+
}
44+
3345 
/* language-specific */
3446 
3547 
/***
…
5567 
.language-gitignore .syntax-special {
5668 
  color: var(--keyword);
5769 
}
70+
71+
72+
/***
73+
 * CSS *
74+
 *     ***/
75+
.language-css .syntax-color {
76+
  color: var(--number);
77+
}
78+
79+
.language-css .syntax-selector {
80+
  color: var(--special);
81+
}
82+
83+
.language-css .syntax-class {
84+
  color: var(--special2);
85+
}
86+
87+
.language-css .syntax-builtin-property {
88+
  color: var(--special3);
89+
}
90+
91+
.language-css .syntax-id {
92+
  color: var(--special4);
93+
}
94+
95+
.language-css .syntax-important {
96+
  background: var(--error-bg);
97+
  color: var(--error-fg);
98+
  display: inline-block;
99+
  font-weight: bold;
100+
  padding: 0.2em 0;
101+
  margin: -0.2em 0;
102+
}
103+
104+
.language-css .syntax-prelude {
105+
  color: var(--special5);
106+
}