@jupyterlab/theme-light-extension 4.0.0-alpha.2 → 4.0.0-alpha.5

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.
Files changed (3) hide show
  1. package/package.json +5 -5
  2. package/style/urls.css +5 -0
  3. package/style/variables.css +42 -52
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jupyterlab/theme-light-extension",
3
- "version": "4.0.0-alpha.2",
3
+ "version": "4.0.0-alpha.5",
4
4
  "description": "JupyterLab - Default Light Theme",
5
5
  "homepage": "https://github.com/jupyterlab/jupyterlab",
6
6
  "bugs": {
@@ -31,13 +31,13 @@
31
31
  "watch": "tsc -b --watch"
32
32
  },
33
33
  "dependencies": {
34
- "@jupyterlab/application": "^4.0.0-alpha.2",
35
- "@jupyterlab/apputils": "^4.0.0-alpha.2",
36
- "@jupyterlab/translation": "^4.0.0-alpha.2"
34
+ "@jupyterlab/application": "^4.0.0-alpha.5",
35
+ "@jupyterlab/apputils": "^4.0.0-alpha.5",
36
+ "@jupyterlab/translation": "^4.0.0-alpha.5"
37
37
  },
38
38
  "devDependencies": {
39
39
  "rimraf": "~3.0.0",
40
- "typedoc": "~0.21.2",
40
+ "typedoc": "~0.22.10",
41
41
  "typescript": "~4.5.2"
42
42
  },
43
43
  "publishConfig": {
package/style/urls.css CHANGED
@@ -12,9 +12,14 @@
12
12
  /* blocked by lumino interaction */
13
13
 
14
14
  /*--jp-icon-caret-down: url('icons/md/caretdown.svg');*/
15
+
15
16
  /*--jp-icon-caret-right: url('icons/md/caretright.svg');*/
17
+
16
18
  /*--jp-icon-caret-up: url('icons/md/caretup.svg');*/
19
+
17
20
  /*--jp-icon-caret-left: url('icons/md/caretleft.svg');*/
21
+
18
22
  /*--jp-icon-search: url('icons/md/search.svg');*/
23
+
19
24
  /*--jp-icon-search-white: url('icons/md/search-white.svg');*/
20
25
  }
package/style/variables.css CHANGED
@@ -53,33 +53,33 @@ all of MD as it is not optimized for dense, information rich UIs.
53
53
  0.12
54
54
  );
55
55
  --jp-elevation-z0: none;
