Skip to content

Commit ee5db57

Browse files
author
Enrico Granata
committed
Change theme for highlight
1 parent 685b776 commit ee5db57

2 files changed

Lines changed: 82 additions & 1 deletion

File tree

_includes/head-custom.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@11/styles/github.min.css">
1+
<link rel="stylesheet" href="/assets/css/dracula.css">
22

33
<script type="module">
44
import hljs from "https://esm.sh/highlight.js@11/es/core";

assets/css/dracula.css

Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
/* Dracula Theme v1.2.5
2+
*
3+
* https://github.com/dracula/highlightjs
4+
*
5+
* Copyright 2016-present, All rights reserved
6+
*
7+
* Code licensed under the MIT license
8+
*
9+
* @author Denis Ciccale <dciccale@gmail.com>
10+
* @author Zeno Rocha <hi@zenorocha.com>
11+
*/
12+
13+
.hljs {
14+
display: block;
15+
overflow-x: auto;
16+
padding: 0.5em;
17+
background: #282a36;
18+
}
19+
20+
.hljs-built_in,
21+
.hljs-selector-tag,
22+
.hljs-section,
23+
.hljs-link {
24+
color: #8be9fd;
25+
}
26+
27+
.hljs-keyword {
28+
color: #ff79c6;
29+
}
30+
31+
.hljs,
32+
.hljs-subst {
33+
color: #f8f8f2;
34+
}
35+
36+
.hljs-title,
37+
.hljs-attr,
38+
.hljs-meta-keyword {
39+
font-style: italic;
40+
color: #50fa7b;
41+
}
42+
43+
.hljs-string,
44+
.hljs-meta,
45+
.hljs-name,
46+
.hljs-type,
47+
.hljs-symbol,
48+
.hljs-bullet,
49+
.hljs-addition,
50+
.hljs-variable,
51+
.hljs-template-tag,
52+
.hljs-template-variable {
53+
color: #f1fa8c;
54+
}
55+
56+
.hljs-comment,
57+
.hljs-quote,
58+
.hljs-deletion {
59+
color: #6272a4;
60+
}
61+
62+
.hljs-keyword,
63+
.hljs-selector-tag,
64+
.hljs-literal,
65+
.hljs-title,
66+
.hljs-section,
67+
.hljs-doctag,
68+
.hljs-type,
69+
.hljs-name,
70+
.hljs-strong {
71+
font-weight: bold;
72+
}
73+
74+
.hljs-literal,
75+
.hljs-number {
76+
color: #bd93f9;
77+
}
78+
79+
.hljs-emphasis {
80+
font-style: italic;
81+
}

0 commit comments

Comments
 (0)