comparison third_party/highlight/styles/grayscale.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 grayscale style (c) MY Sun <[email protected]>
12
13 */
14 .hljs {
15 color: #333;
16 background: #fff
17 }
18 .hljs-comment,
19 .hljs-quote {
20 color: #777;
21 font-style: italic
22 }
23 .hljs-keyword,
24 .hljs-selector-tag,
25 .hljs-subst {
26 color: #333;
27 font-weight: bold
28 }
29 .hljs-number,
30 .hljs-literal {
31 color: #777
32 }
33 .hljs-string,
34 .hljs-doctag,
35 .hljs-formula {
36 color: #333;
37 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJ0lEQVQIW2O8e/fufwYGBgZBQUEQxcCIIfDu3Tuwivfv30NUoAsAALHpFMMLqZlPAAAAAElFTkSuQmCC) repeat
38 }
39 .hljs-title,
40 .hljs-section,
41 .hljs-selector-id {
42 color: #000;
43 font-weight: bold
44 }
45 .hljs-subst {
46 font-weight: normal
47 }
48 .hljs-title.class_,
49 .hljs-class .hljs-title,
50 .hljs-type,
51 .hljs-name {
52 color: #333;
53 font-weight: bold
54 }
55 .hljs-tag {
56 color: #333
57 }
58 .hljs-regexp {
59 color: #333;
60 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPUlEQVQYV2NkQAN37979r6yszIgujiIAU4RNMVwhuiQ6H6wQl3XI4oy4FMHcCJPHcDS6J2A2EqUQpJhohQDexSef15DBCwAAAABJRU5ErkJggg==) repeat
61 }
62 .hljs-symbol,
63 .hljs-bullet,
64 .hljs-link {
65 color: #000;
66 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQAO7d+/+z4gsBhJwdXVlhAvCBECKwIIwAbhKZBUwBQA6hBpm5efZsgAAAABJRU5ErkJggg==) repeat
67 }
68 .hljs-built_in {
69 color: #000;
70 text-decoration: underline
71 }
72 .hljs-meta {
73 color: #999;
74 font-weight: bold
75 }
76 .hljs-deletion {
77 color: #fff;
78 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAE0lEQVQIW2MMDQ39zzhz5kwIAQAyxweWgUHd1AAAAABJRU5ErkJggg==) repeat
79 }
80 .hljs-addition {
81 color: #000;
82 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAALUlEQVQYV2N89+7dfwYk8P79ewZBQUFkIQZGOiu6e/cuiptQHAPl0NtNxAQBAM97Oejj3Dg7AAAAAElFTkSuQmCC) repeat
83 }
84 .hljs-emphasis {
85 font-style: italic
86 }
87 .hljs-strong {
88 font-weight: bold
89 }