comparison third_party/highlight/styles/night-owl.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
11 Night Owl for highlight.js (c) Carl Baxter <[email protected]>
12
13 An adaptation of Sarah Drasner's Night Owl VS Code Theme
14 https://github.com/sdras/night-owl-vscode-theme
15
16 Copyright (c) 2018 Sarah Drasner
17
18 Permission is hereby granted, free of charge, to any person obtaining a copy
19 of this software and associated documentation files (the "Software"), to deal
20 in the Software without restriction, including without limitation the rights
21 to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
22 copies of the Software, and to permit persons to whom the Software is
23 furnished to do so, subject to the following conditions:
24
25 The above copyright notice and this permission notice shall be included in all
26 copies or substantial portions of the Software.
27
28 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
29 IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
30 FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
31 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
32 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
33 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
34 SOFTWARE.
35
36 */
37 .hljs {
38 background: #011627;
39 color: #d6deeb
40 }
41 /* General Purpose */
42 .hljs-keyword {
43 color: #c792ea;
44 font-style: italic
45 }
46 .hljs-built_in {
47 color: #addb67;
48 font-style: italic
49 }
50 .hljs-type {
51 color: #82aaff
52 }
53 .hljs-literal {
54 color: #ff5874
55 }
56 .hljs-number {
57 color: #F78C6C
58 }
59 .hljs-regexp {
60 color: #5ca7e4
61 }
62 .hljs-string {
63 color: #ecc48d
64 }
65 .hljs-subst {
66 color: #d3423e
67 }
68 .hljs-symbol {
69 color: #82aaff
70 }
71 .hljs-class {
72 color: #ffcb8b
73 }
74 .hljs-function {
75 color: #82AAFF
76 }
77 .hljs-title {
78 color: #DCDCAA;
79 font-style: italic
80 }
81 .hljs-params {
82 color: #7fdbca
83 }
84 /* Meta */
85 .hljs-comment {
86 color: #637777;
87 font-style: italic
88 }
89 .hljs-doctag {
90 color: #7fdbca
91 }
92 .hljs-meta {
93 color: #82aaff
94 }
95 .hljs-meta .hljs-keyword {
96 color: #82aaff
97 }
98 .hljs-meta .hljs-string {
99 color: #ecc48d
100 }
101 /* Tags, attributes, config */
102 .hljs-section {
103 color: #82b1ff
104 }
105 .hljs-tag,
106 .hljs-name {
107 color: #7fdbca
108 }
109 .hljs-attr {
110 color: #7fdbca
111 }
112 .hljs-attribute {
113 color: #80cbc4
114 }
115 .hljs-variable {
116 color: #addb67
117 }
118 /* Markup */
119 .hljs-bullet {
120 color: #d9f5dd
121 }
122 .hljs-code {
123 color: #80CBC4
124 }
125 .hljs-emphasis {
126 color: #c792ea;
127 font-style: italic
128 }
129 .hljs-strong {
130 color: #addb67;
131 font-weight: bold
132 }
133 .hljs-formula {
134 color: #c792ea
135 }
136 .hljs-link {
137 color: #ff869a
138 }
139 .hljs-quote {
140 color: #697098;
141 font-style: italic
142 }
143 /* CSS */
144 .hljs-selector-tag {
145 color: #ff6363
146 }
147 .hljs-selector-id {
148 color: #fad430
149 }
150 .hljs-selector-class {
151 color: #addb67;
152 font-style: italic
153 }
154 .hljs-selector-attr,
155 .hljs-selector-pseudo {
156 color: #c792ea;
157 font-style: italic
158 }
159 /* Templates */
160 .hljs-template-tag {
161 color: #c792ea
162 }
163 .hljs-template-variable {
164 color: #addb67
165 }
166 /* diff */
167 .hljs-addition {
168 color: #addb67ff;
169 font-style: italic
170 }
171 .hljs-deletion {
172 color: #EF535090;
173 font-style: italic
174 }