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