Mercurial

comparison third_party/highlight/styles/stackoverflow-light.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 Theme: StackOverflow Light
11 Description: Light theme as used on stackoverflow.com
12 Author: stackoverflow.com
13 Maintainer: @Hirse
14 Website: https://github.com/StackExchange/Stacks
15 License: MIT
16 Updated: 2021-05-15
17
18 Updated for @stackoverflow/stacks v0.64.0
19 Code Blocks: /blob/v0.64.0/lib/css/components/_stacks-code-blocks.less
20 Colors: /blob/v0.64.0/lib/css/exports/_stacks-constants-colors.less
21 */
22 .hljs {
23 /* var(--highlight-color) */
24 color: #2f3337;
25 /* var(--highlight-bg) */
26 background: #f6f6f6
27 }
28 .hljs-subst {
29 /* var(--highlight-color) */
30 color: #2f3337
31 }
32 .hljs-comment {
33 /* var(--highlight-comment) */
34 color: #656e77
35 }
36 .hljs-keyword,
37 .hljs-selector-tag,
38 .hljs-meta .hljs-keyword,
39 .hljs-doctag,
40 .hljs-section {
41 /* var(--highlight-keyword) */
42 color: #015692
43 }
44 .hljs-attr {
45 /* var(--highlight-attribute); */
46 color: #015692
47 }
48 .hljs-attribute {
49 /* var(--highlight-symbol) */
50 color: #803378
51 }
52 .hljs-name,
53 .hljs-type,
54 .hljs-number,
55 .hljs-selector-id,
56 .hljs-quote,
57 .hljs-template-tag {
58 /* var(--highlight-namespace) */
59 color: #b75501
60 }
61 .hljs-selector-class {
62 /* var(--highlight-keyword) */
63 color: #015692
64 }
65 .hljs-string,
66 .hljs-regexp,
67 .hljs-symbol,
68 .hljs-variable,
69 .hljs-template-variable,
70 .hljs-link,
71 .hljs-selector-attr {
72 /* var(--highlight-variable) */
73 color: #54790d
74 }
75 .hljs-meta,
76 .hljs-selector-pseudo {
77 /* var(--highlight-keyword) */
78 color: #015692
79 }
80 .hljs-built_in,
81 .hljs-title,
82 .hljs-literal {
83 /* var(--highlight-literal) */
84 color: #b75501
85 }
86 .hljs-bullet,
87 .hljs-code {
88 /* var(--highlight-punctuation) */
89 color: #535a60
90 }
91 .hljs-meta .hljs-string {
92 /* var(--highlight-variable) */
93 color: #54790d
94 }
95 .hljs-deletion {
96 /* var(--highlight-deletion) */
97 color: #c02d2e
98 }
99 .hljs-addition {
100 /* var(--highlight-addition) */
101 color: #2f6f44
102 }
103 .hljs-emphasis {
104 font-style: italic
105 }
106 .hljs-strong {
107 font-weight: bold
108 }
109 .hljs-formula,
110 .hljs-operator,
111 .hljs-params,
112 .hljs-property,
113 .hljs-punctuation,
114 .hljs-tag {
115 /* purposely ignored */
116
117 }