56
- --jp-elevation-z1: 0px 2px 1px -1px var(--jp-shadow-umbra-color),
57
- 0px 1px 1px 0px var(--jp-shadow-penumbra-color),
58
- 0px 1px 3px 0px var(--jp-shadow-ambient-color);
59
- --jp-elevation-z2: 0px 3px 1px -2px var(--jp-shadow-umbra-color),
60
- 0px 2px 2px 0px var(--jp-shadow-penumbra-color),
61
- 0px 1px 5px 0px var(--jp-shadow-ambient-color);
62
- --jp-elevation-z4: 0px 2px 4px -1px var(--jp-shadow-umbra-color),
63
- 0px 4px 5px 0px var(--jp-shadow-penumbra-color),
64
- 0px 1px 10px 0px var(--jp-shadow-ambient-color);
65
- --jp-elevation-z6: 0px 3px 5px -1px var(--jp-shadow-umbra-color),
66
- 0px 6px 10px 0px var(--jp-shadow-penumbra-color),
67
- 0px 1px 18px 0px var(--jp-shadow-ambient-color);
68
- --jp-elevation-z8: 0px 5px 5px -3px var(--jp-shadow-umbra-color),
69
- 0px 8px 10px 1px var(--jp-shadow-penumbra-color),
70
- 0px 3px 14px 2px var(--jp-shadow-ambient-color);
71
- --jp-elevation-z12: 0px 7px 8px -4px var(--jp-shadow-umbra-color),
72
- 0px 12px 17px 2px var(--jp-shadow-penumbra-color),
73
- 0px 5px 22px 4px var(--jp-shadow-ambient-color);
74
- --jp-elevation-z16: 0px 8px 10px -5px var(--jp-shadow-umbra-color),
75
- 0px 16px 24px 2px var(--jp-shadow-penumbra-color),
76
- 0px 6px 30px 5px var(--jp-shadow-ambient-color);
77
- --jp-elevation-z20: 0px 10px 13px -6px var(--jp-shadow-umbra-color),
78
- 0px 20px 31px 3px var(--jp-shadow-penumbra-color),
79
- 0px 8px 38px 7px var(--jp-shadow-ambient-color);
80
- --jp-elevation-z24: 0px 11px 15px -7px var(--jp-shadow-umbra-color),
81
- 0px 24px 38px 3px var(--jp-shadow-penumbra-color),
82
- 0px 9px 46px 8px var(--jp-shadow-ambient-color);
56
+ --jp-elevation-z1: 0 2px 1px -1px var(--jp-shadow-umbra-color),
57
+ 0 1px 1px 0 var(--jp-shadow-penumbra-color),
58
+ 0 1px 3px 0 var(--jp-shadow-ambient-color);
59
+ --jp-elevation-z2: 0 3px 1px -2px var(--jp-shadow-umbra-color),
60
+ 0 2px 2px 0 var(--jp-shadow-penumbra-color),
61
+ 0 1px 5px 0 var(--jp-shadow-ambient-color);
62
+ --jp-elevation-z4: 0 2px 4px -1px var(--jp-shadow-umbra-color),
63
+ 0 4px 5px 0 var(--jp-shadow-penumbra-color),
64
+ 0 1px 10px 0 var(--jp-shadow-ambient-color);
65
+ --jp-elevation-z6: 0 3px 5px -1px var(--jp-shadow-umbra-color),
66
+ 0 6px 10px 0 var(--jp-shadow-penumbra-color),
67
+ 0 1px 18px 0 var(--jp-shadow-ambient-color);
68
+ --jp-elevation-z8: 0 5px 5px -3px var(--jp-shadow-umbra-color),
69
+ 0 8px 10px 1px var(--jp-shadow-penumbra-color),
70
+ 0 3px 14px 2px var(--jp-shadow-ambient-color);
71
+ --jp-elevation-z12: 0 7px 8px -4px var(--jp-shadow-umbra-color),
72
+ 0 12px 17px 2px var(--jp-shadow-penumbra-color),
73
+ 0 5px 22px 4px var(--jp-shadow-ambient-color);
74
+ --jp-elevation-z16: 0 8px 10px -5px var(--jp-shadow-umbra-color),
75
+ 0 16px 24px 2px var(--jp-shadow-penumbra-color),
76
+ 0 6px 30px 5px var(--jp-shadow-ambient-color);
77
+ --jp-elevation-z20: 0 10px 13px -6px var(--jp-shadow-umbra-color),
78
+ 0 20px 31px 3px var(--jp-shadow-penumbra-color),
79
+ 0 8px 38px 7px var(--jp-shadow-ambient-color);
80
+ --jp-elevation-z24: 0 11px 15px -7px var(--jp-shadow-umbra-color),
81
+ 0 24px 38px 3px var(--jp-shadow-penumbra-color),
82
+ 0 9px 46px 8px var(--jp-shadow-ambient-color);
83
83
 
84
84
  /* Borders
85
85
  *
@@ -91,6 +91,7 @@ all of MD as it is not optimized for dense, information rich UIs.
91
91
  --jp-border-color1: var(--md-grey-400);
92
92
  --jp-border-color2: var(--md-grey-300);
93
93
  --jp-border-color3: var(--md-grey-200);
94
+ --jp-inverse-border-color: var(--md-grey-600);
94
95
  --jp-border-radius: 2px;
95
96
 
96
97
  /* UI Fonts
@@ -108,9 +109,8 @@ all of MD as it is not optimized for dense, information rich UIs.
108
109
  --jp-ui-font-size1: 13px; /* Base font size */
109
110
  --jp-ui-font-size2: 1.2em;
110
111
  --jp-ui-font-size3: 1.44em;
111
-
112
- --jp-ui-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
113
- Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
112
+ --jp-ui-font-family: system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI',
113
+ helvetica, arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
114
114
  'Segoe UI Symbol';
115
115
 
116
116
  /*
@@ -154,7 +154,6 @@ all of MD as it is not optimized for dense, information rich UIs.
154
154
 
155
155
  /* This gives a magnification of about 125% in presentation mode over normal. */
156
156
  --jp-content-presentation-font-size1: 17px;
