Mercurial

comparison third_party/highlight/styles/tokyo-night-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: Tokyo-night-light
11 origin: https://github.com/enkia/tokyo-night-vscode-theme
12 Description: Original highlight.js style
13 Author: (c) Henri Vandersleyen <[email protected]>
14 License: see project LICENSE
15 Touched: 2022
16 */
17 /* Comment */
18 .hljs-meta,
19 .hljs-comment {
20 color: #9699a3
21 }
22 /* Red */
23 /*INFO: This keyword, HTML elements, Regex group symbol, CSS units, Terminal Red */
24 .hljs-tag,
25 .hljs-doctag,
26 .hljs-selector-id,
27 .hljs-selector-class,
28 .hljs-regexp,
29 .hljs-template-tag,
30 .hljs-selector-pseudo,
31 .hljs-selector-attr,
32 .hljs-variable.language_,
33 .hljs-deletion {
34 color: #8c4351
35 }
36 /*Orange */
37 /*INFO: Number and Boolean constants, Language support constants */
38 .hljs-variable,
39 .hljs-template-variable,
40 .hljs-number,
41 .hljs-literal,
42 .hljs-type,
43 .hljs-params,
44 .hljs-link {
45 color: #965027
46 }
47 /* Yellow */
48 /* INFO: Function parameters, Regex character sets, Terminal Yellow */
49 .hljs-built_in,
50 .hljs-attribute {
51 color: #8f5e15
52 }
53 /* cyan */
54 /* INFO: Language support functions, CSS HTML elements */
55 .hljs-selector-tag {
56 color: #166775
57 }
58 /* light blue */
59 /* INFO: Object properties, Regex quantifiers and flags, Markdown headings, Terminal Cyan, Markdown code, Import/export keywords */
60 .hljs-keyword,
61 .hljs-title.function_,
62 .hljs-title,
63 .hljs-title.class_,
64 .hljs-title.class_.inherited__,
65 .hljs-subst,
66 .hljs-property {
67 color: #0f4b6e
68 }
69 /*Green*/
70 /* INFO: Object literal keys, Markdown links, Terminal Green */
71 .hljs-selector-tag {
72 color: #33635c
73 }
74 /*Green(er) */
75 /* INFO: Strings, CSS class names */
76 .hljs-quote,
77 .hljs-string,
78 .hljs-symbol,
79 .hljs-bullet,
80 .hljs-addition {
81 color: #485e30
82 }
83 /* Blue */
84 /* INFO: Function names, CSS property names, Terminal Blue */
85 .hljs-code,
86 .hljs-formula,
87 .hljs-section {
88 color: #34548a
89 }
90 /* Magenta */
91 /*INFO: Control Keywords, Storage Types, Regex symbols and operators, HTML Attributes, Terminal Magenta */
92 .hljs-name,
93 .hljs-keyword,
94 .hljs-operator,
95 .hljs-keyword,
96 .hljs-char.escape_,
97 .hljs-attr {
98 color: #5a4a78
99 }
100 /* white*/
101 /* INFO: Variables, Class names, Terminal White */
102 .hljs-punctuation {
103 color: #343b58
104 }
105 .hljs {
106 background: #d5d6db;
107 color: #565a6e
108 }
109 .hljs-emphasis {
110 font-style: italic
111 }
112 .hljs-strong {
113 font-weight: bold
114 }