@calliopelabs/ui 0.12.0 → 0.14.0

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 (80) hide show
  1. package/README.md +68 -3
  2. package/dist/agent/AgentChat.d.ts +56 -0
  3. package/dist/agent/AgentChat.js +76 -0
  4. package/dist/agent/AgentLauncher.d.ts +25 -0
  5. package/dist/agent/AgentLauncher.js +25 -0
  6. package/dist/agent/AgentProvider.d.ts +82 -0
  7. package/dist/agent/AgentProvider.js +176 -0
  8. package/dist/agent/CalliopeAgent.d.ts +43 -0
  9. package/dist/agent/CalliopeAgent.js +111 -0
  10. package/dist/agent/controller.d.ts +148 -0
  11. package/dist/agent/controller.js +463 -0
  12. package/dist/agent/copilotkit/CopilotKitAgentProvider.d.ts +41 -0
  13. package/dist/agent/copilotkit/CopilotKitAgentProvider.js +145 -0
  14. package/dist/agent/copilotkit/index.d.ts +6 -0
  15. package/dist/agent/copilotkit/index.js +6 -0
  16. package/dist/agent/engine.d.ts +41 -0
  17. package/dist/agent/engine.js +93 -0
  18. package/dist/agent/index.d.ts +15 -0
  19. package/dist/agent/index.js +15 -0
  20. package/dist/agent/mock.d.ts +34 -0
  21. package/dist/agent/mock.js +112 -0
  22. package/dist/agent/surface.d.ts +30 -0
  23. package/dist/agent/surface.js +90 -0
  24. package/dist/agent/tool.d.ts +98 -0
  25. package/dist/agent/tool.js +81 -0
  26. package/dist/appearance/brands.d.ts +14 -12
  27. package/dist/appearance/brands.js +18 -51
  28. package/dist/chat/AgentProgress.d.ts +19 -0
  29. package/dist/chat/AgentProgress.js +34 -0
  30. package/dist/chat/Composer.d.ts +31 -0
  31. package/dist/chat/Composer.js +44 -0
  32. package/dist/chat/MessageBubble.d.ts +23 -0
  33. package/dist/chat/MessageBubble.js +26 -0
  34. package/dist/chat/MessageList.d.ts +36 -0
  35. package/dist/chat/MessageList.js +68 -0
  36. package/dist/chat/ModelPicker.d.ts +17 -0
  37. package/dist/chat/ModelPicker.js +13 -0
  38. package/dist/chat/ToolCallCard.d.ts +27 -0
  39. package/dist/chat/ToolCallCard.js +52 -0
  40. package/dist/chat/model.d.ts +123 -0
  41. package/dist/chat/model.js +337 -0
  42. package/dist/chat/patch.d.ts +12 -0
  43. package/dist/chat/patch.js +149 -0
  44. package/dist/chat/useAgUiRun.d.ts +52 -0
  45. package/dist/chat/useAgUiRun.js +137 -0
  46. package/dist/index.d.ts +11 -2
  47. package/dist/index.js +11 -1
  48. package/dist/primitives/Button.d.ts +1 -1
  49. package/dist/provider/messages.d.ts +83 -1
  50. package/dist/provider/messages.js +91 -0
  51. package/dist/theme/mappings/palette.d.ts +52 -0
  52. package/dist/theme/mappings/palette.js +208 -0
  53. package/dist/theme/mappings/render.d.ts +9 -0
  54. package/dist/theme/mappings/render.js +520 -0
  55. package/dist/theme/mappings/targets.d.ts +43 -0
  56. package/dist/theme/mappings/targets.js +222 -0
  57. package/dist/theme/tokens.d.ts +10 -9
  58. package/dist/theme/tokens.generated.d.ts +353 -0
  59. package/dist/theme/tokens.generated.js +357 -0
  60. package/dist/theme/tokens.js +20 -264
  61. package/dist/tokens/README.jupyterlab.md +125 -0
  62. package/dist/tokens/README.md +15 -0
  63. package/dist/tokens/README.native.md +29 -0
  64. package/dist/tokens/README.plain.md +84 -0
  65. package/dist/tokens/README.python.md +33 -0
  66. package/dist/tokens/README.vscode.md +114 -0
  67. package/dist/tokens/jupyterlab.css +1710 -0
  68. package/dist/tokens/plain.css +930 -0
  69. package/dist/tokens/tokens.native.d.ts +85 -0
  70. package/dist/tokens/tokens.native.js +773 -0
  71. package/dist/tokens/tokens.py +1043 -0
  72. package/dist/tokens/vscode.css +1138 -0
  73. package/dist/workflow/canvas/WorkflowCanvas.js +41 -1
  74. package/dist/workflow/definition.d.ts +20 -0
  75. package/dist/workflow/definition.js +44 -0
  76. package/dist/workflow/editor/WorkflowInspector.d.ts +21 -3
  77. package/dist/workflow/editor/WorkflowInspector.js +13 -5
  78. package/dist/workflow/editor/WorkflowWorkspace.d.ts +28 -3
  79. package/dist/workflow/editor/WorkflowWorkspace.js +75 -16
  80. package/package.json +35 -2