157
-
158
157
  --jp-content-heading-line-height: 1;
159
158
  --jp-content-heading-margin-top: 1.2em;
160
159
  --jp-content-heading-margin-bottom: 0.8em;
@@ -165,11 +164,9 @@ all of MD as it is not optimized for dense, information rich UIs.
165
164
  --jp-content-font-color1: rgba(0, 0, 0, 0.87);
166
165
  --jp-content-font-color2: rgba(0, 0, 0, 0.54);
167
166
  --jp-content-font-color3: rgba(0, 0, 0, 0.38);
168
-
169
167
  --jp-content-link-color: var(--md-blue-700);
170
-
171
- --jp-content-font-family: system-ui, -apple-system, BlinkMacSystemFont,
172
- 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
168
+ --jp-content-font-family: system-ui, -apple-system, blinkmacsystemfont,
169
+ 'Segoe UI', helvetica, arial, sans-serif, 'Apple Color Emoji',
173
170
  'Segoe UI Emoji', 'Segoe UI Symbol';
174
171
 
175
172
  /*
@@ -181,7 +178,7 @@ all of MD as it is not optimized for dense, information rich UIs.
181
178
  --jp-code-font-size: 13px;
182
179
  --jp-code-line-height: 1.3077; /* 17px for 13px base */
183
180
  --jp-code-padding: 5px; /* 5px for 13px base, codemirror highlighting needs integer px value */
184
- --jp-code-font-family-default: Menlo, Consolas, 'DejaVu Sans Mono', monospace;
181
+ --jp-code-font-family-default: menlo, consolas, 'DejaVu Sans Mono', monospace;
185
182
  --jp-code-font-family: var(--jp-code-font-family-default);
186
183
 
187
184
  /* This gives a magnification of about 125% in presentation mode over normal. */
@@ -210,7 +207,7 @@ all of MD as it is not optimized for dense, information rich UIs.
210
207
  * theme these would go from dark to light.
211
208
  */
212
209
 
213
- --jp-inverse-layout-color0: #111111;
210
+ --jp-inverse-layout-color0: #111;
214
211
  --jp-inverse-layout-color1: var(--md-grey-900);
215
212
  --jp-inverse-layout-color2: var(--md-grey-800);
216
213
  --jp-inverse-layout-color3: var(--md-grey-700);
@@ -223,7 +220,6 @@ all of MD as it is not optimized for dense, information rich UIs.
223
220
  --jp-brand-color2: var(--md-blue-300);
224
221
  --jp-brand-color3: var(--md-blue-100);
225
222
  --jp-brand-color4: var(--md-blue-50);
226
-
227
223
  --jp-accent-color0: var(--md-green-900);
228
224
  --jp-accent-color1: var(--md-green-700);
229
225
  --jp-accent-color2: var(--md-green-300);
@@ -235,17 +231,14 @@ all of MD as it is not optimized for dense, information rich UIs.
235
231
  --jp-warn-color1: var(--md-orange-700);
236
232
  --jp-warn-color2: var(--md-orange-300);
237
233
  --jp-warn-color3: var(--md-orange-100);
238
-
239
234
  --jp-error-color0: var(--md-red-900);
240
235
  --jp-error-color1: var(--md-red-700);
241
236
  --jp-error-color2: var(--md-red-300);
242
237
  --jp-error-color3: var(--md-red-100);
243
-
244
238
  --jp-success-color0: var(--md-green-900);
245
239
  --jp-success-color1: var(--md-green-700);
246
240
  --jp-success-color2: var(--md-green-300);
247
241
  --jp-success-color3: var(--md-green-100);
248
-
249
242
  --jp-info-color0: var(--md-cyan-900);
250
243
  --jp-info-color1: var(--md-cyan-700);
251
244
  --jp-info-color2: var(--md-cyan-300);
@@ -254,26 +247,25 @@ all of MD as it is not optimized for dense, information rich UIs.
254
247
  /* Cell specific styles */
255
248
 
256
249
  --jp-cell-padding: 5px;
257
-
258
250
  --jp-cell-collapser-width: 8px;
259
251
  --jp-cell-collapser-min-height: 20px;
260
252
  --jp-cell-collapser-not-active-hover-opacity: 0.6;
261
-
262
253
  --jp-cell-editor-background: var(--md-grey-100);
263
254
  --jp-cell-editor-border-color: var(--md-grey-300);
