Mercurial

comparison third_party/highlight/styles/rose-pine-dawn.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: Rose Pine
11 Origin: https://rosepinetheme.com/
12 */
13 /* Comment */
14 .hljs-meta,
15 .hljs-comment {
16 color: #9893a5
17 }
18 /* Red */
19 /*INFO: This keyword, HTML elements, Regex group symbol, CSS units, Terminal Red */
20 .hljs-tag,
21 .hljs-doctag,
22 .hljs-selector-id,
23 .hljs-selector-class,
24 .hljs-regexp,
25 .hljs-template-tag,
26 .hljs-selector-pseudo,
27 .hljs-selector-attr,
28 .hljs-variable.language_,
29 .hljs-deletion {
30 color: #b4637a
31 }
32 /*Orange */
33 /*INFO: Number and Boolean constants, Language support constants */
34 .hljs-variable,
35 .hljs-template-variable,
36 .hljs-number,
37 .hljs-literal,
38 .hljs-type,
39 .hljs-params,
40 .hljs-link {
41 color: #d7827e
42 }
43 /* Yellow */
44 /* INFO: Function parameters, Regex character sets, Terminal Yellow */
45 .hljs-built_in,
46 .hljs-attribute {
47 color: #ea9d34
48 }
49 /* cyan */
50 /* INFO: Language support functions, CSS HTML elements */
51 .hljs-selector-tag {
52 color: #286983
53 }
54 /* light blue */
55 /* INFO: Object properties, Regex quantifiers and flags, Markdown headings, Terminal Cyan, Markdown code, Import/export keywords */
56 .hljs-keyword,
57 .hljs-title.function_,
58 .hljs-title,
59 .hljs-title.class_,
60 .hljs-title.class_.inherited__,
61 .hljs-subst,
62 .hljs-property {
63 color: #56949f
64 }
65 /*Green*/
66 /* INFO: Object literal keys, Markdown links, Terminal Green */
67 .hljs-selector-tag {
68 color: #56949f
69 }
70 /*Green(er) */
71 /* INFO: Strings, CSS class names */
72 .hljs-quote,
73 .hljs-string,
74 .hljs-symbol,
75 .hljs-bullet,
76 .hljs-addition {
77 color: #286983
78 }
79 /* INFO: Function names, CSS property names, Terminal Blue */
80 .hljs-code,
81 .hljs-formula,
82 .hljs-section {
83 color: #d7827e
84 }
85 /* Magenta */
86 /*INFO: Control Keywords, Storage Types, Regex symbols and operators, HTML Attributes, Terminal Magenta */
87 .hljs-name,
88 .hljs-keyword,
89 .hljs-operator,
90 .hljs-keyword,
91 .hljs-char.escape_,
92 .hljs-attr {
93 color: #907aa9
94 }
95 .hljs-punctuation {
96 color: #575279
97 }
98 .hljs {
99 background: #faf4ed;
100 color: #575279
101 }
102 .hljs-emphasis {
103 font-style: italic
104 }
105 .hljs-strong {
106 font-weight: bold
107 }