Mercurial

comparison third_party/highlight/styles/nord.css @ 157:2db6253f355d

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[ThirdParty] Added highlight library for better readability on blog.
author June Park <parkjune1995@gmail.com>
date Tue, 13 Jan 2026 19:18:47 -0800
parents
children
comparison
equal deleted inserted replaced
156:cd35e600ae34 157:2db6253f355d
1 pre code.hljs {
2 display: block;
3 overflow-x: auto;
4 padding: 1em
5 }
6 code.hljs {
7 padding: 3px 5px
8 }
9 /*
10 * Copyright (c) 2017-present Arctic Ice Studio <[email protected]>
11 * Copyright (c) 2017-present Sven Greb <[email protected]>
12 *
13 * Project: Nord highlight.js
14 * Version: 0.1.0
15 * Repository: https://github.com/arcticicestudio/nord-highlightjs
16 * License: MIT
17 * References:
18 * https://github.com/arcticicestudio/nord
19 */
20 /*
21
22 Polar Night
23
24 #2E3440
25 #3B4252
26 #434C5E
27 #4C566A
28
29 Snow Storm
30
31 #D8DEE9
32 #E5E9F0
33 #ECEFF4
34
35 Frost
36
37 #8FBCBB
38 #88C0D0
39 #81A1C1
40 #5E81AC
41
42 Aurora
43
44 #BF616A
45 #D08770
46 #EBCB8B
47 #A3BE8C
48 #B48EAD
49
50 */
51 .hljs {
52 background: #2E3440
53 }
54 .hljs,
55 .hljs-subst {
56 color: #D8DEE9
57 }
58 .hljs-selector-tag {
59 color: #81A1C1
60 }
61 .hljs-selector-id {
62 color: #8FBCBB;
63 font-weight: bold
64 }
65 .hljs-selector-class {
66 color: #8FBCBB
67 }
68 .hljs-selector-attr {
69 color: #8FBCBB
70 }
71 .hljs-property {
72 color: #88C0D0
73 }
74 .hljs-selector-pseudo {
75 color: #88C0D0
76 }
77 .hljs-addition {
78 background-color: rgba(163, 190, 140, 0.5)
79 }
80 .hljs-deletion {
81 background-color: rgba(191, 97, 106, 0.5)
82 }
83 .hljs-built_in,
84 .hljs-type {
85 color: #8FBCBB
86 }
87 .hljs-class {
88 color: #8FBCBB
89 }
90 .hljs-function {
91 color: #88C0D0
92 }
93 .hljs-title.hljs-function,
94 .hljs-function > .hljs-title {
95 color: #88C0D0
96 }
97 .hljs-keyword,
98 .hljs-literal,
99 .hljs-symbol {
100 color: #81A1C1
101 }
102 .hljs-number {
103 color: #B48EAD
104 }
105 .hljs-regexp {
106 color: #EBCB8B
107 }
108 .hljs-string {
109 color: #A3BE8C
110 }
111 .hljs-title {
112 color: #8FBCBB
113 }
114 .hljs-params {
115 color: #D8DEE9
116 }
117 .hljs-bullet {
118 color: #81A1C1
119 }
120 .hljs-code {
121 color: #8FBCBB
122 }
123 .hljs-emphasis {
124 font-style: italic
125 }
126 .hljs-formula {
127 color: #8FBCBB
128 }
129 .hljs-strong {
130 font-weight: bold
131 }
132 .hljs-link:hover {
133 text-decoration: underline
134 }
135 .hljs-quote {
136 color: #4C566A
137 }
138 .hljs-comment {
139 color: #4C566A
140 }
141 .hljs-doctag {
142 color: #8FBCBB
143 }
144 .hljs-meta,
145 .hljs-meta .hljs-keyword {
146 color: #5E81AC
147 }
148 .hljs-meta .hljs-string {
149 color: #A3BE8C
150 }
151 .hljs-attr {
152 color: #8FBCBB
153 }
154 .hljs-attribute {
155 color: #D8DEE9
156 }
157 .hljs-name {
158 color: #81A1C1
159 }
160 .hljs-section {
161 color: #88C0D0
162 }
163 .hljs-tag {
164 color: #81A1C1
165 }
166 .hljs-variable {
167 color: #D8DEE9
168 }
169 .hljs-template-variable {
170 color: #D8DEE9
171 }
172 .hljs-template-tag {
173 color: #5E81AC
174 }
175 /* per language customizations */
176 .language-abnf .hljs-attribute {
177 color: #88C0D0
178 }
179 .language-abnf .hljs-symbol {
180 color: #EBCB8B
181 }
182 .language-apache .hljs-attribute {
183 color: #88C0D0
184 }
185 .language-apache .hljs-section {
186 color: #81A1C1
187 }
188 .language-arduino .hljs-built_in {
189 color: #88C0D0
190 }
191 .language-aspectj .hljs-meta {
192 color: #D08770
193 }
194 .language-aspectj > .hljs-title {
195 color: #88C0D0
196 }
197 .language-bnf .hljs-attribute {
198 color: #8FBCBB
199 }
200 .language-clojure .hljs-name {
201 color: #88C0D0
202 }
203 .language-clojure .hljs-symbol {
204 color: #EBCB8B
205 }
206 .language-coq .hljs-built_in {
207 color: #88C0D0
208 }
209 .language-cpp .hljs-meta .hljs-string {
210 color: #8FBCBB
211 }
212 .language-css .hljs-built_in {
213 color: #88C0D0
214 }
215 .language-css .hljs-keyword {
216 color: #D08770
217 }
218 .language-diff .hljs-meta {
219 color: #8FBCBB
220 }
221 .language-ebnf .hljs-attribute {
222 color: #8FBCBB
223 }
224 .language-glsl .hljs-built_in {
225 color: #88C0D0
226 }
227 .language-groovy .hljs-meta:not(:first-child) {
228 color: #D08770
229 }
230 .language-haxe .hljs-meta {
231 color: #D08770
232 }
233 .language-java .hljs-meta {
234 color: #D08770
235 }
236 .language-ldif .hljs-attribute {
237 color: #8FBCBB
238 }
239 .language-lisp .hljs-name {
240 color: #88C0D0
241 }
242 .language-lua .hljs-built_in {
243 color: #88C0D0
244 }
245 .language-moonscript .hljs-built_in {
246 color: #88C0D0
247 }
248 .language-nginx .hljs-attribute {
249 color: #88C0D0
250 }
251 .language-nginx .hljs-section {
252 color: #5E81AC
253 }
254 .language-pf .hljs-built_in {
255 color: #88C0D0
256 }
257 .language-processing .hljs-built_in {
258 color: #88C0D0
259 }
260 .language-scss .hljs-keyword {
261 color: #81A1C1
262 }
263 .language-stylus .hljs-keyword {
264 color: #81A1C1
265 }
266 .language-swift .hljs-meta {
267 color: #D08770
268 }
269 .language-vim .hljs-built_in {
270 color: #88C0D0;
271 font-style: italic
272 }
273 .language-yaml .hljs-meta {
274 color: #D08770
275 }