@@ -0,0 +1,1710 @@
1
+ /*
2
+ * @calliopelabs/ui tokens for JupyterLab (--jp-*).
3
+ * Generated by `npm run theme` from the design tokens (tokens/*.json). Do not edit by hand.
4
+ *
5
+ * Load after JupyterLab's own theme variables (a theme extension's
6
+ * variables.css, or a stylesheet the server adds to the lab page). With no
7
+ * data-ground, the ground follows JupyterLab's own theme: Black under a dark
8
+ * theme, Paper under a light one (data-jp-theme-light on <body>). Set
9
+ * data-ground (and data-accent) on <html> to choose one. See README.jupyterlab.md.
10
+ */
11
+
12
+ /* Default: Black ground, Green accent */
13
+ :root {
14
+ --jp-border-radius: 2px;
15
+ --jp-ui-font-family: var(--font-plex-sans, "IBM Plex Sans"), system-ui, sans-serif;
16
+ --jp-content-font-family: var(--font-plex-sans, "IBM Plex Sans"), system-ui, sans-serif;
17
+ --jp-code-font-family: var(--font-plex-mono, "IBM Plex Mono"), ui-monospace, SFMono-Regular, Menlo, monospace;
18
+ --jp-layout-color0: #000000;
19
+ --jp-layout-color1: #0a0a0a;
20
+ --jp-layout-color2: #161616;
21
+ --jp-layout-color3: #1b1b1b;
22
+ --jp-layout-color4: #848b88;
23
+ --jp-inverse-layout-color0: #f0f2f1;
24
+ --jp-inverse-layout-color1: #f0f2f1;
25
+ --jp-inverse-layout-color2: #848b88;
26
+ --jp-inverse-layout-color3: #848b88;
27
+ --jp-inverse-layout-color4: #848b88;
28
+ --jp-border-color0: rgba(255, 255, 255, 0.1);
29
+ --jp-border-color1: rgba(255, 255, 255, 0.1);
30
+ --jp-border-color2: rgba(255, 255, 255, 0.1);
31
+ --jp-border-color3: rgba(255, 255, 255, 0.08);
32
+ --jp-inverse-border-color: #848b88;
33
+ --jp-ui-font-color0: #f0f2f1;
34
+ --jp-ui-font-color1: #f0f2f1;
35
+ --jp-ui-font-color2: #848b88;
36
+ --jp-ui-font-color3: #848b88;
37
+ --jp-ui-inverse-font-color0: #04241b;
38
+ --jp-ui-inverse-font-color1: #04241b;
39
+ --jp-ui-inverse-font-color2: #04241b;
40
+ --jp-ui-inverse-font-color3: #04241b;
41
+ --jp-content-font-color0: #f0f2f1;
42
+ --jp-content-font-color1: #f0f2f1;
43
+ --jp-content-font-color2: #848b88;
44
+ --jp-content-font-color3: #848b88;
45
+ --jp-content-link-color: #2f9e52;
46
+ --jp-brand-color0: #2f9e52;
47
+ --jp-brand-color1: #2f9e52;
48
+ --jp-brand-color2: #2f9e52;
49
+ --jp-brand-color3: rgba(47, 158, 82, 0.16);
50
+ --jp-brand-color4: rgba(47, 158, 82, 0.16);
51
+ --jp-accent-color0: #8fd82a;
52
+ --jp-accent-color1: #8fd82a;
53
+ --jp-accent-color2: #8fd82a;
54
+ --jp-accent-color3: #8fd82a;
55
+ --jp-warn-color0: #f0c34e;
56
+ --jp-warn-color1: #f0c34e;
57
+ --jp-warn-color2: rgba(240, 195, 78, 0.35);
58
+ --jp-warn-color3: rgba(240, 195, 78, 0.1);
59
+ --jp-error-color0: #ff8a8a;
60
+ --jp-error-color1: #ff6b6b;
61
+ --jp-error-color2: rgba(255, 107, 107, 0.35);
62
+ --jp-error-color3: rgba(255, 107, 107, 0.1);
63
+ --jp-success-color0: #a6e34d;
64
+ --jp-success-color1: #8fd82a;
65
+ --jp-success-color2: rgba(143, 216, 42, 0.35);
66
+ --jp-success-color3: rgba(143, 216, 42, 0.1);
67
+ --jp-info-color0: #5cbb79;
68
+ --jp-info-color1: #2f9e52;
69
+ --jp-info-color2: rgba(47, 158, 82, 0.4);
70
+ --jp-info-color3: rgba(47, 158, 82, 0.14);
71
+ --jp-cell-editor-background: #111111;
72
+ --jp-cell-editor-border-color: rgba(255, 255, 255, 0.1);
73
+ --jp-cell-editor-active-background: #0a0a0a;
74
+ --jp-cell-editor-active-border-color: #2f9e52;
75
+ --jp-cell-inprompt-font-color: #2f9e52;
76
+ --jp-cell-outprompt-font-color: #e0b34a;
77
+ --jp-notebook-select-background: #1b1b1b;
78
+ --jp-notebook-multiselected-color: rgba(47, 158, 82, 0.16);
79
+ --jp-rendermime-error-background: rgba(255, 107, 107, 0.1);
80
+ --jp-rendermime-table-row-background: #111111;
81
+ --jp-rendermime-table-row-hover-background: #1b1b1b;
82
+ --jp-toolbar-background: #0a0a0a;
83
+ --jp-toolbar-border-color: rgba(255, 255, 255, 0.1);
84
+ --jp-toolbar-active-background: #1b1b1b;
85
+ --jp-input-background: #000000;
86
+ --jp-input-active-background: #000000;
87
+ --jp-input-hover-background: #161616;
88
+ --jp-input-border-color: rgba(255, 255, 255, 0.1);
89
+ --jp-input-active-border-color: #2f9e52;
90
+ --jp-input-active-box-shadow-color: rgba(47, 158, 82, 0.16);
91
+ --jp-editor-selected-background: #1b1b1b;
92
+ --jp-editor-selected-focused-background: rgba(47, 158, 82, 0.16);
93
+ --jp-editor-cursor-color: #f0f2f1;
94
+ --jp-focus-outline-color: #2f9e52;
95
+ --jp-accept-color-normal: #2f9e52;
96
+ --jp-accept-color-hover: #2f9e52;
97
+ --jp-accept-color-active: #2f9e52;
98
+ --jp-accept-color-foreground: #04241b;
99
+ --jp-accept-outline-color: #2f9e52;
100
+ --jp-reject-color-normal: #161616;
101
+ --jp-reject-color-hover: #1b1b1b;
102
+ --jp-reject-color-active: #1b1b1b;
103
+ --jp-reject-color-foreground: #f0f2f1;
104
+ --jp-reject-outline-color: rgba(255, 255, 255, 0.1);
105
+ }
106
+
107
+ /* No data-ground under a light JupyterLab theme: Paper */
108
+ [data-jp-theme-light="true"] {
109
+ --jp-layout-color0: #faf6ee;
110
+ --jp-layout-color1: #fffdf9;
111
+ --jp-layout-color2: #f3eee4;
112
+ --jp-layout-color3: #f0e6da;
113
+ --jp-layout-color4: #5c5b58;
114
+ --jp-inverse-layout-color0: #1e1d1b;
115
+ --jp-inverse-layout-color1: #1e1d1b;
116
+ --jp-inverse-layout-color2: #5c5b58;
117
+ --jp-inverse-layout-color3: #5c5b58;
118
+ --jp-inverse-layout-color4: #5c5b58;
119
+ --jp-border-color0: #dedad2;
120
+ --jp-border-color1: #dedad2;
121
+ --jp-border-color2: #dedad2;
122
+ --jp-border-color3: #dedad2;
123
+ --jp-inverse-border-color: #5c5b58;
124
+ --jp-ui-font-color0: #1e1d1b;
125
+ --jp-ui-font-color1: #1e1d1b;
126
+ --jp-ui-font-color2: #5c5b58;
127
+ --jp-ui-font-color3: #5c5b58;
128
+ --jp-ui-inverse-font-color0: #f3fbf7;
129
+ --jp-ui-inverse-font-color1: #f3fbf7;
130
+ --jp-ui-inverse-font-color2: #f3fbf7;
131
+ --jp-ui-inverse-font-color3: #f3fbf7;
132
+ --jp-content-font-color0: #1e1d1b;
133
+ --jp-content-font-color1: #1e1d1b;
134
+ --jp-content-font-color2: #5c5b58;
135
+ --jp-content-font-color3: #5c5b58;
136
+ --jp-content-link-color: #26803f;
137
+ --jp-brand-color0: #26803f;
138
+ --jp-brand-color1: #26803f;
139
+ --jp-brand-color2: #26803f;
140
+ --jp-brand-color3: #f0e6da;
141
+ --jp-brand-color4: #f0e6da;
142
+ --jp-accent-color0: #5c9c1a;
143
+ --jp-accent-color1: #5c9c1a;
144
+ --jp-accent-color2: #5c9c1a;
145
+ --jp-accent-color3: #5c9c1a;
146
+ --jp-warn-color0: #824c12;
147
+ --jp-warn-color1: #cb7a00;
148
+ --jp-warn-color2: #e8c184;
149
+ --jp-warn-color3: #fef0d4;
150
+ --jp-error-color0: #bb0916;
151
+ --jp-error-color1: #df2225;
152
+ --jp-error-color2: #ffb1aa;
153
+ --jp-error-color3: #ffeae9;
154
+ --jp-success-color0: #305a12;
155
+ --jp-success-color1: #508d23;
156
+ --jp-success-color2: #b4d7a2;
157
+ --jp-success-color3: #e3f5da;
158
+ --jp-info-color0: #1b622d;
159
+ --jp-info-color1: #2f8543;
160
+ --jp-info-color2: #acd8b1;
161
+ --jp-info-color3: #e2f4e3;
162
+ --jp-cell-editor-background: #f3eee4;
163
+ --jp-cell-editor-border-color: #dedad2;
164
+ --jp-cell-editor-active-background: #fffdf9;
165
+ --jp-cell-editor-active-border-color: #26803f;
166
+ --jp-cell-inprompt-font-color: #26803f;
167
+ --jp-cell-outprompt-font-color: #b8860b;
168
+ --jp-notebook-select-background: #f0e6da;
169
+ --jp-notebook-multiselected-color: #f0e6da;
170
+ --jp-rendermime-error-background: #ffeae9;
171
+ --jp-rendermime-table-row-background: #f3eee4;
172
+ --jp-rendermime-table-row-hover-background: #f0e6da;
173
+ --jp-toolbar-background: #fffdf9;
174
+ --jp-toolbar-border-color: #dedad2;
175
+ --jp-toolbar-active-background: #f0e6da;
176
+ --jp-input-background: #faf6ee;
177
+ --jp-input-active-background: #faf6ee;
178
+ --jp-input-hover-background: #f3eee4;
179
+ --jp-input-border-color: #dedad2;
180
+ --jp-input-active-border-color: #26803f;
181
+ --jp-input-active-box-shadow-color: #f0e6da;
182
+ --jp-editor-selected-background: #f0e6da;
183
+ --jp-editor-selected-focused-background: #f0e6da;
184
+ --jp-editor-cursor-color: #1e1d1b;
185
+ --jp-focus-outline-color: #26803f;
186
+ --jp-accept-color-normal: #26803f;
187
+ --jp-accept-color-hover: #26803f;
188
+ --jp-accept-color-active: #26803f;
189
+ --jp-accept-color-foreground: #f3fbf7;
190
+ --jp-accept-outline-color: #26803f;
191
+ --jp-reject-color-normal: #f3eee4;
192
+ --jp-reject-color-hover: #f0e6da;
193
+ --jp-reject-color-active: #f0e6da;
194
+ --jp-reject-color-foreground: #1e1d1b;
195
+ --jp-reject-outline-color: #dedad2;
196
+ }
197
+
198
+ /* Ground: Black (dark) */
199
+ [data-ground="black"],
200
+ [data-ground="black"] [data-jp-theme-light] {
201
+ --jp-layout-color0: #000000;
202
+ --jp-layout-color1: #0a0a0a;
203
+ --jp-layout-color2: #161616;
204
+ --jp-layout-color3: #1b1b1b;
205
+ --jp-layout-color4: #848b88;
206
+ --jp-inverse-layout-color0: #f0f2f1;
207
+ --jp-inverse-layout-color1: #f0f2f1;
208
+ --jp-inverse-layout-color2: #848b88;
209
+ --jp-inverse-layout-color3: #848b88;
210
+ --jp-inverse-layout-color4: #848b88;
211
+ --jp-border-color0: rgba(255, 255, 255, 0.1);
212
+ --jp-border-color1: rgba(255, 255, 255, 0.1);
213
+ --jp-border-color2: rgba(255, 255, 255, 0.1);
214
+ --jp-border-color3: rgba(255, 255, 255, 0.08);
215
+ --jp-inverse-border-color: #848b88;
216
+ --jp-ui-font-color0: #f0f2f1;
217
+ --jp-ui-font-color1: #f0f2f1;
218
+ --jp-ui-font-color2: #848b88;
219
+ --jp-ui-font-color3: #848b88;
220
+ --jp-ui-inverse-font-color0: #04241b;
221
+ --jp-ui-inverse-font-color1: #04241b;
222
+ --jp-ui-inverse-font-color2: #04241b;
223
+ --jp-ui-inverse-font-color3: #04241b;
224
+ --jp-content-font-color0: #f0f2f1;
225
+ --jp-content-font-color1: #f0f2f1;
226
+ --jp-content-font-color2: #848b88;
227
+ --jp-content-font-color3: #848b88;
228
+ --jp-content-link-color: #2f9e52;
229
+ --jp-brand-color0: #2f9e52;
230
+ --jp-brand-color1: #2f9e52;
231
+ --jp-brand-color2: #2f9e52;
232
+ --jp-brand-color3: rgba(47, 158, 82, 0.16);
233
+ --jp-brand-color4: rgba(47, 158, 82, 0.16);
234
+ --jp-accent-color0: #8fd82a;
235
+ --jp-accent-color1: #8fd82a;
236
+ --jp-accent-color2: #8fd82a;
237
+ --jp-accent-color3: #8fd82a;
238
+ --jp-warn-color0: #f0c34e;
239
+ --jp-warn-color1: #f0c34e;
240
+ --jp-warn-color2: rgba(240, 195, 78, 0.35);
241
+ --jp-warn-color3: rgba(240, 195, 78, 0.1);
242
+ --jp-error-color0: #ff8a8a;
243
+ --jp-error-color1: #ff6b6b;
244
+ --jp-error-color2: rgba(255, 107, 107, 0.35);
245
+ --jp-error-color3: rgba(255, 107, 107, 0.1);
246
+ --jp-success-color0: #a6e34d;
247
+ --jp-success-color1: #8fd82a;
248
+ --jp-success-color2: rgba(143, 216, 42, 0.35);
249
+ --jp-success-color3: rgba(143, 216, 42, 0.1);
250
+ --jp-info-color0: #5cbb79;
251
+ --jp-info-color1: #2f9e52;
252
+ --jp-info-color2: rgba(47, 158, 82, 0.4);
253
+ --jp-info-color3: rgba(47, 158, 82, 0.14);
254
+ --jp-cell-editor-background: #111111;
255
+ --jp-cell-editor-border-color: rgba(255, 255, 255, 0.1);
256
+ --jp-cell-editor-active-background: #0a0a0a;
257
+ --jp-cell-editor-active-border-color: #2f9e52;
258
+ --jp-cell-inprompt-font-color: #2f9e52;
259
+ --jp-cell-outprompt-font-color: #e0b34a;
260
+ --jp-notebook-select-background: #1b1b1b;
261
+ --jp-notebook-multiselected-color: rgba(47, 158, 82, 0.16);
262
+ --jp-rendermime-error-background: rgba(255, 107, 107, 0.1);
263
+ --jp-rendermime-table-row-background: #111111;
264
+ --jp-rendermime-table-row-hover-background: #1b1b1b;
265
+ --jp-toolbar-background: #0a0a0a;
266
+ --jp-toolbar-border-color: rgba(255, 255, 255, 0.1);
267
+ --jp-toolbar-active-background: #1b1b1b;
268
+ --jp-input-background: #000000;
269
+ --jp-input-active-background: #000000;
270
+ --jp-input-hover-background: #161616;
271
+ --jp-input-border-color: rgba(255, 255, 255, 0.1);
272
+ --jp-input-active-border-color: #2f9e52;
273
+ --jp-input-active-box-shadow-color: rgba(47, 158, 82, 0.16);
274
+ --jp-editor-selected-background: #1b1b1b;
275
+ --jp-editor-selected-focused-background: rgba(47, 158, 82, 0.16);
276
+ --jp-editor-cursor-color: #f0f2f1;
277
+ --jp-focus-outline-color: #2f9e52;
278
+ --jp-accept-color-normal: #2f9e52;
279
+ --jp-accept-color-hover: #2f9e52;
280
+ --jp-accept-color-active: #2f9e52;
281
+ --jp-accept-color-foreground: #04241b;
282
+ --jp-accept-outline-color: #2f9e52;
283
+ --jp-reject-color-normal: #161616;
284
+ --jp-reject-color-hover: #1b1b1b;
285
+ --jp-reject-color-active: #1b1b1b;
286
+ --jp-reject-color-foreground: #f0f2f1;
287
+ --jp-reject-outline-color: rgba(255, 255, 255, 0.1);
288
+ }
289
+
290
+ /* Accent: Green on Black */
291
+ [data-ground="black"][data-accent="green"],
292
+ [data-ground="black"][data-accent="green"] [data-jp-theme-light] {
293
+ --jp-ui-inverse-font-color0: #04241b;
294
+ --jp-ui-inverse-font-color1: #04241b;
295
+ --jp-ui-inverse-font-color2: #04241b;
296
+ --jp-ui-inverse-font-color3: #04241b;
297
+ --jp-content-link-color: #2f9e52;
298
+ --jp-brand-color0: #2f9e52;
299
+ --jp-brand-color1: #2f9e52;
300
+ --jp-brand-color2: #2f9e52;
301
+ --jp-brand-color3: rgba(47, 158, 82, 0.16);
302
+ --jp-brand-color4: rgba(47, 158, 82, 0.16);
303
+ --jp-cell-editor-active-border-color: #2f9e52;
304
+ --jp-cell-inprompt-font-color: #2f9e52;
305
+ --jp-cell-outprompt-font-color: #e0b34a;
306
+ --jp-notebook-multiselected-color: rgba(47, 158, 82, 0.16);
307
+ --jp-input-active-border-color: #2f9e52;
308
+ --jp-input-active-box-shadow-color: rgba(47, 158, 82, 0.16);
309
+ --jp-editor-selected-focused-background: rgba(47, 158, 82, 0.16);
310
+ --jp-focus-outline-color: #2f9e52;
311
+ --jp-accept-color-normal: #2f9e52;
312
+ --jp-accept-color-hover: #2f9e52;
313
+ --jp-accept-color-active: #2f9e52;
314
+ --jp-accept-color-foreground: #04241b;
315
+ --jp-accept-outline-color: #2f9e52;
316
+ }
317
+
318
+ /* Accent: Copper on Black */
319
+ [data-ground="black"][data-accent="copper"],
320
+ [data-ground="black"][data-accent="copper"] [data-jp-theme-light] {
321
+ --jp-ui-inverse-font-color0: #140a04;
322
+ --jp-ui-inverse-font-color1: #140a04;
323
+ --jp-ui-inverse-font-color2: #140a04;
324
+ --jp-ui-inverse-font-color3: #140a04;
325
+ --jp-content-link-color: #c97b4a;
326
+ --jp-brand-color0: #c97b4a;
327
+ --jp-brand-color1: #c97b4a;
328
+ --jp-brand-color2: #c97b4a;
329
+ --jp-brand-color3: rgba(201, 123, 74, 0.16);
330
+ --jp-brand-color4: rgba(201, 123, 74, 0.16);
331
+ --jp-cell-editor-active-border-color: #c97b4a;
332
+ --jp-cell-inprompt-font-color: #c97b4a;
333
+ --jp-cell-outprompt-font-color: #e0b34a;
334
+ --jp-notebook-multiselected-color: rgba(201, 123, 74, 0.16);
335
+ --jp-input-active-border-color: #c97b4a;
336
+ --jp-input-active-box-shadow-color: rgba(201, 123, 74, 0.16);
337
+ --jp-editor-selected-focused-background: rgba(201, 123, 74, 0.16);
338
+ --jp-focus-outline-color: #c97b4a;
339
+ --jp-accept-color-normal: #c97b4a;
340
+ --jp-accept-color-hover: #c97b4a;
341
+ --jp-accept-color-active: #c97b4a;
342
+ --jp-accept-color-foreground: #140a04;
343
+ --jp-accept-outline-color: #c97b4a;
344
+ }
345
+
346
+ /* Accent: Ice on Black */
347
+ [data-ground="black"][data-accent="ice"],
348
+ [data-ground="black"][data-accent="ice"] [data-jp-theme-light] {
349
+ --jp-ui-inverse-font-color0: #06131c;
350
+ --jp-ui-inverse-font-color1: #06131c;
351
+ --jp-ui-inverse-font-color2: #06131c;
352
+ --jp-ui-inverse-font-color3: #06131c;
353
+ --jp-content-link-color: #6e9fc4;
354
+ --jp-brand-color0: #6e9fc4;
355
+ --jp-brand-color1: #6e9fc4;
356
+ --jp-brand-color2: #6e9fc4;
357
+ --jp-brand-color3: rgba(110, 159, 196, 0.16);
358
+ --jp-brand-color4: rgba(110, 159, 196, 0.16);
359
+ --jp-cell-editor-active-border-color: #6e9fc4;
360
+ --jp-cell-inprompt-font-color: #6e9fc4;
361
+ --jp-cell-outprompt-font-color: #e0b34a;
362
+ --jp-notebook-multiselected-color: rgba(110, 159, 196, 0.16);
363
+ --jp-input-active-border-color: #6e9fc4;
364
+ --jp-input-active-box-shadow-color: rgba(110, 159, 196, 0.16);
365
+ --jp-editor-selected-focused-background: rgba(110, 159, 196, 0.16);
366
+ --jp-focus-outline-color: #6e9fc4;
367
+ --jp-accept-color-normal: #6e9fc4;
368
+ --jp-accept-color-hover: #6e9fc4;
369
+ --jp-accept-color-active: #6e9fc4;
370
+ --jp-accept-color-foreground: #06131c;
371
+ --jp-accept-outline-color: #6e9fc4;
372
+ }
373
+
374
+ /* Accent: Periwinkle on Black */
375
+ [data-ground="black"][data-accent="periwinkle"],
376
+ [data-ground="black"][data-accent="periwinkle"] [data-jp-theme-light] {
377
+ --jp-ui-inverse-font-color0: #0b0c1a;
378
+ --jp-ui-inverse-font-color1: #0b0c1a;
379
+ --jp-ui-inverse-font-color2: #0b0c1a;
380
+ --jp-ui-inverse-font-color3: #0b0c1a;
381
+ --jp-content-link-color: #8b8fd9;
382
+ --jp-brand-color0: #8b8fd9;
383
+ --jp-brand-color1: #8b8fd9;
384
+ --jp-brand-color2: #8b8fd9;
385
+ --jp-brand-color3: rgba(139, 143, 217, 0.16);
386
+ --jp-brand-color4: rgba(139, 143, 217, 0.16);
387
+ --jp-cell-editor-active-border-color: #8b8fd9;
388
+ --jp-cell-inprompt-font-color: #8b8fd9;
389
+ --jp-cell-outprompt-font-color: #e0b34a;
390
+ --jp-notebook-multiselected-color: rgba(139, 143, 217, 0.16);
391
+ --jp-input-active-border-color: #8b8fd9;
392
+ --jp-input-active-box-shadow-color: rgba(139, 143, 217, 0.16);
393
+ --jp-editor-selected-focused-background: rgba(139, 143, 217, 0.16);
394
+ --jp-focus-outline-color: #8b8fd9;
395
+ --jp-accept-color-normal: #8b8fd9;
396
+ --jp-accept-color-hover: #8b8fd9;
397
+ --jp-accept-color-active: #8b8fd9;
398
+ --jp-accept-color-foreground: #0b0c1a;
399
+ --jp-accept-outline-color: #8b8fd9;
400
+ }
401
+
402
+ /* Accent: Amber on Black */
403
+ [data-ground="black"][data-accent="amber"],
404
+ [data-ground="black"][data-accent="amber"] [data-jp-theme-light] {
405
+ --jp-ui-inverse-font-color0: #1a1204;
406
+ --jp-ui-inverse-font-color1: #1a1204;
407
+ --jp-ui-inverse-font-color2: #1a1204;
408
+ --jp-ui-inverse-font-color3: #1a1204;
409
+ --jp-content-link-color: #e0b34a;
410
+ --jp-brand-color0: #e0b34a;
411
+ --jp-brand-color1: #e0b34a;
412
+ --jp-brand-color2: #e0b34a;
413
+ --jp-brand-color3: rgba(224, 179, 74, 0.16);
414
+ --jp-brand-color4: rgba(224, 179, 74, 0.16);
415
+ --jp-cell-editor-active-border-color: #e0b34a;
416
+ --jp-cell-inprompt-font-color: #e0b34a;
417
+ --jp-cell-outprompt-font-color: #c97b4a;
418
+ --jp-notebook-multiselected-color: rgba(224, 179, 74, 0.16);
419
+ --jp-input-active-border-color: #e0b34a;
420
+ --jp-input-active-box-shadow-color: rgba(224, 179, 74, 0.16);
421
+ --jp-editor-selected-focused-background: rgba(224, 179, 74, 0.16);
422
+ --jp-focus-outline-color: #e0b34a;
423
+ --jp-accept-color-normal: #e0b34a;
424
+ --jp-accept-color-hover: #e0b34a;
425
+ --jp-accept-color-active: #e0b34a;
426
+ --jp-accept-color-foreground: #1a1204;
427
+ --jp-accept-outline-color: #e0b34a;
428
+ }
429
+
430
+ /* Ground: Charcoal (dark) */
431
+ [data-ground="charcoal"],
432
+ [data-ground="charcoal"] [data-jp-theme-light] {
433
+ --jp-layout-color0: #0e0f10;
434
+ --jp-layout-color1: #161819;
435
+ --jp-layout-color2: #202325;
436
+ --jp-layout-color3: #232628;
437
+ --jp-layout-color4: #8b9194;
438
+ --jp-inverse-layout-color0: #f0f2f1;
439
+ --jp-inverse-layout-color1: #f0f2f1;
440
+ --jp-inverse-layout-color2: #8b9194;
441
+ --jp-inverse-layout-color3: #8b9194;
442
+ --jp-inverse-layout-color4: #8b9194;
443
+ --jp-border-color0: rgba(255, 255, 255, 0.1);
444
+ --jp-border-color1: rgba(255, 255, 255, 0.1);
445
+ --jp-border-color2: rgba(255, 255, 255, 0.1);
446
+ --jp-border-color3: rgba(255, 255, 255, 0.08);
447
+ --jp-inverse-border-color: #8b9194;
448
+ --jp-ui-font-color0: #f0f2f1;
449
+ --jp-ui-font-color1: #f0f2f1;
450
+ --jp-ui-font-color2: #8b9194;
451
+ --jp-ui-font-color3: #8b9194;
452
+ --jp-ui-inverse-font-color0: #04241b;
453
+ --jp-ui-inverse-font-color1: #04241b;
454
+ --jp-ui-inverse-font-color2: #04241b;
455
+ --jp-ui-inverse-font-color3: #04241b;
456
+ --jp-content-font-color0: #f0f2f1;
457
+ --jp-content-font-color1: #f0f2f1;
458
+ --jp-content-font-color2: #8b9194;
459
+ --jp-content-font-color3: #8b9194;
460
+ --jp-content-link-color: #2f9e52;
461
+ --jp-brand-color0: #2f9e52;
462
+ --jp-brand-color1: #2f9e52;
463
+ --jp-brand-color2: #2f9e52;
464
+ --jp-brand-color3: rgba(47, 158, 82, 0.16);
465
+ --jp-brand-color4: rgba(47, 158, 82, 0.16);
466
+ --jp-accent-color0: #8fd82a;
467
+ --jp-accent-color1: #8fd82a;
468
+ --jp-accent-color2: #8fd82a;
469
+ --jp-accent-color3: #8fd82a;
470
+ --jp-warn-color0: #f0c34e;
471
+ --jp-warn-color1: #f0c34e;
472
+ --jp-warn-color2: rgba(240, 195, 78, 0.35);
473
+ --jp-warn-color3: rgba(240, 195, 78, 0.1);
474
+ --jp-error-color0: #ff8a8a;
475
+ --jp-error-color1: #ff6b6b;
476
+ --jp-error-color2: rgba(255, 107, 107, 0.35);
477
+ --jp-error-color3: rgba(255, 107, 107, 0.1);
478
+ --jp-success-color0: #a6e34d;
479
+ --jp-success-color1: #8fd82a;
480
+ --jp-success-color2: rgba(143, 216, 42, 0.35);
481
+ --jp-success-color3: rgba(143, 216, 42, 0.1);
482
+ --jp-info-color0: #5cbb79;
483
+ --jp-info-color1: #2f9e52;
484
+ --jp-info-color2: rgba(47, 158, 82, 0.4);
485
+ --jp-info-color3: rgba(47, 158, 82, 0.14);
486
+ --jp-cell-editor-background: #191b1c;
487
+ --jp-cell-editor-border-color: rgba(255, 255, 255, 0.1);
488
+ --jp-cell-editor-active-background: #161819;
489
+ --jp-cell-editor-active-border-color: #2f9e52;
490
+ --jp-cell-inprompt-font-color: #2f9e52;
491
+ --jp-cell-outprompt-font-color: #e0b34a;
492
+ --jp-notebook-select-background: #232628;
493
+ --jp-notebook-multiselected-color: rgba(47, 158, 82, 0.16);
494
+ --jp-rendermime-error-background: rgba(255, 107, 107, 0.1);
495
+ --jp-rendermime-table-row-background: #191b1c;
496
+ --jp-rendermime-table-row-hover-background: #232628;
497
+ --jp-toolbar-background: #161819;
498
+ --jp-toolbar-border-color: rgba(255, 255, 255, 0.1);
499
+ --jp-toolbar-active-background: #232628;
500
+ --jp-input-background: #0e0f10;
501
+ --jp-input-active-background: #0e0f10;
502
+ --jp-input-hover-background: #202325;
503
+ --jp-input-border-color: rgba(255, 255, 255, 0.1);
504
+ --jp-input-active-border-color: #2f9e52;
505
+ --jp-input-active-box-shadow-color: rgba(47, 158, 82, 0.16);
506
+ --jp-editor-selected-background: #232628;
507
+ --jp-editor-selected-focused-background: rgba(47, 158, 82, 0.16);
508
+ --jp-editor-cursor-color: #f0f2f1;
509
+ --jp-focus-outline-color: #2f9e52;
510
+ --jp-accept-color-normal: #2f9e52;
511
+ --jp-accept-color-hover: #2f9e52;
512
+ --jp-accept-color-active: #2f9e52;
513
+ --jp-accept-color-foreground: #04241b;
514
+ --jp-accept-outline-color: #2f9e52;
515
+ --jp-reject-color-normal: #202325;
516
+ --jp-reject-color-hover: #232628;
517
+ --jp-reject-color-active: #232628;
518
+ --jp-reject-color-foreground: #f0f2f1;
519
+ --jp-reject-outline-color: rgba(255, 255, 255, 0.1);
520
+ }
521
+
522
+ /* Accent: Green on Charcoal */
523
+ [data-ground="charcoal"][data-accent="green"],
524
+ [data-ground="charcoal"][data-accent="green"] [data-jp-theme-light] {
525
+ --jp-ui-inverse-font-color0: #04241b;
526
+ --jp-ui-inverse-font-color1: #04241b;
527
+ --jp-ui-inverse-font-color2: #04241b;
528
+ --jp-ui-inverse-font-color3: #04241b;
529
+ --jp-content-link-color: #2f9e52;
530
+ --jp-brand-color0: #2f9e52;
531
+ --jp-brand-color1: #2f9e52;
532
+ --jp-brand-color2: #2f9e52;
533
+ --jp-brand-color3: rgba(47, 158, 82, 0.16);
534
+ --jp-brand-color4: rgba(47, 158, 82, 0.16);
535
+ --jp-cell-editor-active-border-color: #2f9e52;
536
+ --jp-cell-inprompt-font-color: #2f9e52;
537
+ --jp-cell-outprompt-font-color: #e0b34a;
538
+ --jp-notebook-multiselected-color: rgba(47, 158, 82, 0.16);
539
+ --jp-input-active-border-color: #2f9e52;
540
+ --jp-input-active-box-shadow-color: rgba(47, 158, 82, 0.16);
541
+ --jp-editor-selected-focused-background: rgba(47, 158, 82, 0.16);
542
+ --jp-focus-outline-color: #2f9e52;
543
+ --jp-accept-color-normal: #2f9e52;
544
+ --jp-accept-color-hover: #2f9e52;
545
+ --jp-accept-color-active: #2f9e52;
546
+ --jp-accept-color-foreground: #04241b;
547
+ --jp-accept-outline-color: #2f9e52;
548
+ }
549
+
550
+ /* Accent: Copper on Charcoal */
551
+ [data-ground="charcoal"][data-accent="copper"],
552
+ [data-ground="charcoal"][data-accent="copper"] [data-jp-theme-light] {
553
+ --jp-ui-inverse-font-color0: #140a04;
554
+ --jp-ui-inverse-font-color1: #140a04;
555
+ --jp-ui-inverse-font-color2: #140a04;
556
+ --jp-ui-inverse-font-color3: #140a04;
557
+ --jp-content-link-color: #c97b4a;
558
+ --jp-brand-color0: #c97b4a;
559
+ --jp-brand-color1: #c97b4a;
560
+ --jp-brand-color2: #c97b4a;
561
+ --jp-brand-color3: rgba(201, 123, 74, 0.16);
562
+ --jp-brand-color4: rgba(201, 123, 74, 0.16);
563
+ --jp-cell-editor-active-border-color: #c97b4a;
564
+ --jp-cell-inprompt-font-color: #c97b4a;
565
+ --jp-cell-outprompt-font-color: #e0b34a;
566
+ --jp-notebook-multiselected-color: rgba(201, 123, 74, 0.16);
567
+ --jp-input-active-border-color: #c97b4a;
568
+ --jp-input-active-box-shadow-color: rgba(201, 123, 74, 0.16);
569
+ --jp-editor-selected-focused-background: rgba(201, 123, 74, 0.16);
570
+ --jp-focus-outline-color: #c97b4a;
571
+ --jp-accept-color-normal: #c97b4a;
572
+ --jp-accept-color-hover: #c97b4a;
573
+ --jp-accept-color-active: #c97b4a;
574
+ --jp-accept-color-foreground: #140a04;
575
+ --jp-accept-outline-color: #c97b4a;
576
+ }
577
+
578
+ /* Accent: Ice on Charcoal */
579
+ [data-ground="charcoal"][data-accent="ice"],
580
+ [data-ground="charcoal"][data-accent="ice"] [data-jp-theme-light] {
581
+ --jp-ui-inverse-font-color0: #06131c;
582
+ --jp-ui-inverse-font-color1: #06131c;
583
+ --jp-ui-inverse-font-color2: #06131c;
584
+ --jp-ui-inverse-font-color3: #06131c;
585
+ --jp-content-link-color: #6e9fc4;
586
+ --jp-brand-color0: #6e9fc4;
587
+ --jp-brand-color1: #6e9fc4;
588
+ --jp-brand-color2: #6e9fc4;
589
+ --jp-brand-color3: rgba(110, 159, 196, 0.16);
590
+ --jp-brand-color4: rgba(110, 159, 196, 0.16);
591
+ --jp-cell-editor-active-border-color: #6e9fc4;
592
+ --jp-cell-inprompt-font-color: #6e9fc4;
593
+ --jp-cell-outprompt-font-color: #e0b34a;
594
+ --jp-notebook-multiselected-color: rgba(110, 159, 196, 0.16);
595
+ --jp-input-active-border-color: #6e9fc4;
596
+ --jp-input-active-box-shadow-color: rgba(110, 159, 196, 0.16);
597
+ --jp-editor-selected-focused-background: rgba(110, 159, 196, 0.16);
598
+ --jp-focus-outline-color: #6e9fc4;
599
+ --jp-accept-color-normal: #6e9fc4;
600
+ --jp-accept-color-hover: #6e9fc4;
601
+ --jp-accept-color-active: #6e9fc4;
602
+ --jp-accept-color-foreground: #06131c;
603
+ --jp-accept-outline-color: #6e9fc4;
604
+ }
605
+
606
+ /* Accent: Periwinkle on Charcoal */
607
+ [data-ground="charcoal"][data-accent="periwinkle"],
608
+ [data-ground="charcoal"][data-accent="periwinkle"] [data-jp-theme-light] {
609
+ --jp-ui-inverse-font-color0: #0b0c1a;
610
+ --jp-ui-inverse-font-color1: #0b0c1a;
611
+ --jp-ui-inverse-font-color2: #0b0c1a;
612
+ --jp-ui-inverse-font-color3: #0b0c1a;
613
+ --jp-content-link-color: #8b8fd9;
614
+ --jp-brand-color0: #8b8fd9;
615
+ --jp-brand-color1: #8b8fd9;
616
+ --jp-brand-color2: #8b8fd9;
617
+ --jp-brand-color3: rgba(139, 143, 217, 0.16);
618
+ --jp-brand-color4: rgba(139, 143, 217, 0.16);
619
+ --jp-cell-editor-active-border-color: #8b8fd9;
620
+ --jp-cell-inprompt-font-color: #8b8fd9;
621
+ --jp-cell-outprompt-font-color: #e0b34a;
622
+ --jp-notebook-multiselected-color: rgba(139, 143, 217, 0.16);
623
+ --jp-input-active-border-color: #8b8fd9;
624
+ --jp-input-active-box-shadow-color: rgba(139, 143, 217, 0.16);
625
+ --jp-editor-selected-focused-background: rgba(139, 143, 217, 0.16);
626
+ --jp-focus-outline-color: #8b8fd9;
627
+ --jp-accept-color-normal: #8b8fd9;
628
+ --jp-accept-color-hover: #8b8fd9;
629
+ --jp-accept-color-active: #8b8fd9;
630
+ --jp-accept-color-foreground: #0b0c1a;
631
+ --jp-accept-outline-color: #8b8fd9;
632
+ }
633
+
634
+ /* Accent: Amber on Charcoal */
635
+ [data-ground="charcoal"][data-accent="amber"],
636
+ [data-ground="charcoal"][data-accent="amber"] [data-jp-theme-light] {
637
+ --jp-ui-inverse-font-color0: #1a1204;
638
+ --jp-ui-inverse-font-color1: #1a1204;
639
+ --jp-ui-inverse-font-color2: #1a1204;
640
+ --jp-ui-inverse-font-color3: #1a1204;
641
+ --jp-content-link-color: #e0b34a;
642
+ --jp-brand-color0: #e0b34a;
643
+ --jp-brand-color1: #e0b34a;
644
+ --jp-brand-color2: #e0b34a;
645
+ --jp-brand-color3: rgba(224, 179, 74, 0.16);
646
+ --jp-brand-color4: rgba(224, 179, 74, 0.16);
647
+ --jp-cell-editor-active-border-color: #e0b34a;
648
+ --jp-cell-inprompt-font-color: #e0b34a;
649
+ --jp-cell-outprompt-font-color: #c97b4a;
650
+ --jp-notebook-multiselected-color: rgba(224, 179, 74, 0.16);
651
+ --jp-input-active-border-color: #e0b34a;
652
+ --jp-input-active-box-shadow-color: rgba(224, 179, 74, 0.16);
653
+ --jp-editor-selected-focused-background: rgba(224, 179, 74, 0.16);
654
+ --jp-focus-outline-color: #e0b34a;
655
+ --jp-accept-color-normal: #e0b34a;
656
+ --jp-accept-color-hover: #e0b34a;
657
+ --jp-accept-color-active: #e0b34a;
658
+ --jp-accept-color-foreground: #1a1204;
659
+ --jp-accept-outline-color: #e0b34a;
660
+ }
661
+
662
+ /* Ground: Graphite (dark) */
663
+ [data-ground="graphite"],
664
+ [data-ground="graphite"] [data-jp-theme-light] {
665
+ --jp-layout-color0: #111214;
666
+ --jp-layout-color1: #18191b;
667
+ --jp-layout-color2: #222326;
668
+ --jp-layout-color3: #26272a;
669
+ --jp-layout-color4: #8e9296;
670
+ --jp-inverse-layout-color0: #f0f2f1;
671
+ --jp-inverse-layout-color1: #f0f2f1;
672
+ --jp-inverse-layout-color2: #8e9296;
673
+ --jp-inverse-layout-color3: #8e9296;
674
+ --jp-inverse-layout-color4: #8e9296;
675
+ --jp-border-color0: rgba(255, 255, 255, 0.1);
676
+ --jp-border-color1: rgba(255, 255, 255, 0.09);
677
+ --jp-border-color2: rgba(255, 255, 255, 0.09);
678
+ --jp-border-color3: rgba(255, 255, 255, 0.07);
679
+ --jp-inverse-border-color: #8e9296;
680
+ --jp-ui-font-color0: #f0f2f1;
681
+ --jp-ui-font-color1: #f0f2f1;
682
+ --jp-ui-font-color2: #8e9296;
683
+ --jp-ui-font-color3: #8e9296;
684
+ --jp-ui-inverse-font-color0: #04241b;
685
+ --jp-ui-inverse-font-color1: #04241b;
686
+ --jp-ui-inverse-font-color2: #04241b;
687
+ --jp-ui-inverse-font-color3: #04241b;
688
+ --jp-content-font-color0: #f0f2f1;
689
+ --jp-content-font-color1: #f0f2f1;
690
+ --jp-content-font-color2: #8e9296;
691
+ --jp-content-font-color3: #8e9296;
692
+ --jp-content-link-color: #2f9e52;
693
+ --jp-brand-color0: #2f9e52;
694
+ --jp-brand-color1: #2f9e52;
695
+ --jp-brand-color2: #2f9e52;
696
+ --jp-brand-color3: rgba(47, 158, 82, 0.14);
697
+ --jp-brand-color4: rgba(47, 158, 82, 0.14);
698
+ --jp-accent-color0: #8fd82a;
699
+ --jp-accent-color1: #8fd82a;
700
+ --jp-accent-color2: #8fd82a;
701
+ --jp-accent-color3: #8fd82a;
702
+ --jp-warn-color0: #f0c34e;
703
+ --jp-warn-color1: #f0c34e;
704
+ --jp-warn-color2: rgba(240, 195, 78, 0.35);
705
+ --jp-warn-color3: rgba(240, 195, 78, 0.1);
706
+ --jp-error-color0: #ff8a8a;
707
+ --jp-error-color1: #ff6b6b;
708
+ --jp-error-color2: rgba(255, 107, 107, 0.35);
709
+ --jp-error-color3: rgba(255, 107, 107, 0.1);
710
+ --jp-success-color0: #a6e34d;
711
+ --jp-success-color1: #8fd82a;
712
+ --jp-success-color2: rgba(143, 216, 42, 0.35);
713
+ --jp-success-color3: rgba(143, 216, 42, 0.1);
714
+ --jp-info-color0: #5cbb79;
715
+ --jp-info-color1: #2f9e52;
716
+ --jp-info-color2: rgba(47, 158, 82, 0.4);
717
+ --jp-info-color3: rgba(47, 158, 82, 0.14);
718
+ --jp-cell-editor-background: #1b1c1e;
719
+ --jp-cell-editor-border-color: rgba(255, 255, 255, 0.09);
720
+ --jp-cell-editor-active-background: #18191b;
721
+ --jp-cell-editor-active-border-color: #2f9e52;
722
+ --jp-cell-inprompt-font-color: #2f9e52;
723
+ --jp-cell-outprompt-font-color: #e0b34a;
724
+ --jp-notebook-select-background: #26272a;
725
+ --jp-notebook-multiselected-color: rgba(47, 158, 82, 0.14);
726
+ --jp-rendermime-error-background: rgba(255, 107, 107, 0.1);
727
+ --jp-rendermime-table-row-background: #1b1c1e;
728
+ --jp-rendermime-table-row-hover-background: #26272a;
729
+ --jp-toolbar-background: #18191b;
730
+ --jp-toolbar-border-color: rgba(255, 255, 255, 0.09);
731
+ --jp-toolbar-active-background: #26272a;
732
+ --jp-input-background: #111214;
733
+ --jp-input-active-background: #111214;
734
+ --jp-input-hover-background: #222326;
735
+ --jp-input-border-color: rgba(255, 255, 255, 0.1);
736
+ --jp-input-active-border-color: #2f9e52;
737
+ --jp-input-active-box-shadow-color: rgba(47, 158, 82, 0.14);
738
+ --jp-editor-selected-background: #26272a;
739
+ --jp-editor-selected-focused-background: rgba(47, 158, 82, 0.14);
740
+ --jp-editor-cursor-color: #f0f2f1;
741
+ --jp-focus-outline-color: #2f9e52;
742
+ --jp-accept-color-normal: #2f9e52;
743
+ --jp-accept-color-hover: #2f9e52;
744
+ --jp-accept-color-active: #2f9e52;
745
+ --jp-accept-color-foreground: #04241b;
746
+ --jp-accept-outline-color: #2f9e52;
747
+ --jp-reject-color-normal: #222326;
748
+ --jp-reject-color-hover: #26272a;
749
+ --jp-reject-color-active: #26272a;
750
+ --jp-reject-color-foreground: #f0f2f1;
751
+ --jp-reject-outline-color: rgba(255, 255, 255, 0.09);
752
+ }
753
+
754
+ /* Accent: Green on Graphite */
755
+ [data-ground="graphite"][data-accent="green"],
756
+ [data-ground="graphite"][data-accent="green"] [data-jp-theme-light] {
757
+ --jp-ui-inverse-font-color0: #04241b;
758
+ --jp-ui-inverse-font-color1: #04241b;
759
+ --jp-ui-inverse-font-color2: #04241b;
760
+ --jp-ui-inverse-font-color3: #04241b;
761
+ --jp-content-link-color: #2f9e52;
762
+ --jp-brand-color0: #2f9e52;
763
+ --jp-brand-color1: #2f9e52;
764
+ --jp-brand-color2: #2f9e52;
765
+ --jp-brand-color3: rgba(47, 158, 82, 0.14);
766
+ --jp-brand-color4: rgba(47, 158, 82, 0.14);
767
+ --jp-cell-editor-active-border-color: #2f9e52;
768
+ --jp-cell-inprompt-font-color: #2f9e52;
769
+ --jp-cell-outprompt-font-color: #e0b34a;
770
+ --jp-notebook-multiselected-color: rgba(47, 158, 82, 0.14);
771
+ --jp-input-active-border-color: #2f9e52;
772
+ --jp-input-active-box-shadow-color: rgba(47, 158, 82, 0.14);
773
+ --jp-editor-selected-focused-background: rgba(47, 158, 82, 0.14);
774
+ --jp-focus-outline-color: #2f9e52;
775
+ --jp-accept-color-normal: #2f9e52;
776
+ --jp-accept-color-hover: #2f9e52;
777
+ --jp-accept-color-active: #2f9e52;
778
+ --jp-accept-color-foreground: #04241b;
779
+ --jp-accept-outline-color: #2f9e52;
780
+ }
781
+
782
+ /* Accent: Copper on Graphite */
783
+ [data-ground="graphite"][data-accent="copper"],
784
+ [data-ground="graphite"][data-accent="copper"] [data-jp-theme-light] {
785
+ --jp-ui-inverse-font-color0: #140a04;
786
+ --jp-ui-inverse-font-color1: #140a04;
787
+ --jp-ui-inverse-font-color2: #140a04;
788
+ --jp-ui-inverse-font-color3: #140a04;
789
+ --jp-content-link-color: #c97b4a;
790
+ --jp-brand-color0: #c97b4a;
791
+ --jp-brand-color1: #c97b4a;
792
+ --jp-brand-color2: #c97b4a;
793
+ --jp-brand-color3: rgba(201, 123, 74, 0.14);
794
+ --jp-brand-color4: rgba(201, 123, 74, 0.14);
795
+ --jp-cell-editor-active-border-color: #c97b4a;
796
+ --jp-cell-inprompt-font-color: #c97b4a;
797
+ --jp-cell-outprompt-font-color: #e0b34a;
798
+ --jp-notebook-multiselected-color: rgba(201, 123, 74, 0.14);
799
+ --jp-input-active-border-color: #c97b4a;
800
+ --jp-input-active-box-shadow-color: rgba(201, 123, 74, 0.14);
801
+ --jp-editor-selected-focused-background: rgba(201, 123, 74, 0.14);
802
+ --jp-focus-outline-color: #c97b4a;
803
+ --jp-accept-color-normal: #c97b4a;
804
+ --jp-accept-color-hover: #c97b4a;
805
+ --jp-accept-color-active: #c97b4a;
806
+ --jp-accept-color-foreground: #140a04;
807
+ --jp-accept-outline-color: #c97b4a;
808
+ }
809
+
810
+ /* Accent: Ice on Graphite */
811
+ [data-ground="graphite"][data-accent="ice"],
812
+ [data-ground="graphite"][data-accent="ice"] [data-jp-theme-light] {
813
+ --jp-ui-inverse-font-color0: #06131c;
814
+ --jp-ui-inverse-font-color1: #06131c;
815
+ --jp-ui-inverse-font-color2: #06131c;
816
+ --jp-ui-inverse-font-color3: #06131c;
817
+ --jp-content-link-color: #6e9fc4;
818
+ --jp-brand-color0: #6e9fc4;
819
+ --jp-brand-color1: #6e9fc4;
820
+ --jp-brand-color2: #6e9fc4;
821
+ --jp-brand-color3: rgba(110, 159, 196, 0.14);
822
+ --jp-brand-color4: rgba(110, 159, 196, 0.14);
823
+ --jp-cell-editor-active-border-color: #6e9fc4;
824
+ --jp-cell-inprompt-font-color: #6e9fc4;
825
+ --jp-cell-outprompt-font-color: #e0b34a;
826
+ --jp-notebook-multiselected-color: rgba(110, 159, 196, 0.14);
827
+ --jp-input-active-border-color: #6e9fc4;
828
+ --jp-input-active-box-shadow-color: rgba(110, 159, 196, 0.14);
829
+ --jp-editor-selected-focused-background: rgba(110, 159, 196, 0.14);
830
+ --jp-focus-outline-color: #6e9fc4;
831
+ --jp-accept-color-normal: #6e9fc4;
832
+ --jp-accept-color-hover: #6e9fc4;
833
+ --jp-accept-color-active: #6e9fc4;
834
+ --jp-accept-color-foreground: #06131c;
835
+ --jp-accept-outline-color: #6e9fc4;
836
+ }
837
+
838
+ /* Accent: Periwinkle on Graphite */
839
+ [data-ground="graphite"][data-accent="periwinkle"],
840
+ [data-ground="graphite"][data-accent="periwinkle"] [data-jp-theme-light] {
841
+ --jp-ui-inverse-font-color0: #0b0c1a;
842
+ --jp-ui-inverse-font-color1: #0b0c1a;
843
+ --jp-ui-inverse-font-color2: #0b0c1a;
844
+ --jp-ui-inverse-font-color3: #0b0c1a;
845
+ --jp-content-link-color: #8b8fd9;
846
+ --jp-brand-color0: #8b8fd9;
847
+ --jp-brand-color1: #8b8fd9;
848
+ --jp-brand-color2: #8b8fd9;
849
+ --jp-brand-color3: rgba(139, 143, 217, 0.14);
850
+ --jp-brand-color4: rgba(139, 143, 217, 0.14);
851
+ --jp-cell-editor-active-border-color: #8b8fd9;
852
+ --jp-cell-inprompt-font-color: #8b8fd9;
853
+ --jp-cell-outprompt-font-color: #e0b34a;
854
+ --jp-notebook-multiselected-color: rgba(139, 143, 217, 0.14);
855
+ --jp-input-active-border-color: #8b8fd9;
856
+ --jp-input-active-box-shadow-color: rgba(139, 143, 217, 0.14);
857
+ --jp-editor-selected-focused-background: rgba(139, 143, 217, 0.14);
858
+ --jp-focus-outline-color: #8b8fd9;
859
+ --jp-accept-color-normal: #8b8fd9;
860
+ --jp-accept-color-hover: #8b8fd9;
861
+ --jp-accept-color-active: #8b8fd9;
862
+ --jp-accept-color-foreground: #0b0c1a;
863
+ --jp-accept-outline-color: #8b8fd9;
864
+ }
865
+
866
+ /* Accent: Amber on Graphite */
867
+ [data-ground="graphite"][data-accent="amber"],
868
+ [data-ground="graphite"][data-accent="amber"] [data-jp-theme-light] {
869
+ --jp-ui-inverse-font-color0: #1a1204;
870
+ --jp-ui-inverse-font-color1: #1a1204;
871
+ --jp-ui-inverse-font-color2: #1a1204;
872
+ --jp-ui-inverse-font-color3: #1a1204;
873
+ --jp-content-link-color: #e0b34a;
874
+ --jp-brand-color0: #e0b34a;
875
+ --jp-brand-color1: #e0b34a;
876
+ --jp-brand-color2: #e0b34a;
877
+ --jp-brand-color3: rgba(224, 179, 74, 0.14);
878
+ --jp-brand-color4: rgba(224, 179, 74, 0.14);
879
+ --jp-cell-editor-active-border-color: #e0b34a;
880
+ --jp-cell-inprompt-font-color: #e0b34a;
881
+ --jp-cell-outprompt-font-color: #c97b4a;
882
+ --jp-notebook-multiselected-color: rgba(224, 179, 74, 0.14);
883
+ --jp-input-active-border-color: #e0b34a;
884
+ --jp-input-active-box-shadow-color: rgba(224, 179, 74, 0.14);
885
+ --jp-editor-selected-focused-background: rgba(224, 179, 74, 0.14);
886
+ --jp-focus-outline-color: #e0b34a;
887
+ --jp-accept-color-normal: #e0b34a;
888
+ --jp-accept-color-hover: #e0b34a;
889
+ --jp-accept-color-active: #e0b34a;
890
+ --jp-accept-color-foreground: #1a1204;
891
+ --jp-accept-outline-color: #e0b34a;
892
+ }
893
+
894
+ /* Ground: Emerald (dark) */
895
+ [data-ground="emerald"],
896
+ [data-ground="emerald"] [data-jp-theme-light] {
897
+ --jp-layout-color0: #050b08;
898
+ --jp-layout-color1: #0a1310;
899
+ --jp-layout-color2: #121d18;
900
+ --jp-layout-color3: #16261f;
901
+ --jp-layout-color4: #8ba199;
902
+ --jp-inverse-layout-color0: #f0f2f1;
903
+ --jp-inverse-layout-color1: #f0f2f1;
904
+ --jp-inverse-layout-color2: #8ba199;
905
+ --jp-inverse-layout-color3: #8ba199;
906
+ --jp-inverse-layout-color4: #8ba199;
907
+ --jp-border-color0: rgba(255, 255, 255, 0.1);
908
+ --jp-border-color1: rgba(255, 255, 255, 0.1);
909
+ --jp-border-color2: rgba(255, 255, 255, 0.1);
910
+ --jp-border-color3: rgba(255, 255, 255, 0.08);
911
+ --jp-inverse-border-color: #8ba199;
912
+ --jp-ui-font-color0: #f0f2f1;
913
+ --jp-ui-font-color1: #f0f2f1;
914
+ --jp-ui-font-color2: #8ba199;
915
+ --jp-ui-font-color3: #8ba199;
916
+ --jp-ui-inverse-font-color0: #04241b;
917
+ --jp-ui-inverse-font-color1: #04241b;
918
+ --jp-ui-inverse-font-color2: #04241b;
919
+ --jp-ui-inverse-font-color3: #04241b;
920
+ --jp-content-font-color0: #f0f2f1;
921
+ --jp-content-font-color1: #f0f2f1;
922
+ --jp-content-font-color2: #8ba199;
923
+ --jp-content-font-color3: #8ba199;
924
+ --jp-content-link-color: #2f9e52;
925
+ --jp-brand-color0: #2f9e52;
926
+ --jp-brand-color1: #2f9e52;
927
+ --jp-brand-color2: #2f9e52;
928
+ --jp-brand-color3: rgba(47, 158, 82, 0.16);
929
+ --jp-brand-color4: rgba(47, 158, 82, 0.16);
930
+ --jp-accent-color0: #8fd82a;
931
+ --jp-accent-color1: #8fd82a;
932
+ --jp-accent-color2: #8fd82a;
933
+ --jp-accent-color3: #8fd82a;
934
+ --jp-warn-color0: #f0c34e;
935
+ --jp-warn-color1: #f0c34e;
936
+ --jp-warn-color2: rgba(240, 195, 78, 0.35);
937
+ --jp-warn-color3: rgba(240, 195, 78, 0.1);
938
+ --jp-error-color0: #ff8a8a;
939
+ --jp-error-color1: #ff6b6b;
940
+ --jp-error-color2: rgba(255, 107, 107, 0.35);
941
+ --jp-error-color3: rgba(255, 107, 107, 0.1);
942
+ --jp-success-color0: #a6e34d;
943
+ --jp-success-color1: #8fd82a;
944
+ --jp-success-color2: rgba(143, 216, 42, 0.35);
945
+ --jp-success-color3: rgba(143, 216, 42, 0.1);
946
+ --jp-info-color0: #5cbb79;
947
+ --jp-info-color1: #2f9e52;
948
+ --jp-info-color2: rgba(47, 158, 82, 0.4);
949
+ --jp-info-color3: rgba(47, 158, 82, 0.14);
950
+ --jp-cell-editor-background: #101a15;
951
+ --jp-cell-editor-border-color: rgba(255, 255, 255, 0.1);
952
+ --jp-cell-editor-active-background: #0a1310;
953
+ --jp-cell-editor-active-border-color: #2f9e52;
954
+ --jp-cell-inprompt-font-color: #2f9e52;
955
+ --jp-cell-outprompt-font-color: #e0b34a;
956
+ --jp-notebook-select-background: #16261f;
957
+ --jp-notebook-multiselected-color: rgba(47, 158, 82, 0.16);
958
+ --jp-rendermime-error-background: rgba(255, 107, 107, 0.1);
959
+ --jp-rendermime-table-row-background: #101a15;
960
+ --jp-rendermime-table-row-hover-background: #16261f;
961
+ --jp-toolbar-background: #0a1310;
962
+ --jp-toolbar-border-color: rgba(255, 255, 255, 0.1);
963
+ --jp-toolbar-active-background: #16261f;
964
+ --jp-input-background: #050b08;
965
+ --jp-input-active-background: #050b08;
966
+ --jp-input-hover-background: #121d18;
967
+ --jp-input-border-color: rgba(255, 255, 255, 0.1);
968
+ --jp-input-active-border-color: #2f9e52;
969
+ --jp-input-active-box-shadow-color: rgba(47, 158, 82, 0.16);
970
+ --jp-editor-selected-background: #16261f;
971
+ --jp-editor-selected-focused-background: rgba(47, 158, 82, 0.16);
972
+ --jp-editor-cursor-color: #f0f2f1;
973
+ --jp-focus-outline-color: #2f9e52;
974
+ --jp-accept-color-normal: #2f9e52;
975
+ --jp-accept-color-hover: #2f9e52;
976
+ --jp-accept-color-active: #2f9e52;
977
+ --jp-accept-color-foreground: #04241b;
978
+ --jp-accept-outline-color: #2f9e52;
979
+ --jp-reject-color-normal: #121d18;
980
+ --jp-reject-color-hover: #16261f;
981
+ --jp-reject-color-active: #16261f;
982
+ --jp-reject-color-foreground: #f0f2f1;
983
+ --jp-reject-outline-color: rgba(255, 255, 255, 0.1);
984
+ }
985
+
986
+ /* Accent: Green on Emerald */
987
+ [data-ground="emerald"][data-accent="green"],
988
+ [data-ground="emerald"][data-accent="green"] [data-jp-theme-light] {
989
+ --jp-ui-inverse-font-color0: #04241b;
990
+ --jp-ui-inverse-font-color1: #04241b;
991
+ --jp-ui-inverse-font-color2: #04241b;
992
+ --jp-ui-inverse-font-color3: #04241b;
993
+ --jp-content-link-color: #2f9e52;
994
+ --jp-brand-color0: #2f9e52;
995
+ --jp-brand-color1: #2f9e52;
996
+ --jp-brand-color2: #2f9e52;
997
+ --jp-brand-color3: rgba(47, 158, 82, 0.16);
998
+ --jp-brand-color4: rgba(47, 158, 82, 0.16);
999
+ --jp-cell-editor-active-border-color: #2f9e52;
1000
+ --jp-cell-inprompt-font-color: #2f9e52;
1001
+ --jp-cell-outprompt-font-color: #e0b34a;
1002
+ --jp-notebook-multiselected-color: rgba(47, 158, 82, 0.16);
1003
+ --jp-input-active-border-color: #2f9e52;
1004
+ --jp-input-active-box-shadow-color: rgba(47, 158, 82, 0.16);
1005
+ --jp-editor-selected-focused-background: rgba(47, 158, 82, 0.16);
1006
+ --jp-focus-outline-color: #2f9e52;
1007
+ --jp-accept-color-normal: #2f9e52;
1008
+ --jp-accept-color-hover: #2f9e52;
1009
+ --jp-accept-color-active: #2f9e52;
1010
+ --jp-accept-color-foreground: #04241b;
1011
+ --jp-accept-outline-color: #2f9e52;
1012
+ }
1013
+
1014
+ /* Accent: Copper on Emerald */
1015
+ [data-ground="emerald"][data-accent="copper"],
1016
+ [data-ground="emerald"][data-accent="copper"] [data-jp-theme-light] {
1017
+ --jp-ui-inverse-font-color0: #140a04;
1018
+ --jp-ui-inverse-font-color1: #140a04;
1019
+ --jp-ui-inverse-font-color2: #140a04;
1020
+ --jp-ui-inverse-font-color3: #140a04;
1021
+ --jp-content-link-color: #c97b4a;
1022
+ --jp-brand-color0: #c97b4a;
1023
+ --jp-brand-color1: #c97b4a;
1024
+ --jp-brand-color2: #c97b4a;
1025
+ --jp-brand-color3: rgba(201, 123, 74, 0.16);
1026
+ --jp-brand-color4: rgba(201, 123, 74, 0.16);
1027
+ --jp-cell-editor-active-border-color: #c97b4a;
1028
+ --jp-cell-inprompt-font-color: #c97b4a;
1029
+ --jp-cell-outprompt-font-color: #e0b34a;
1030
+ --jp-notebook-multiselected-color: rgba(201, 123, 74, 0.16);
1031
+ --jp-input-active-border-color: #c97b4a;
1032
+ --jp-input-active-box-shadow-color: rgba(201, 123, 74, 0.16);
1033
+ --jp-editor-selected-focused-background: rgba(201, 123, 74, 0.16);
1034
+ --jp-focus-outline-color: #c97b4a;
1035
+ --jp-accept-color-normal: #c97b4a;
1036
+ --jp-accept-color-hover: #c97b4a;
1037
+ --jp-accept-color-active: #c97b4a;
1038
+ --jp-accept-color-foreground: #140a04;
1039
+ --jp-accept-outline-color: #c97b4a;
1040
+ }
1041
+
1042
+ /* Accent: Ice on Emerald */
1043
+ [data-ground="emerald"][data-accent="ice"],
1044
+ [data-ground="emerald"][data-accent="ice"] [data-jp-theme-light] {
1045
+ --jp-ui-inverse-font-color0: #06131c;
1046
+ --jp-ui-inverse-font-color1: #06131c;
1047
+ --jp-ui-inverse-font-color2: #06131c;
1048
+ --jp-ui-inverse-font-color3: #06131c;
1049
+ --jp-content-link-color: #6e9fc4;
1050
+ --jp-brand-color0: #6e9fc4;
1051
+ --jp-brand-color1: #6e9fc4;
1052
+ --jp-brand-color2: #6e9fc4;
1053
+ --jp-brand-color3: rgba(110, 159, 196, 0.16);
1054
+ --jp-brand-color4: rgba(110, 159, 196, 0.16);
1055
+ --jp-cell-editor-active-border-color: #6e9fc4;
1056
+ --jp-cell-inprompt-font-color: #6e9fc4;
1057
+ --jp-cell-outprompt-font-color: #e0b34a;
1058
+ --jp-notebook-multiselected-color: rgba(110, 159, 196, 0.16);
1059
+ --jp-input-active-border-color: #6e9fc4;
1060
+ --jp-input-active-box-shadow-color: rgba(110, 159, 196, 0.16);
1061
+ --jp-editor-selected-focused-background: rgba(110, 159, 196, 0.16);
1062
+ --jp-focus-outline-color: #6e9fc4;
1063
+ --jp-accept-color-normal: #6e9fc4;
1064
+ --jp-accept-color-hover: #6e9fc4;
1065
+ --jp-accept-color-active: #6e9fc4;
1066
+ --jp-accept-color-foreground: #06131c;
1067
+ --jp-accept-outline-color: #6e9fc4;
1068
+ }
1069
+
1070
+ /* Accent: Periwinkle on Emerald */
1071
+ [data-ground="emerald"][data-accent="periwinkle"],
1072
+ [data-ground="emerald"][data-accent="periwinkle"] [data-jp-theme-light] {
1073
+ --jp-ui-inverse-font-color0: #0b0c1a;
1074
+ --jp-ui-inverse-font-color1: #0b0c1a;
1075
+ --jp-ui-inverse-font-color2: #0b0c1a;
1076
+ --jp-ui-inverse-font-color3: #0b0c1a;
1077
+ --jp-content-link-color: #8b8fd9;
1078
+ --jp-brand-color0: #8b8fd9;
1079
+ --jp-brand-color1: #8b8fd9;
1080
+ --jp-brand-color2: #8b8fd9;
1081
+ --jp-brand-color3: rgba(139, 143, 217, 0.16);
1082
+ --jp-brand-color4: rgba(139, 143, 217, 0.16);
1083
+ --jp-cell-editor-active-border-color: #8b8fd9;
1084
+ --jp-cell-inprompt-font-color: #8b8fd9;
1085
+ --jp-cell-outprompt-font-color: #e0b34a;
1086
+ --jp-notebook-multiselected-color: rgba(139, 143, 217, 0.16);
1087
+ --jp-input-active-border-color: #8b8fd9;
1088
+ --jp-input-active-box-shadow-color: rgba(139, 143, 217, 0.16);
1089
+ --jp-editor-selected-focused-background: rgba(139, 143, 217, 0.16);
1090
+ --jp-focus-outline-color: #8b8fd9;
1091
+ --jp-accept-color-normal: #8b8fd9;
1092
+ --jp-accept-color-hover: #8b8fd9;
1093
+ --jp-accept-color-active: #8b8fd9;
1094
+ --jp-accept-color-foreground: #0b0c1a;
1095
+ --jp-accept-outline-color: #8b8fd9;
1096
+ }
1097
+
1098
+ /* Accent: Amber on Emerald */
1099
+ [data-ground="emerald"][data-accent="amber"],
1100
+ [data-ground="emerald"][data-accent="amber"] [data-jp-theme-light] {
1101
+ --jp-ui-inverse-font-color0: #1a1204;
1102
+ --jp-ui-inverse-font-color1: #1a1204;
1103
+ --jp-ui-inverse-font-color2: #1a1204;
1104
+ --jp-ui-inverse-font-color3: #1a1204;
1105
+ --jp-content-link-color: #e0b34a;
1106
+ --jp-brand-color0: #e0b34a;
1107
+ --jp-brand-color1: #e0b34a;
1108
+ --jp-brand-color2: #e0b34a;
1109
+ --jp-brand-color3: rgba(224, 179, 74, 0.16);
1110
+ --jp-brand-color4: rgba(224, 179, 74, 0.16);
1111
+ --jp-cell-editor-active-border-color: #e0b34a;
1112
+ --jp-cell-inprompt-font-color: #e0b34a;
1113
+ --jp-cell-outprompt-font-color: #c97b4a;
1114
+ --jp-notebook-multiselected-color: rgba(224, 179, 74, 0.16);
1115
+ --jp-input-active-border-color: #e0b34a;
1116
+ --jp-input-active-box-shadow-color: rgba(224, 179, 74, 0.16);
1117
+ --jp-editor-selected-focused-background: rgba(224, 179, 74, 0.16);
1118
+ --jp-focus-outline-color: #e0b34a;
1119
+ --jp-accept-color-normal: #e0b34a;
1120
+ --jp-accept-color-hover: #e0b34a;
1121
+ --jp-accept-color-active: #e0b34a;
1122
+ --jp-accept-color-foreground: #1a1204;
1123
+ --jp-accept-outline-color: #e0b34a;
1124
+ }
1125
+
1126
+ /* Ground: Navy (dark) */
1127
+ [data-ground="navy"],
1128
+ [data-ground="navy"] [data-jp-theme-light] {
1129
+ --jp-layout-color0: #0b1120;
1130
+ --jp-layout-color1: #152141;
1131
+ --jp-layout-color2: #1d2b50;
1132
+ --jp-layout-color3: #213157;
1133
+ --jp-layout-color4: #97a6c2;
1134
+ --jp-inverse-layout-color0: #f0f2f1;
1135
+ --jp-inverse-layout-color1: #f0f2f1;
1136
+ --jp-inverse-layout-color2: #97a6c2;
1137
+ --jp-inverse-layout-color3: #97a6c2;
1138
+ --jp-inverse-layout-color4: #97a6c2;
1139
+ --jp-border-color0: rgba(255, 255, 255, 0.1);
1140
+ --jp-border-color1: rgba(255, 255, 255, 0.1);
1141
+ --jp-border-color2: rgba(255, 255, 255, 0.1);
1142
+ --jp-border-color3: rgba(255, 255, 255, 0.08);
1143
+ --jp-inverse-border-color: #97a6c2;
1144
+ --jp-ui-font-color0: #f0f2f1;
1145
+ --jp-ui-font-color1: #f0f2f1;
1146
+ --jp-ui-font-color2: #97a6c2;
1147
+ --jp-ui-font-color3: #97a6c2;
1148
+ --jp-ui-inverse-font-color0: #04241b;
1149
+ --jp-ui-inverse-font-color1: #04241b;
1150
+ --jp-ui-inverse-font-color2: #04241b;
1151
+ --jp-ui-inverse-font-color3: #04241b;
1152
+ --jp-content-font-color0: #f0f2f1;
1153
+ --jp-content-font-color1: #f0f2f1;
1154
+ --jp-content-font-color2: #97a6c2;
1155
+ --jp-content-font-color3: #97a6c2;
1156
+ --jp-content-link-color: #2f9e52;
1157
+ --jp-brand-color0: #2f9e52;
1158
+ --jp-brand-color1: #2f9e52;
1159
+ --jp-brand-color2: #2f9e52;
1160
+ --jp-brand-color3: rgba(47, 158, 82, 0.16);
1161
+ --jp-brand-color4: rgba(47, 158, 82, 0.16);
1162
+ --jp-accent-color0: #8fd82a;
1163
+ --jp-accent-color1: #8fd82a;
1164
+ --jp-accent-color2: #8fd82a;
1165
+ --jp-accent-color3: #8fd82a;
1166
+ --jp-warn-color0: #f0c34e;
1167
+ --jp-warn-color1: #f0c34e;
1168
+ --jp-warn-color2: rgba(240, 195, 78, 0.35);
1169
+ --jp-warn-color3: rgba(240, 195, 78, 0.1);
1170
+ --jp-error-color0: #ff8a8a;
1171
+ --jp-error-color1: #ff6b6b;
1172
+ --jp-error-color2: rgba(255, 107, 107, 0.35);
1173
+ --jp-error-color3: rgba(255, 107, 107, 0.1);
1174
+ --jp-success-color0: #a6e34d;
1175
+ --jp-success-color1: #8fd82a;
1176
+ --jp-success-color2: rgba(143, 216, 42, 0.35);
1177
+ --jp-success-color3: rgba(143, 216, 42, 0.1);
1178
+ --jp-info-color0: #5cbb79;
1179
+ --jp-info-color1: #2f9e52;
1180
+ --jp-info-color2: rgba(47, 158, 82, 0.4);
1181
+ --jp-info-color3: rgba(47, 158, 82, 0.14);
1182
+ --jp-cell-editor-background: #182545;
1183
+ --jp-cell-editor-border-color: rgba(255, 255, 255, 0.1);
1184
+ --jp-cell-editor-active-background: #152141;
1185
+ --jp-cell-editor-active-border-color: #2f9e52;
1186
+ --jp-cell-inprompt-font-color: #2f9e52;
1187
+ --jp-cell-outprompt-font-color: #e0b34a;
1188
+ --jp-notebook-select-background: #213157;
1189
+ --jp-notebook-multiselected-color: rgba(47, 158, 82, 0.16);
1190
+ --jp-rendermime-error-background: rgba(255, 107, 107, 0.1);
1191
+ --jp-rendermime-table-row-background: #182545;
1192
+ --jp-rendermime-table-row-hover-background: #213157;
1193
+ --jp-toolbar-background: #152141;
1194
+ --jp-toolbar-border-color: rgba(255, 255, 255, 0.1);
1195
+ --jp-toolbar-active-background: #213157;
1196
+ --jp-input-background: #0b1120;
1197
+ --jp-input-active-background: #0b1120;
1198
+ --jp-input-hover-background: #1d2b50;
1199
+ --jp-input-border-color: rgba(255, 255, 255, 0.1);
1200
+ --jp-input-active-border-color: #2f9e52;
1201
+ --jp-input-active-box-shadow-color: rgba(47, 158, 82, 0.16);
1202
+ --jp-editor-selected-background: #213157;
1203
+ --jp-editor-selected-focused-background: rgba(47, 158, 82, 0.16);
1204
+ --jp-editor-cursor-color: #f0f2f1;
1205
+ --jp-focus-outline-color: #2f9e52;
1206
+ --jp-accept-color-normal: #2f9e52;
1207
+ --jp-accept-color-hover: #2f9e52;
1208
+ --jp-accept-color-active: #2f9e52;
1209
+ --jp-accept-color-foreground: #04241b;
1210
+ --jp-accept-outline-color: #2f9e52;
1211
+ --jp-reject-color-normal: #1d2b50;
1212
+ --jp-reject-color-hover: #213157;
1213
+ --jp-reject-color-active: #213157;
1214
+ --jp-reject-color-foreground: #f0f2f1;
1215
+ --jp-reject-outline-color: rgba(255, 255, 255, 0.1);
1216
+ }
1217
+
1218
+ /* Accent: Green on Navy */
1219
+ [data-ground="navy"][data-accent="green"],
1220
+ [data-ground="navy"][data-accent="green"] [data-jp-theme-light] {
1221
+ --jp-ui-inverse-font-color0: #04241b;
1222
+ --jp-ui-inverse-font-color1: #04241b;
1223
+ --jp-ui-inverse-font-color2: #04241b;
1224
+ --jp-ui-inverse-font-color3: #04241b;
1225
+ --jp-content-link-color: #2f9e52;
1226
+ --jp-brand-color0: #2f9e52;
1227
+ --jp-brand-color1: #2f9e52;
1228
+ --jp-brand-color2: #2f9e52;
1229
+ --jp-brand-color3: rgba(47, 158, 82, 0.16);
1230
+ --jp-brand-color4: rgba(47, 158, 82, 0.16);
1231
+ --jp-cell-editor-active-border-color: #2f9e52;
1232
+ --jp-cell-inprompt-font-color: #2f9e52;
1233
+ --jp-cell-outprompt-font-color: #e0b34a;
1234
+ --jp-notebook-multiselected-color: rgba(47, 158, 82, 0.16);
1235
+ --jp-input-active-border-color: #2f9e52;
1236
+ --jp-input-active-box-shadow-color: rgba(47, 158, 82, 0.16);
1237
+ --jp-editor-selected-focused-background: rgba(47, 158, 82, 0.16);
1238
+ --jp-focus-outline-color: #2f9e52;
1239
+ --jp-accept-color-normal: #2f9e52;
1240
+ --jp-accept-color-hover: #2f9e52;
1241
+ --jp-accept-color-active: #2f9e52;
1242
+ --jp-accept-color-foreground: #04241b;
1243
+ --jp-accept-outline-color: #2f9e52;
1244
+ }
1245
+
1246
+ /* Accent: Copper on Navy */
1247
+ [data-ground="navy"][data-accent="copper"],
1248
+ [data-ground="navy"][data-accent="copper"] [data-jp-theme-light] {
1249
+ --jp-ui-inverse-font-color0: #140a04;
1250
+ --jp-ui-inverse-font-color1: #140a04;
1251
+ --jp-ui-inverse-font-color2: #140a04;
1252
+ --jp-ui-inverse-font-color3: #140a04;
1253
+ --jp-content-link-color: #c97b4a;
1254
+ --jp-brand-color0: #c97b4a;
1255
+ --jp-brand-color1: #c97b4a;
1256
+ --jp-brand-color2: #c97b4a;
1257
+ --jp-brand-color3: rgba(201, 123, 74, 0.16);
1258
+ --jp-brand-color4: rgba(201, 123, 74, 0.16);
1259
+ --jp-cell-editor-active-border-color: #c97b4a;
1260
+ --jp-cell-inprompt-font-color: #c97b4a;
1261
+ --jp-cell-outprompt-font-color: #e0b34a;
1262
+ --jp-notebook-multiselected-color: rgba(201, 123, 74, 0.16);
1263
+ --jp-input-active-border-color: #c97b4a;
1264
+ --jp-input-active-box-shadow-color: rgba(201, 123, 74, 0.16);
1265
+ --jp-editor-selected-focused-background: rgba(201, 123, 74, 0.16);
1266
+ --jp-focus-outline-color: #c97b4a;
1267
+ --jp-accept-color-normal: #c97b4a;
1268
+ --jp-accept-color-hover: #c97b4a;
1269
+ --jp-accept-color-active: #c97b4a;
1270
+ --jp-accept-color-foreground: #140a04;
1271
+ --jp-accept-outline-color: #c97b4a;
1272
+ }
1273
+
1274
+ /* Accent: Ice on Navy */
1275
+ [data-ground="navy"][data-accent="ice"],
1276
+ [data-ground="navy"][data-accent="ice"] [data-jp-theme-light] {
1277
+ --jp-ui-inverse-font-color0: #06131c;
1278
+ --jp-ui-inverse-font-color1: #06131c;
1279
+ --jp-ui-inverse-font-color2: #06131c;
1280
+ --jp-ui-inverse-font-color3: #06131c;
1281
+ --jp-content-link-color: #6e9fc4;
1282
+ --jp-brand-color0: #6e9fc4;
1283
+ --jp-brand-color1: #6e9fc4;
1284
+ --jp-brand-color2: #6e9fc4;
1285
+ --jp-brand-color3: rgba(110, 159, 196, 0.16);
1286
+ --jp-brand-color4: rgba(110, 159, 196, 0.16);
1287
+ --jp-cell-editor-active-border-color: #6e9fc4;
1288
+ --jp-cell-inprompt-font-color: #6e9fc4;
1289
+ --jp-cell-outprompt-font-color: #e0b34a;
1290
+ --jp-notebook-multiselected-color: rgba(110, 159, 196, 0.16);
1291
+ --jp-input-active-border-color: #6e9fc4;
1292
+ --jp-input-active-box-shadow-color: rgba(110, 159, 196, 0.16);
1293
+ --jp-editor-selected-focused-background: rgba(110, 159, 196, 0.16);
1294
+ --jp-focus-outline-color: #6e9fc4;
1295
+ --jp-accept-color-normal: #6e9fc4;
1296
+ --jp-accept-color-hover: #6e9fc4;
1297
+ --jp-accept-color-active: #6e9fc4;
1298
+ --jp-accept-color-foreground: #06131c;
1299
+ --jp-accept-outline-color: #6e9fc4;
1300
+ }
1301
+
1302
+ /* Accent: Periwinkle on Navy */
1303
+ [data-ground="navy"][data-accent="periwinkle"],
1304
+ [data-ground="navy"][data-accent="periwinkle"] [data-jp-theme-light] {
1305
+ --jp-ui-inverse-font-color0: #0b0c1a;
1306
+ --jp-ui-inverse-font-color1: #0b0c1a;
1307
+ --jp-ui-inverse-font-color2: #0b0c1a;
1308
+ --jp-ui-inverse-font-color3: #0b0c1a;
1309
+ --jp-content-link-color: #8b8fd9;
1310
+ --jp-brand-color0: #8b8fd9;
1311
+ --jp-brand-color1: #8b8fd9;
1312
+ --jp-brand-color2: #8b8fd9;
1313
+ --jp-brand-color3: rgba(139, 143, 217, 0.16);
1314
+ --jp-brand-color4: rgba(139, 143, 217, 0.16);
1315
+ --jp-cell-editor-active-border-color: #8b8fd9;
1316
+ --jp-cell-inprompt-font-color: #8b8fd9;
1317
+ --jp-cell-outprompt-font-color: #e0b34a;
1318
+ --jp-notebook-multiselected-color: rgba(139, 143, 217, 0.16);
1319
+ --jp-input-active-border-color: #8b8fd9;
1320
+ --jp-input-active-box-shadow-color: rgba(139, 143, 217, 0.16);
1321
+ --jp-editor-selected-focused-background: rgba(139, 143, 217, 0.16);
1322
+ --jp-focus-outline-color: #8b8fd9;
1323
+ --jp-accept-color-normal: #8b8fd9;
1324
+ --jp-accept-color-hover: #8b8fd9;
1325
+ --jp-accept-color-active: #8b8fd9;
1326
+ --jp-accept-color-foreground: #0b0c1a;
1327
+ --jp-accept-outline-color: #8b8fd9;
1328
+ }
1329
+
1330
+ /* Accent: Amber on Navy */
1331
+ [data-ground="navy"][data-accent="amber"],
1332
+ [data-ground="navy"][data-accent="amber"] [data-jp-theme-light] {
1333
+ --jp-ui-inverse-font-color0: #1a1204;
1334
+ --jp-ui-inverse-font-color1: #1a1204;
1335
+ --jp-ui-inverse-font-color2: #1a1204;
1336
+ --jp-ui-inverse-font-color3: #1a1204;
1337
+ --jp-content-link-color: #e0b34a;
1338
+ --jp-brand-color0: #e0b34a;
1339
+ --jp-brand-color1: #e0b34a;
1340
+ --jp-brand-color2: #e0b34a;
1341
+ --jp-brand-color3: rgba(224, 179, 74, 0.16);
1342
+ --jp-brand-color4: rgba(224, 179, 74, 0.16);
1343
+ --jp-cell-editor-active-border-color: #e0b34a;
1344
+ --jp-cell-inprompt-font-color: #e0b34a;
1345
+ --jp-cell-outprompt-font-color: #c97b4a;
1346
+ --jp-notebook-multiselected-color: rgba(224, 179, 74, 0.16);
1347
+ --jp-input-active-border-color: #e0b34a;
1348
+ --jp-input-active-box-shadow-color: rgba(224, 179, 74, 0.16);
1349
+ --jp-editor-selected-focused-background: rgba(224, 179, 74, 0.16);
1350
+ --jp-focus-outline-color: #e0b34a;
1351
+ --jp-accept-color-normal: #e0b34a;
1352
+ --jp-accept-color-hover: #e0b34a;
1353
+ --jp-accept-color-active: #e0b34a;
1354
+ --jp-accept-color-foreground: #1a1204;
1355
+ --jp-accept-outline-color: #e0b34a;
1356
+ }
1357
+
1358
+ /* Ground: Paper (light) */
1359
+ [data-ground="paper"],
1360
+ [data-ground="paper"] [data-jp-theme-light] {
1361
+ --jp-layout-color0: #faf6ee;
1362
+ --jp-layout-color1: #fffdf9;
1363
+ --jp-layout-color2: #f3eee4;
1364
+ --jp-layout-color3: #f0e6da;
1365
+ --jp-layout-color4: #5c5b58;
1366
+ --jp-inverse-layout-color0: #1e1d1b;
1367
+ --jp-inverse-layout-color1: #1e1d1b;
1368
+ --jp-inverse-layout-color2: #5c5b58;
1369
+ --jp-inverse-layout-color3: #5c5b58;
1370
+ --jp-inverse-layout-color4: #5c5b58;
1371
+ --jp-border-color0: #dedad2;
1372
+ --jp-border-color1: #dedad2;
1373
+ --jp-border-color2: #dedad2;
1374
+ --jp-border-color3: #dedad2;
1375
+ --jp-inverse-border-color: #5c5b58;
1376
+ --jp-ui-font-color0: #1e1d1b;
1377
+ --jp-ui-font-color1: #1e1d1b;
1378
+ --jp-ui-font-color2: #5c5b58;
1379
+ --jp-ui-font-color3: #5c5b58;
1380
+ --jp-ui-inverse-font-color0: #f3fbf7;
1381
+ --jp-ui-inverse-font-color1: #f3fbf7;
1382
+ --jp-ui-inverse-font-color2: #f3fbf7;
1383
+ --jp-ui-inverse-font-color3: #f3fbf7;
1384
+ --jp-content-font-color0: #1e1d1b;
1385
+ --jp-content-font-color1: #1e1d1b;
1386
+ --jp-content-font-color2: #5c5b58;
1387
+ --jp-content-font-color3: #5c5b58;
1388
+ --jp-content-link-color: #26803f;
1389
+ --jp-brand-color0: #26803f;
1390
+ --jp-brand-color1: #26803f;
1391
+ --jp-brand-color2: #26803f;
1392
+ --jp-brand-color3: #f0e6da;
1393
+ --jp-brand-color4: #f0e6da;
1394
+ --jp-accent-color0: #5c9c1a;
1395
+ --jp-accent-color1: #5c9c1a;
1396
+ --jp-accent-color2: #5c9c1a;
1397
+ --jp-accent-color3: #5c9c1a;
1398
+ --jp-warn-color0: #824c12;
1399
+ --jp-warn-color1: #cb7a00;
1400
+ --jp-warn-color2: #e8c184;
1401
+ --jp-warn-color3: #fef0d4;
1402
+ --jp-error-color0: #bb0916;
1403
+ --jp-error-color1: #df2225;
1404
+ --jp-error-color2: #ffb1aa;
1405
+ --jp-error-color3: #ffeae9;
1406
+ --jp-success-color0: #305a12;
1407
+ --jp-success-color1: #508d23;
1408
+ --jp-success-color2: #b4d7a2;
1409
+ --jp-success-color3: #e3f5da;
1410
+ --jp-info-color0: #1b622d;
1411
+ --jp-info-color1: #2f8543;
1412
+ --jp-info-color2: #acd8b1;
1413
+ --jp-info-color3: #e2f4e3;
1414
+ --jp-cell-editor-background: #f3eee4;
1415
+ --jp-cell-editor-border-color: #dedad2;
1416
+ --jp-cell-editor-active-background: #fffdf9;
1417
+ --jp-cell-editor-active-border-color: #26803f;
1418
+ --jp-cell-inprompt-font-color: #26803f;
1419
+ --jp-cell-outprompt-font-color: #b8860b;
1420
+ --jp-notebook-select-background: #f0e6da;
1421
+ --jp-notebook-multiselected-color: #f0e6da;
1422
+ --jp-rendermime-error-background: #ffeae9;
1423
+ --jp-rendermime-table-row-background: #f3eee4;
1424
+ --jp-rendermime-table-row-hover-background: #f0e6da;
1425
+ --jp-toolbar-background: #fffdf9;
1426
+ --jp-toolbar-border-color: #dedad2;
1427
+ --jp-toolbar-active-background: #f0e6da;
1428
+ --jp-input-background: #faf6ee;
1429
+ --jp-input-active-background: #faf6ee;
1430
+ --jp-input-hover-background: #f3eee4;
1431
+ --jp-input-border-color: #dedad2;
1432
+ --jp-input-active-border-color: #26803f;
1433
+ --jp-input-active-box-shadow-color: #f0e6da;
1434
+ --jp-editor-selected-background: #f0e6da;
1435
+ --jp-editor-selected-focused-background: #f0e6da;
1436
+ --jp-editor-cursor-color: #1e1d1b;
1437
+ --jp-focus-outline-color: #26803f;
1438
+ --jp-accept-color-normal: #26803f;
1439
+ --jp-accept-color-hover: #26803f;
1440
+ --jp-accept-color-active: #26803f;
1441
+ --jp-accept-color-foreground: #f3fbf7;
1442
+ --jp-accept-outline-color: #26803f;
1443
+ --jp-reject-color-normal: #f3eee4;
1444
+ --jp-reject-color-hover: #f0e6da;
1445
+ --jp-reject-color-active: #f0e6da;
1446
+ --jp-reject-color-foreground: #1e1d1b;
1447
+ --jp-reject-outline-color: #dedad2;
1448
+ }
1449
+
1450
+ /* Accent: Green on Paper */
1451
+ [data-ground="paper"][data-accent="green"],
1452
+ [data-ground="paper"][data-accent="green"] [data-jp-theme-light] {
1453
+ --jp-content-link-color: #26803f;
1454
+ --jp-brand-color0: #26803f;
1455
+ --jp-brand-color1: #26803f;
1456
+ --jp-brand-color2: #26803f;
1457
+ --jp-cell-editor-active-border-color: #26803f;
1458
+ --jp-cell-inprompt-font-color: #26803f;
1459
+ --jp-input-active-border-color: #26803f;
1460
+ --jp-focus-outline-color: #26803f;
1461
+ --jp-accept-color-normal: #26803f;
1462
+ --jp-accept-color-hover: #26803f;
1463
+ --jp-accept-color-active: #26803f;
1464
+ --jp-accept-outline-color: #26803f;
1465
+ }
1466
+
1467
+ /* Accent: Copper on Paper */
1468
+ [data-ground="paper"][data-accent="copper"],
1469
+ [data-ground="paper"][data-accent="copper"] [data-jp-theme-light] {
1470
+ --jp-content-link-color: #9c5730;
1471
+ --jp-brand-color0: #9c5730;
1472
+ --jp-brand-color1: #9c5730;
1473
+ --jp-brand-color2: #9c5730;
1474
+ --jp-cell-editor-active-border-color: #9c5730;
1475
+ --jp-cell-inprompt-font-color: #9c5730;
1476
+ --jp-input-active-border-color: #9c5730;
1477
+ --jp-focus-outline-color: #9c5730;
1478
+ --jp-accept-color-normal: #9c5730;
1479
+ --jp-accept-color-hover: #9c5730;
1480
+ --jp-accept-color-active: #9c5730;
1481
+ --jp-accept-outline-color: #9c5730;
1482
+ }
1483
+
1484
+ /* Accent: Ice on Paper */
1485
+ [data-ground="paper"][data-accent="ice"],
1486
+ [data-ground="paper"][data-accent="ice"] [data-jp-theme-light] {
1487
+ --jp-content-link-color: #3d6f95;
1488
+ --jp-brand-color0: #3d6f95;
1489
+ --jp-brand-color1: #3d6f95;
1490
+ --jp-brand-color2: #3d6f95;
1491
+ --jp-cell-editor-active-border-color: #3d6f95;
1492
+ --jp-cell-inprompt-font-color: #3d6f95;
1493
+ --jp-input-active-border-color: #3d6f95;
1494
+ --jp-focus-outline-color: #3d6f95;
1495
+ --jp-accept-color-normal: #3d6f95;
1496
+ --jp-accept-color-hover: #3d6f95;
1497
+ --jp-accept-color-active: #3d6f95;
1498
+ --jp-accept-outline-color: #3d6f95;
1499
+ }
1500
+
1501
+ /* Accent: Periwinkle on Paper */
1502
+ [data-ground="paper"][data-accent="periwinkle"],
1503
+ [data-ground="paper"][data-accent="periwinkle"] [data-jp-theme-light] {
1504
+ --jp-content-link-color: #5a5fae;
1505
+ --jp-brand-color0: #5a5fae;
1506
+ --jp-brand-color1: #5a5fae;
1507
+ --jp-brand-color2: #5a5fae;
1508
+ --jp-cell-editor-active-border-color: #5a5fae;
1509
+ --jp-cell-inprompt-font-color: #5a5fae;
1510
+ --jp-input-active-border-color: #5a5fae;
1511
+ --jp-focus-outline-color: #5a5fae;
1512
+ --jp-accept-color-normal: #5a5fae;
1513
+ --jp-accept-color-hover: #5a5fae;
1514
+ --jp-accept-color-active: #5a5fae;
1515
+ --jp-accept-outline-color: #5a5fae;
1516
+ }
1517
+
1518
+ /* Accent: Amber on Paper */
1519
+ [data-ground="paper"][data-accent="amber"],
1520
+ [data-ground="paper"][data-accent="amber"] [data-jp-theme-light] {
1521
+ --jp-content-link-color: #8a6410;
1522
+ --jp-brand-color0: #8a6410;
1523
+ --jp-brand-color1: #8a6410;
1524
+ --jp-brand-color2: #8a6410;
1525
+ --jp-cell-editor-active-border-color: #8a6410;
1526
+ --jp-cell-inprompt-font-color: #8a6410;
1527
+ --jp-input-active-border-color: #8a6410;
1528
+ --jp-focus-outline-color: #8a6410;
1529
+ --jp-accept-color-normal: #8a6410;
1530
+ --jp-accept-color-hover: #8a6410;
1531
+ --jp-accept-color-active: #8a6410;
1532
+ --jp-accept-outline-color: #8a6410;
1533
+ }
1534
+
1535
+ /* Ground: Mist (light) */
1536
+ [data-ground="mist"],
1537
+ [data-ground="mist"] [data-jp-theme-light] {
1538
+ --jp-layout-color0: #f2f7f9;
1539
+ --jp-layout-color1: #ffffff;
1540
+ --jp-layout-color2: #e9eff2;
1541
+ --jp-layout-color3: #dfeaf0;
1542
+ --jp-layout-color4: #5c5b58;
1543
+ --jp-inverse-layout-color0: #1e1d1b;
1544
+ --jp-inverse-layout-color1: #1e1d1b;
1545
+ --jp-inverse-layout-color2: #5c5b58;
1546
+ --jp-inverse-layout-color3: #5c5b58;
1547
+ --jp-inverse-layout-color4: #5c5b58;
1548
+ --jp-border-color0: #d6dcdf;
1549
+ --jp-border-color1: #d6dcdf;
1550
+ --jp-border-color2: #d6dcdf;
1551
+ --jp-border-color3: #d6dcdf;
1552
+ --jp-inverse-border-color: #5c5b58;
1553
+ --jp-ui-font-color0: #1e1d1b;
1554
+ --jp-ui-font-color1: #1e1d1b;
1555
+ --jp-ui-font-color2: #5c5b58;
1556
+ --jp-ui-font-color3: #5c5b58;
1557
+ --jp-ui-inverse-font-color0: #f3fbf7;
1558
+ --jp-ui-inverse-font-color1: #f3fbf7;
1559
+ --jp-ui-inverse-font-color2: #f3fbf7;
1560
+ --jp-ui-inverse-font-color3: #f3fbf7;
1561
+ --jp-content-font-color0: #1e1d1b;
1562
+ --jp-content-font-color1: #1e1d1b;
1563
+ --jp-content-font-color2: #5c5b58;
1564
+ --jp-content-font-color3: #5c5b58;
1565
+ --jp-content-link-color: #26803f;
1566
+ --jp-brand-color0: #26803f;
1567
+ --jp-brand-color1: #26803f;
1568
+ --jp-brand-color2: #26803f;
1569
+ --jp-brand-color3: #dfeaf0;
1570
+ --jp-brand-color4: #dfeaf0;
1571
+ --jp-accent-color0: #5c9c1a;
1572
+ --jp-accent-color1: #5c9c1a;
1573
+ --jp-accent-color2: #5c9c1a;
1574
+ --jp-accent-color3: #5c9c1a;
1575
+ --jp-warn-color0: #824c12;
1576
+ --jp-warn-color1: #cb7a00;
1577
+ --jp-warn-color2: #e8c184;
1578
+ --jp-warn-color3: #fef0d4;
1579
+ --jp-error-color0: #bb0916;
1580
+ --jp-error-color1: #df2225;
1581
+ --jp-error-color2: #ffb1aa;
1582
+ --jp-error-color3: #ffeae9;
1583
+ --jp-success-color0: #305a12;
1584
+ --jp-success-color1: #508d23;
1585
+ --jp-success-color2: #b4d7a2;
1586
+ --jp-success-color3: #e3f5da;
1587
+ --jp-info-color0: #1b622d;
1588
+ --jp-info-color1: #2f8543;
1589
+ --jp-info-color2: #acd8b1;
1590
+ --jp-info-color3: #e2f4e3;
1591
+ --jp-cell-editor-background: #e9eff2;
1592
+ --jp-cell-editor-border-color: #d6dcdf;
1593
+ --jp-cell-editor-active-background: #ffffff;
1594
+ --jp-cell-editor-active-border-color: #26803f;
1595
+ --jp-cell-inprompt-font-color: #26803f;
1596
+ --jp-cell-outprompt-font-color: #b8860b;
1597
+ --jp-notebook-select-background: #dfeaf0;
1598
+ --jp-notebook-multiselected-color: #dfeaf0;
1599
+ --jp-rendermime-error-background: #ffeae9;
1600
+ --jp-rendermime-table-row-background: #e9eff2;
1601
+ --jp-rendermime-table-row-hover-background: #dfeaf0;
1602
+ --jp-toolbar-background: #ffffff;
1603
+ --jp-toolbar-border-color: #d6dcdf;
1604
+ --jp-toolbar-active-background: #dfeaf0;
1605
+ --jp-input-background: #f2f7f9;
1606
+ --jp-input-active-background: #f2f7f9;
1607
+ --jp-input-hover-background: #e9eff2;
1608
+ --jp-input-border-color: #d6dcdf;
1609
+ --jp-input-active-border-color: #26803f;
1610
+ --jp-input-active-box-shadow-color: #dfeaf0;
1611
+ --jp-editor-selected-background: #dfeaf0;
1612
+ --jp-editor-selected-focused-background: #dfeaf0;
1613
+ --jp-editor-cursor-color: #1e1d1b;
1614
+ --jp-focus-outline-color: #26803f;
1615
+ --jp-accept-color-normal: #26803f;
1616
+ --jp-accept-color-hover: #26803f;
1617
+ --jp-accept-color-active: #26803f;
1618
+ --jp-accept-color-foreground: #f3fbf7;
1619
+ --jp-accept-outline-color: #26803f;
1620
+ --jp-reject-color-normal: #e9eff2;
1621
+ --jp-reject-color-hover: #dfeaf0;
1622
+ --jp-reject-color-active: #dfeaf0;
1623
+ --jp-reject-color-foreground: #1e1d1b;
1624
+ --jp-reject-outline-color: #d6dcdf;
1625
+ }
1626
+
1627
+ /* Accent: Green on Mist */
1628
+ [data-ground="mist"][data-accent="green"],
1629
+ [data-ground="mist"][data-accent="green"] [data-jp-theme-light] {
1630
+ --jp-content-link-color: #26803f;
1631
+ --jp-brand-color0: #26803f;
1632
+ --jp-brand-color1: #26803f;
1633
+ --jp-brand-color2: #26803f;
1634
+ --jp-cell-editor-active-border-color: #26803f;
1635
+ --jp-cell-inprompt-font-color: #26803f;
1636
+ --jp-input-active-border-color: #26803f;
1637
+ --jp-focus-outline-color: #26803f;
1638
+ --jp-accept-color-normal: #26803f;
1639
+ --jp-accept-color-hover: #26803f;
1640
+ --jp-accept-color-active: #26803f;
1641
+ --jp-accept-outline-color: #26803f;
1642
+ }
1643
+
1644
+ /* Accent: Copper on Mist */
1645
+ [data-ground="mist"][data-accent="copper"],
1646
+ [data-ground="mist"][data-accent="copper"] [data-jp-theme-light] {
1647
+ --jp-content-link-color: #9c5730;
1648
+ --jp-brand-color0: #9c5730;
1649
+ --jp-brand-color1: #9c5730;
1650
+ --jp-brand-color2: #9c5730;
1651
+ --jp-cell-editor-active-border-color: #9c5730;
1652
+ --jp-cell-inprompt-font-color: #9c5730;
1653
+ --jp-input-active-border-color: #9c5730;
1654
+ --jp-focus-outline-color: #9c5730;
1655
+ --jp-accept-color-normal: #9c5730;
1656
+ --jp-accept-color-hover: #9c5730;
1657
+ --jp-accept-color-active: #9c5730;
1658
+ --jp-accept-outline-color: #9c5730;
1659
+ }
1660
+
1661
+ /* Accent: Ice on Mist */
1662
+ [data-ground="mist"][data-accent="ice"],
1663
+ [data-ground="mist"][data-accent="ice"] [data-jp-theme-light] {
1664
+ --jp-content-link-color: #3d6f95;
1665
+ --jp-brand-color0: #3d6f95;
1666
+ --jp-brand-color1: #3d6f95;
1667
+ --jp-brand-color2: #3d6f95;
1668
+ --jp-cell-editor-active-border-color: #3d6f95;
1669
+ --jp-cell-inprompt-font-color: #3d6f95;
1670
+ --jp-input-active-border-color: #3d6f95;
1671
+ --jp-focus-outline-color: #3d6f95;
1672
+ --jp-accept-color-normal: #3d6f95;
1673
+ --jp-accept-color-hover: #3d6f95;
1674
+ --jp-accept-color-active: #3d6f95;
1675
+ --jp-accept-outline-color: #3d6f95;
1676
+ }
1677
+
1678
+ /* Accent: Periwinkle on Mist */
1679
+ [data-ground="mist"][data-accent="periwinkle"],
1680
+ [data-ground="mist"][data-accent="periwinkle"] [data-jp-theme-light] {
1681
+ --jp-content-link-color: #5a5fae;
1682
+ --jp-brand-color0: #5a5fae;
1683
+ --jp-brand-color1: #5a5fae;
1684
+ --jp-brand-color2: #5a5fae;
1685
+ --jp-cell-editor-active-border-color: #5a5fae;
1686
+ --jp-cell-inprompt-font-color: #5a5fae;
1687
+ --jp-input-active-border-color: #5a5fae;
1688
+ --jp-focus-outline-color: #5a5fae;
1689
+ --jp-accept-color-normal: #5a5fae;
1690
+ --jp-accept-color-hover: #5a5fae;
1691
+ --jp-accept-color-active: #5a5fae;
1692
+ --jp-accept-outline-color: #5a5fae;
1693
+ }
1694
+
1695
+ /* Accent: Amber on Mist */
1696
+ [data-ground="mist"][data-accent="amber"],
1697
+ [data-ground="mist"][data-accent="amber"] [data-jp-theme-light] {
1698
+ --jp-content-link-color: #8a6410;
1699
+ --jp-brand-color0: #8a6410;
1700
+ --jp-brand-color1: #8a6410;
1701
+ --jp-brand-color2: #8a6410;
1702
+ --jp-cell-editor-active-border-color: #8a6410;
1703
+ --jp-cell-inprompt-font-color: #8a6410;
1704
+ --jp-input-active-border-color: #8a6410;
1705
+ --jp-focus-outline-color: #8a6410;
1706
+ --jp-accept-color-normal: #8a6410;
1707
+ --jp-accept-color-hover: #8a6410;
1708
+ --jp-accept-color-active: #8a6410;
1709
+ --jp-accept-outline-color: #8a6410;
1710
+ }