264
255
  --jp-cell-editor-box-shadow: inset 0 0 2px var(--md-blue-300);
265
256
  --jp-cell-editor-active-background: var(--jp-layout-color0);
266
257
  --jp-cell-editor-active-border-color: var(--jp-brand-color1);
267
-
268
258
  --jp-cell-prompt-width: 64px;
269
259
  --jp-cell-prompt-font-family: var(--jp-code-font-family-default);
270
- --jp-cell-prompt-letter-spacing: 0px;
260
+ --jp-cell-prompt-letter-spacing: 0;
271
261
  --jp-cell-prompt-opacity: 1;
272
262
  --jp-cell-prompt-not-active-opacity: 0.5;
273
263
  --jp-cell-prompt-not-active-font-color: var(--md-grey-700);
264
+
274
265
  /* A custom blend of MD grey and blue 600
275
266
  * See https://meyerweb.com/eric/tools/color-blend/#546E7A:1E88E5:5:hex */
276
267
  --jp-cell-inprompt-font-color: #307fc1;
268
+
277
269
  /* A custom blend of MD grey and orange 600
278
270
  * https://meyerweb.com/eric/tools/color-blend/#546E7A:F4511E:5:hex */
279
271
  --jp-cell-outprompt-font-color: #bf5b3d;
@@ -314,8 +306,8 @@ all of MD as it is not optimized for dense, information rich UIs.
314
306
  --jp-toolbar-border-color: var(--jp-border-color1);
315
307
  --jp-toolbar-micro-height: 8px;
316
308
  --jp-toolbar-background: var(--jp-layout-color1);
317
- --jp-toolbar-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.24);
318
- --jp-toolbar-header-margin: 4px 4px 0px 4px;
309
+ --jp-toolbar-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.24);
310
+ --jp-toolbar-header-margin: 4px 4px 0 4px;
319
311
  --jp-toolbar-active-background: var(--md-grey-300);
320
312
 
321
313
  /* Statusbar specific styles */
@@ -328,7 +320,7 @@ all of MD as it is not optimized for dense, information rich UIs.
328
320
  --jp-input-active-background: var(--jp-layout-color1);
329
321
  --jp-input-hover-background: var(--jp-layout-color1);
330
322
  --jp-input-background: var(--md-grey-100);
331
- --jp-input-border-color: var(--jp-border-color1);
323
+ --jp-input-border-color: var(--jp-inverse-border-color);
332
324
  --jp-input-active-border-color: var(--jp-brand-color1);
333
325
  --jp-input-active-box-shadow-color: rgba(19, 124, 189, 0.3);
334
326
 
@@ -349,11 +341,11 @@ all of MD as it is not optimized for dense, information rich UIs.
349
341
  --jp-mirror-editor-variable-3-color: #085;
350
342
  --jp-mirror-editor-punctuation-color: #05a;
351
343
  --jp-mirror-editor-property-color: #05a;
352
- --jp-mirror-editor-operator-color: #aa22ff;
344
+ --jp-mirror-editor-operator-color: #a2f;
353
345
  --jp-mirror-editor-comment-color: #408080;
354
346
  --jp-mirror-editor-string-color: #ba2121;
355
347
  --jp-mirror-editor-string-2-color: #708;
356
- --jp-mirror-editor-meta-color: #aa22ff;
348
+ --jp-mirror-editor-meta-color: #a2f;
357
349
  --jp-mirror-editor-qualifier-color: #555;
358
350
  --jp-mirror-editor-builtin-color: #008000;
359
351
  --jp-mirror-editor-bracket-color: #997;
@@ -395,11 +387,9 @@ all of MD as it is not optimized for dense, information rich UIs.
395
387
  --jp-accept-color-normal: var(--md-blue-700);
396
388
  --jp-accept-color-hover: var(--md-blue-800);
397
389
  --jp-accept-color-active: var(--md-blue-900);
398
-
399
390
  --jp-warn-color-normal: var(--md-red-700);
400
391
  --jp-warn-color-hover: var(--md-red-800);
401
392
  --jp-warn-color-active: var(--md-red-900);
402
-
403
393
  --jp-reject-color-normal: var(--md-grey-600);
404
394
  --jp-reject-color-hover: var(--md-grey-700);
405
395
  --jp-reject-color-active: var(--md-grey-800);