@covalent/highlight 4.16.1 → 4.16.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_highlight-theme.scss +12 -82
- package/package.json +1 -1
package/_highlight-theme.scss
CHANGED
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
@mixin covalent-highlight-theme($theme) {
|
|
7
7
|
$foreground: map-get($theme, foreground);
|
|
8
8
|
$background: map-get($theme, background);
|
|
9
|
+
$is-dark: map-get($theme, is-dark);
|
|
9
10
|
|
|
10
11
|
.raw-and-copy-buttons {
|
|
11
12
|
border-color: map-get($foreground, divider);
|
|
@@ -25,26 +26,26 @@
|
|
|
25
26
|
}
|
|
26
27
|
|
|
27
28
|
td-highlight {
|
|
28
|
-
background-color: #eeeeee;
|
|
29
|
+
background-color: if($is-dark, #1a1c1d, #eeeeee);
|
|
29
30
|
|
|
30
31
|
.highlight {
|
|
31
|
-
color: #383a42;
|
|
32
|
+
color: if($is-dark, #abb2bf, #383a42);
|
|
32
33
|
}
|
|
33
34
|
|
|
34
35
|
.raw {
|
|
35
|
-
color: rgba(0, 0, 0, 87%);
|
|
36
|
+
color: if($is-dark, rgba(255, 255, 255, 87%), rgba(0, 0, 0, 87%));
|
|
36
37
|
}
|
|
37
38
|
|
|
38
39
|
.hljs-comment,
|
|
39
40
|
.hljs-quote {
|
|
40
|
-
color: #a0a1a7;
|
|
41
|
+
color: if($is-dark, #5c6370, #a0a1a7);
|
|
41
42
|
font-style: italic;
|
|
42
43
|
}
|
|
43
44
|
|
|
44
45
|
.hljs-doctag,
|
|
45
46
|
.hljs-formula,
|
|
46
47
|
.hljs-keyword {
|
|
47
|
-
color: #a626a4;
|
|
48
|
+
color: if($is-dark, #c678dd, #a626a4);
|
|
48
49
|
}
|
|
49
50
|
|
|
50
51
|
.hljs-deletion,
|
|
@@ -53,11 +54,11 @@
|
|
|
53
54
|
.hljs-section,
|
|
54
55
|
.hljs-selector-tag,
|
|
55
56
|
.hljs-subst {
|
|
56
|
-
color: #e45649;
|
|
57
|
+
color: if($is-dark, #e06c75, #e45649);
|
|
57
58
|
}
|
|
58
59
|
|
|
59
60
|
.hljs-literal {
|
|
60
|
-
color: #0184bb;
|
|
61
|
+
color: if($is-dark, #56b6c2, #0184bb);
|
|
61
62
|
}
|
|
62
63
|
|
|
63
64
|
.hljs-addition,
|
|
@@ -65,7 +66,7 @@
|
|
|
65
66
|
.hljs-meta .hljs-string,
|
|
66
67
|
.hljs-regexp,
|
|
67
68
|
.hljs-string {
|
|
68
|
-
color: #50a14f;
|
|
69
|
+
color: if($is-dark, #98c379, #50a14f);
|
|
69
70
|
}
|
|
70
71
|
|
|
71
72
|
.hljs-attr,
|
|
@@ -76,7 +77,7 @@
|
|
|
76
77
|
.hljs-template-variable,
|
|
77
78
|
.hljs-type,
|
|
78
79
|
.hljs-variable {
|
|
79
|
-
color: #986801;
|
|
80
|
+
color: if($is-dark, #d19a66, #986801);
|
|
80
81
|
}
|
|
81
82
|
|
|
82
83
|
.hljs-bullet,
|
|
@@ -85,84 +86,13 @@
|
|
|
85
86
|
.hljs-selector-id,
|
|
86
87
|
.hljs-symbol,
|
|
87
88
|
.hljs-title {
|
|
88
|
-
color: #4078f2;
|
|
89
|
+
color: if($is-dark, #61aeee, #4078f2);
|
|
89
90
|
}
|
|
90
91
|
|
|
91
92
|
.hljs-built_in,
|
|
92
93
|
.hljs-class .hljs-title,
|
|
93
94
|
.hljs-title.class_ {
|
|
94
|
-
color: #c18401;
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
.dark-theme & {
|
|
98
|
-
background-color: #1a1c1d;
|
|
99
|
-
|
|
100
|
-
.highlight {
|
|
101
|
-
color: #abb2bf;
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
.raw {
|
|
105
|
-
color: rgba(255, 255, 255, 87%);
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
.hljs-comment,
|
|
109
|
-
.hljs-quote {
|
|
110
|
-
color: #5c6370;
|
|
111
|
-
font-style: italic;
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
.hljs-doctag,
|
|
115
|
-
.hljs-formula,
|
|
116
|
-
.hljs-keyword {
|
|
117
|
-
color: #c678dd;
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
.hljs-deletion,
|
|
121
|
-
.hljs-name,
|
|
122
|
-
.hljs-tag,
|
|
123
|
-
.hljs-section,
|
|
124
|
-
.hljs-selector-tag,
|
|
125
|
-
.hljs-subst {
|
|
126
|
-
color: #e06c75;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
.hljs-literal {
|
|
130
|
-
color: #56b6c2;
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
.hljs-addition,
|
|
134
|
-
.hljs-attribute,
|
|
135
|
-
.hljs-meta .hljs-string,
|
|
136
|
-
.hljs-regexp,
|
|
137
|
-
.hljs-string {
|
|
138
|
-
color: #98c379;
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
.hljs-attr,
|
|
142
|
-
.hljs-number,
|
|
143
|
-
.hljs-selector-attr,
|
|
144
|
-
.hljs-selector-class,
|
|
145
|
-
.hljs-selector-pseudo,
|
|
146
|
-
.hljs-template-variable,
|
|
147
|
-
.hljs-type,
|
|
148
|
-
.hljs-variable {
|
|
149
|
-
color: #d19a66;
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
.hljs-bullet,
|
|
153
|
-
.hljs-link,
|
|
154
|
-
.hljs-meta,
|
|
155
|
-
.hljs-selector-id,
|
|
156
|
-
.hljs-symbol,
|
|
157
|
-
.hljs-title {
|
|
158
|
-
color: #61aeee;
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
.hljs-built_in,
|
|
162
|
-
.hljs-class .hljs-title,
|
|
163
|
-
.hljs-title.class_ {
|
|
164
|
-
color: #e6c07b;
|
|
165
|
-
}
|
|
95
|
+
color: if($is-dark, #e6c07b, #c18401);
|
|
166
96
|
}
|
|
167
97
|
}
|
|
168
98
|
}
|