1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 | .jp-icon0[fill] {
|
12 | fill: var(--jp-inverse-layout-color0);
|
13 | }
|
14 | .jp-icon1[fill] {
|
15 | fill: var(--jp-inverse-layout-color1);
|
16 | }
|
17 | .jp-icon2[fill] {
|
18 | fill: var(--jp-inverse-layout-color2);
|
19 | }
|
20 | .jp-icon3[fill] {
|
21 | fill: var(--jp-inverse-layout-color3);
|
22 | }
|
23 | .jp-icon4[fill] {
|
24 | fill: var(--jp-inverse-layout-color4);
|
25 | }
|
26 |
|
27 | .jp-icon0[stroke] {
|
28 | stroke: var(--jp-inverse-layout-color0);
|
29 | }
|
30 | .jp-icon1[stroke] {
|
31 | stroke: var(--jp-inverse-layout-color1);
|
32 | }
|
33 | .jp-icon2[stroke] {
|
34 | stroke: var(--jp-inverse-layout-color2);
|
35 | }
|
36 | .jp-icon3[stroke] {
|
37 | stroke: var(--jp-inverse-layout-color3);
|
38 | }
|
39 | .jp-icon4[stroke] {
|
40 | stroke: var(--jp-inverse-layout-color4);
|
41 | }
|
42 |
|
43 | .jp-icon-accent0[fill] {
|
44 | fill: var(--jp-layout-color0);
|
45 | }
|
46 | .jp-icon-accent1[fill] {
|
47 | fill: var(--jp-layout-color1);
|
48 | }
|
49 | .jp-icon-accent2[fill] {
|
50 | fill: var(--jp-layout-color2);
|
51 | }
|
52 | .jp-icon-accent3[fill] {
|
53 | fill: var(--jp-layout-color3);
|
54 | }
|
55 | .jp-icon-accent4[fill] {
|
56 | fill: var(--jp-layout-color4);
|
57 | }
|
58 |
|
59 | .jp-icon-accent0[stroke] {
|
60 | stroke: var(--jp-layout-color0);
|
61 | }
|
62 | .jp-icon-accent1[stroke] {
|
63 | stroke: var(--jp-layout-color1);
|
64 | }
|
65 | .jp-icon-accent2[stroke] {
|
66 | stroke: var(--jp-layout-color2);
|
67 | }
|
68 | .jp-icon-accent3[stroke] {
|
69 | stroke: var(--jp-layout-color3);
|
70 | }
|
71 | .jp-icon-accent4[stroke] {
|
72 | stroke: var(--jp-layout-color4);
|
73 | }
|
74 |
|
75 | .jp-icon-none[fill] {
|
76 | fill: none;
|
77 | }
|
78 |
|
79 | .jp-icon-none[stroke] {
|
80 | stroke: none;
|
81 | }
|
82 |
|
83 | .jp-icon-brand0[fill] {
|
84 | fill: var(--jp-brand-color0);
|
85 | }
|
86 | .jp-icon-brand1[fill] {
|
87 | fill: var(--jp-brand-color1);
|
88 | }
|
89 | .jp-icon-brand2[fill] {
|
90 | fill: var(--jp-brand-color2);
|
91 | }
|
92 | .jp-icon-brand3[fill] {
|
93 | fill: var(--jp-brand-color3);
|
94 | }
|
95 | .jp-icon-brand4[fill] {
|
96 | fill: var(--jp-brand-color4);
|
97 | }
|
98 |
|
99 | .jp-icon-brand0[stroke] {
|
100 | stroke: var(--jp-brand-color0);
|
101 | }
|
102 | .jp-icon-brand1[stroke] {
|
103 | stroke: var(--jp-brand-color1);
|
104 | }
|
105 | .jp-icon-brand2[stroke] {
|
106 | stroke: var(--jp-brand-color2);
|
107 | }
|
108 | .jp-icon-brand3[stroke] {
|
109 | stroke: var(--jp-brand-color3);
|
110 | }
|
111 | .jp-icon-brand4[stroke] {
|
112 | stroke: var(--jp-brand-color4);
|
113 | }
|
114 |
|
115 | .jp-icon-warn0[fill] {
|
116 | fill: var(--jp-warn-color0);
|
117 | }
|
118 | .jp-icon-warn1[fill] {
|
119 | fill: var(--jp-warn-color1);
|
120 | }
|
121 | .jp-icon-warn2[fill] {
|
122 | fill: var(--jp-warn-color2);
|
123 | }
|
124 | .jp-icon-warn3[fill] {
|
125 | fill: var(--jp-warn-color3);
|
126 | }
|
127 |
|
128 | .jp-icon-warn0[stroke] {
|
129 | stroke: var(--jp-warn-color0);
|
130 | }
|
131 | .jp-icon-warn1[stroke] {
|
132 | stroke: var(--jp-warn-color1);
|
133 | }
|
134 | .jp-icon-warn2[stroke] {
|
135 | stroke: var(--jp-warn-color2);
|
136 | }
|
137 | .jp-icon-warn3[stroke] {
|
138 | stroke: var(--jp-warn-color3);
|
139 | }
|
140 |
|
141 | .jp-icon-contrast0[fill] {
|
142 | fill: var(--jp-icon-contrast-color0);
|
143 | }
|
144 | .jp-icon-contrast1[fill] {
|
145 | fill: var(--jp-icon-contrast-color1);
|
146 | }
|
147 | .jp-icon-contrast2[fill] {
|
148 | fill: var(--jp-icon-contrast-color2);
|
149 | }
|
150 | .jp-icon-contrast3[fill] {
|
151 | fill: var(--jp-icon-contrast-color3);
|
152 | }
|
153 |
|
154 | .jp-icon-contrast0[stroke] {
|
155 | stroke: var(--jp-icon-contrast-color0);
|
156 | }
|
157 | .jp-icon-contrast1[stroke] {
|
158 | stroke: var(--jp-icon-contrast-color1);
|
159 | }
|
160 | .jp-icon-contrast2[stroke] {
|
161 | stroke: var(--jp-icon-contrast-color2);
|
162 | }
|
163 | .jp-icon-contrast3[stroke] {
|
164 | stroke: var(--jp-icon-contrast-color3);
|
165 | }
|
166 |
|
167 |
|
168 | .jp-DirListing-item.jp-mod-selected .jp-icon-selectable[fill] {
|
169 | fill: #fff;
|
170 | }
|
171 | .jp-DirListing-item.jp-mod-selected .jp-icon-selectable-inverse[fill] {
|
172 | fill: var(--jp-brand-color1);
|
173 | }
|
174 |
|
175 |
|
176 | #tab-manager .lm-TabBar-tab.jp-mod-active .jp-icon-selectable[fill] {
|
177 | fill: #fff;
|
178 | }
|
179 |
|
180 | #tab-manager .lm-TabBar-tab.jp-mod-active .jp-icon-selectable-inverse[fill] {
|
181 | fill: var(--jp-brand-color1);
|
182 | }
|
183 | #tab-manager
|
184 | .lm-TabBar-tab.jp-mod-active
|
185 | .jp-icon-hover
|
186 | :hover
|
187 | .jp-icon-selectable[fill] {
|
188 | fill: var(--jp-brand-color1);
|
189 | }
|
190 |
|
191 | #tab-manager
|
192 | .lm-TabBar-tab.jp-mod-active
|
193 | .jp-icon-hover
|
194 | :hover
|
195 | .jp-icon-selectable-inverse[fill] {
|
196 | fill: #fff;
|
197 | }
|
198 |
|
199 |
|
200 |
|
201 |
|
202 |
|
203 |
|
204 | #tab-manager
|
205 | .lm-TabBar-tab.jp-mod-dirty
|
206 | > .lm-TabBar-tabCloseIcon
|
207 | > :not(:hover)
|
208 | > .jp-icon3[fill] {
|
209 | fill: none;
|
210 | }
|
211 | #tab-manager
|
212 | .lm-TabBar-tab.jp-mod-dirty
|
213 | > .lm-TabBar-tabCloseIcon
|
214 | > :not(:hover)
|
215 | > .jp-icon-busy[fill] {
|
216 | fill: var(--jp-inverse-layout-color3);
|
217 | }
|
218 |
|
219 | #tab-manager
|
220 | .lm-TabBar-tab.jp-mod-dirty.jp-mod-active
|
221 | > .lm-TabBar-tabCloseIcon
|
222 | > :not(:hover)
|
223 | > .jp-icon-busy[fill] {
|
224 | fill: #fff;
|
225 | }
|
226 |
|
227 |
|
228 |
|
229 |
|
230 |
|
231 |
|
232 | .lm-DockPanel-tabBar
|
233 | .lm-TabBar-tab.lm-mod-closable.jp-mod-dirty
|
234 | > .lm-TabBar-tabCloseIcon
|
235 | > :not(:hover)
|
236 | > .jp-icon3[fill] {
|
237 | fill: none;
|
238 | }
|
239 | .lm-DockPanel-tabBar
|
240 | .lm-TabBar-tab.lm-mod-closable.jp-mod-dirty
|
241 | > .lm-TabBar-tabCloseIcon
|
242 | > :not(:hover)
|
243 | > .jp-icon-busy[fill] {
|
244 | fill: var(--jp-inverse-layout-color3);
|
245 | }
|
246 |
|
247 |
|
248 | #jp-main-statusbar .jp-mod-selected .jp-icon-selectable[fill] {
|
249 | fill: #fff;
|
250 | }
|
251 |
|
252 | #jp-main-statusbar .jp-mod-selected .jp-icon-selectable-inverse[fill] {
|
253 | fill: var(--jp-brand-color1);
|
254 | }
|
255 |
|
256 |
|
257 |
|
258 | :root {
|
259 | --jp-warn-color0: var(--md-orange-700);
|
260 | }
|
261 |
|
262 |
|
263 | .jp-DragIcon {
|
264 | margin-right: 4px;
|
265 | }
|