comparison third_party/highlight/styles/github-dark.css @ 157:2db6253f355d

[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 Theme: GitHub Dark
11 Description: Dark theme as seen on github.com
12 Author: github.com
13 Maintainer: @Hirse
14 Updated: 2021-05-15
15
16 Outdated base version: https://github.com/primer/github-syntax-dark
17 Current colors taken from GitHub's CSS
18 */
19 .hljs {
20 color: #c9d1d9;
21 background: #0d1117
22 }
23 .hljs-doctag,
24 .hljs-keyword,
25 .hljs-meta .hljs-keyword,
26 .hljs-template-tag,
27 .hljs-template-variable,
28 .hljs-type,
29 .hljs-variable.language_ {
30 /* prettylights-syntax-keyword */
31 color: #ff7b72
32 }
33 .hljs-title,
34 .hljs-title.class_,
35 .hljs-title.class_.inherited__,
36 .hljs-title.function_ {
37 /* prettylights-syntax-entity */
38 color: #d2a8ff
39 }
40 .hljs-attr,
41 .hljs-attribute,
42 .hljs-literal,
43 .hljs-meta,
44 .hljs-number,
45 .hljs-operator,
46 .hljs-variable,
47 .hljs-selector-attr,
48 .hljs-selector-class,
49 .hljs-selector-id {
50 /* prettylights-syntax-constant */
51 color: #79c0ff
52 }
53 .hljs-regexp,
54 .hljs-string,
55 .hljs-meta .hljs-string {
56 /* prettylights-syntax-string */
57 color: #a5d6ff
58 }
59 .hljs-built_in,
60 .hljs-symbol {
61 /* prettylights-syntax-variable */
62 color: #ffa657
63 }
64 .hljs-comment,
65 .hljs-code,
66 .hljs-formula {
67 /* prettylights-syntax-comment */
68 color: #8b949e
69 }
70 .hljs-name,
71 .hljs-quote,
72 .hljs-selector-tag,
73 .hljs-selector-pseudo {
74 /* prettylights-syntax-entity-tag */
75 color: #7ee787
76 }
77 .hljs-subst {
78 /* prettylights-syntax-storage-modifier-import */
79 color: #c9d1d9
80 }
81 .hljs-section {
82 /* prettylights-syntax-markup-heading */
83 color: #1f6feb;
84 font-weight: bold
85 }
86 .hljs-bullet {
87 /* prettylights-syntax-markup-list */
88 color: #f2cc60
89 }
90 .hljs-emphasis {
91 /* prettylights-syntax-markup-italic */
92 color: #c9d1d9;
93 font-style: italic
94 }
95 .hljs-strong {
96 /* prettylights-syntax-markup-bold */
97 color: #c9d1d9;
98 font-weight: bold
99 }
100 .hljs-addition {
101 /* prettylights-syntax-markup-inserted */
102 color: #aff5b4;
103 background-color: #033a16
104 }
105 .hljs-deletion {
106 /* prettylights-syntax-markup-deleted */
107 color: #ffdcd7;
108 background-color: #67060c
109 }
110 .hljs-char.escape_,
111 .hljs-link,
112 .hljs-params,
113 .hljs-property,
114 .hljs-punctuation,
115 .hljs-tag {
116 /* purposely ignored */
117
118 }