@covalent/highlight 4.16.0 → 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);
|
|
@@ -24,98 +25,27 @@
|
|
|
24
25
|
}
|
|
25
26
|
}
|
|
26
27
|
|
|
27
|
-
.dark-theme td-highlight {
|
|
28
|
-
background-color: #1a1c1d;
|
|
29
|
-
|
|
30
|
-
.highlight {
|
|
31
|
-
color: #abb2bf;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.raw {
|
|
35
|
-
color: rgba(255, 255, 255, 87%);
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.hljs-comment,
|
|
39
|
-
.hljs-quote {
|
|
40
|
-
color: #5c6370;
|
|
41
|
-
font-style: italic;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.hljs-doctag,
|
|
45
|
-
.hljs-formula,
|
|
46
|
-
.hljs-keyword {
|
|
47
|
-
color: #c678dd;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.hljs-deletion,
|
|
51
|
-
.hljs-name,
|
|
52
|
-
.hljs-tag,
|
|
53
|
-
.hljs-section,
|
|
54
|
-
.hljs-selector-tag,
|
|
55
|
-
.hljs-subst {
|
|
56
|
-
color: #e06c75;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.hljs-literal {
|
|
60
|
-
color: #56b6c2;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
.hljs-addition,
|
|
64
|
-
.hljs-attribute,
|
|
65
|
-
.hljs-meta .hljs-string,
|
|
66
|
-
.hljs-regexp,
|
|
67
|
-
.hljs-string {
|
|
68
|
-
color: #98c379;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
.hljs-attr,
|
|
72
|
-
.hljs-number,
|
|
73
|
-
.hljs-selector-attr,
|
|
74
|
-
.hljs-selector-class,
|
|
75
|
-
.hljs-selector-pseudo,
|
|
76
|
-
.hljs-template-variable,
|
|
77
|
-
.hljs-type,
|
|
78
|
-
.hljs-variable {
|
|
79
|
-
color: #d19a66;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.hljs-bullet,
|
|
83
|
-
.hljs-link,
|
|
84
|
-
.hljs-meta,
|
|
85
|
-
.hljs-selector-id,
|
|
86
|
-
.hljs-symbol,
|
|
87
|
-
.hljs-title {
|
|
88
|
-
color: #61aeee;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
.hljs-built_in,
|
|
92
|
-
.hljs-class .hljs-title,
|
|
93
|
-
.hljs-title.class_ {
|
|
94
|
-
color: #e6c07b;
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
|
|
98
28
|
td-highlight {
|
|
99
|
-
background-color: #eeeeee;
|
|
29
|
+
background-color: if($is-dark, #1a1c1d, #eeeeee);
|
|
100
30
|
|
|
101
31
|
.highlight {
|
|
102
|
-
color: #383a42;
|
|
32
|
+
color: if($is-dark, #abb2bf, #383a42);
|
|
103
33
|
}
|
|
104
34
|
|
|
105
35
|
.raw {
|
|
106
|
-
color: rgba(0, 0, 0, 87%);
|
|
36
|
+
color: if($is-dark, rgba(255, 255, 255, 87%), rgba(0, 0, 0, 87%));
|
|
107
37
|
}
|
|
108
38
|
|
|
109
39
|
.hljs-comment,
|
|
110
40
|
.hljs-quote {
|
|
111
|
-
color: #a0a1a7;
|
|
41
|
+
color: if($is-dark, #5c6370, #a0a1a7);
|
|
112
42
|
font-style: italic;
|
|
113
43
|
}
|
|
114
44
|
|
|
115
45
|
.hljs-doctag,
|
|
116
46
|
.hljs-formula,
|
|
117
47
|
.hljs-keyword {
|
|
118
|
-
color: #a626a4;
|
|
48
|
+
color: if($is-dark, #c678dd, #a626a4);
|
|
119
49
|
}
|
|
120
50
|
|
|
121
51
|
.hljs-deletion,
|
|
@@ -124,11 +54,11 @@
|
|
|
124
54
|
.hljs-section,
|
|
125
55
|
.hljs-selector-tag,
|
|
126
56
|
.hljs-subst {
|
|
127
|
-
color: #e45649;
|
|
57
|
+
color: if($is-dark, #e06c75, #e45649);
|
|
128
58
|
}
|
|
129
59
|
|
|
130
60
|
.hljs-literal {
|
|
131
|
-
color: #0184bb;
|
|
61
|
+
color: if($is-dark, #56b6c2, #0184bb);
|
|
132
62
|
}
|
|
133
63
|
|
|
134
64
|
.hljs-addition,
|
|
@@ -136,7 +66,7 @@
|
|
|
136
66
|
.hljs-meta .hljs-string,
|
|
137
67
|
.hljs-regexp,
|
|
138
68
|
.hljs-string {
|
|
139
|
-
color: #50a14f;
|
|
69
|
+
color: if($is-dark, #98c379, #50a14f);
|
|
140
70
|
}
|
|
141
71
|
|
|
142
72
|
.hljs-attr,
|
|
@@ -147,7 +77,7 @@
|
|
|
147
77
|
.hljs-template-variable,
|
|
148
78
|
.hljs-type,
|
|
149
79
|
.hljs-variable {
|
|
150
|
-
color: #986801;
|
|
80
|
+
color: if($is-dark, #d19a66, #986801);
|
|
151
81
|
}
|
|
152
82
|
|
|
153
83
|
.hljs-bullet,
|
|
@@ -156,13 +86,13 @@
|
|
|
156
86
|
.hljs-selector-id,
|
|
157
87
|
.hljs-symbol,
|
|
158
88
|
.hljs-title {
|
|
159
|
-
color: #4078f2;
|
|
89
|
+
color: if($is-dark, #61aeee, #4078f2);
|
|
160
90
|
}
|
|
161
91
|
|
|
162
92
|
.hljs-built_in,
|
|
163
93
|
.hljs-class .hljs-title,
|
|
164
94
|
.hljs-title.class_ {
|
|
165
|
-
color: #c18401;
|
|
95
|
+
color: if($is-dark, #e6c07b, #c18401);
|
|
166
96
|
}
|
|
167
97
|
}
|
|
168
98
|
}
|