stoplight-elements-auto-theme/styles.css at main · sirkadirov/stoplight-elements-auto-theme · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
/**
 * Nord Theme Originally by Arctic Ice Studio
 * https://nordtheme.com
 *
 * Ported for PrismJS by Zane Hitchcoxc (@zwhitchcox) and Gabriel Ramos (@gabrieluizramos)
 * Ported for Stoplight Elements by Yurii Kadirov (@sirkadirov)
 */

html[data-theme="dark"] div[class*="language-"] {
	color: #f8f8f2;
	background: none;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

html[data-theme="dark"] .token.comment,
html[data-theme="dark"] .token.prolog,
html[data-theme="dark"] .token.doctype,
html[data-theme="dark"] .token.cdata {
	color: #636f88 !important;
}

html[data-theme="dark"] .token.punctuation {
	color: #81A1C1 !important;
}

html[data-theme="dark"] .namespace {
	opacity: .7 !important;
}

html[data-theme="dark"] .token.property,
html[data-theme="dark"] .token.tag,
html[data-theme="dark"] .token.constant,
html[data-theme="dark"] .token.symbol,
html[data-theme="dark"] .token.deleted {
	color: #81A1C1 !important;
}

html[data-theme="dark"] .token.number {
	color: #B48EAD !important;
}

html[data-theme="dark"] .token.boolean {
	color: #81A1C1 !important;
}

html[data-theme="dark"] .token.selector,
html[data-theme="dark"] .token.attr-name,
html[data-theme="dark"] .token.string,
html[data-theme="dark"] .token.char,
html[data-theme="dark"] .token.builtin,
html[data-theme="dark"] .token.inserted {
	color: #A3BE8C !important;
}

html[data-theme="dark"] .token.operator,
html[data-theme="dark"] .token.entity,
html[data-theme="dark"] .token.url,
html[data-theme="dark"] .language-css .token.string,
html[data-theme="dark"] .style .token.string,
html[data-theme="dark"] .token.variable {
	color: #81A1C1 !important;
}

html[data-theme="dark"] .token.atrule,
html[data-theme="dark"] .token.attr-value,
html[data-theme="dark"] .token.function,
html[data-theme="dark"] .token.class-name {
	color: #88C0D0 !important;
}

html[data-theme="dark"] .token.keyword {
	color: #81A1C1 !important;
}

html[data-theme="dark"] .token.regex,
html[data-theme="dark"] .token.important {
	color: #EBCB8B !important;
}

html[data-theme="dark"] .token.important,
html[data-theme="dark"] .token.bold {
	font-weight: bold !important;
}

html[data-theme="dark"] .token.italic {
	font-style: italic !important;
}

html[data-theme="dark"] .token.entity {
	cursor: help !important;
}

/* Sidebar resize handle styling */

html[data-theme="dark"] .sl-resize-x {
	background: var(--color-canvas) !important;
}