@perspective-dev/viewer 5.2.0 → 5.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (179) hide show
  1. package/dist/cdn/perspective-viewer.js +8 -8
  2. package/dist/cdn/perspective-viewer.js.map +3 -3
  3. package/dist/css/blueprint.css +1 -0
  4. package/dist/css/botanical.css +1 -1
  5. package/dist/css/dracula.css +1 -1
  6. package/dist/css/eggplant.css +1 -0
  7. package/dist/css/gruvbox-dark.css +1 -1
  8. package/dist/css/gruvbox.css +1 -1
  9. package/dist/css/icons.css +1 -1
  10. package/dist/css/intl/de.css +1 -1
  11. package/dist/css/intl/es.css +1 -1
  12. package/dist/css/intl/fr.css +1 -1
  13. package/dist/css/intl/ja.css +1 -1
  14. package/dist/css/intl/pt.css +1 -1
  15. package/dist/css/intl/zh.css +1 -1
  16. package/dist/css/intl.css +1 -1
  17. package/dist/css/ledger.css +1 -0
  18. package/dist/css/monokai.css +1 -1
  19. package/dist/css/nord.css +1 -0
  20. package/dist/css/phosphor.css +1 -1
  21. package/dist/css/pro-dark.css +1 -1
  22. package/dist/css/pro.css +1 -1
  23. package/dist/css/solarized-dark.css +1 -1
  24. package/dist/css/solarized.css +1 -1
  25. package/dist/css/themes.css +1 -1
  26. package/dist/css/vaporwave.css +1 -1
  27. package/dist/css/velvet.css +1 -0
  28. package/dist/docs/perspective-docs.json +1 -1
  29. package/dist/esm/column-format.d.ts +16 -3
  30. package/dist/esm/perspective-viewer.d.ts +1 -0
  31. package/dist/esm/perspective-viewer.inline.js +9 -9
  32. package/dist/esm/perspective-viewer.inline.js.map +3 -3
  33. package/dist/esm/perspective-viewer.js +8 -8
  34. package/dist/esm/perspective-viewer.js.map +3 -3
  35. package/dist/esm/plugin.d.ts +10 -0
  36. package/dist/esm/ts-rs/PanelViewerConfig.d.ts +1 -1
  37. package/dist/esm/ts-rs/SaveWorkspaceOptions.d.ts +10 -0
  38. package/dist/esm/ts-rs/ViewerConfig.d.ts +1 -1
  39. package/dist/esm/ts-rs/WorkspaceConfig.d.ts +9 -1
  40. package/dist/esm/ts-rs/WorkspaceConfigUpdate.d.ts +13 -3
  41. package/dist/wasm/perspective-viewer.d.ts +43 -36
  42. package/dist/wasm/perspective-viewer.js +198 -136
  43. package/dist/wasm/perspective-viewer.wasm +0 -0
  44. package/dist/wasm/perspective-viewer.wasm.d.ts +19 -17
  45. package/package.json +1 -1
  46. package/src/css/column-settings-panel.css +28 -5
  47. package/src/css/column-style.css +291 -31
  48. package/src/css/containers/tabs.css +13 -3
  49. package/src/css/dom/select.css +21 -9
  50. package/src/css/form/code-editor.css +4 -4
  51. package/src/css/plugin-selector.css +1 -0
  52. package/src/css/plugin-settings-panel.css +72 -0
  53. package/src/css/viewer.css +0 -5
  54. package/src/rust/agent/tools.rs +53 -19
  55. package/src/rust/components/column_selector/active_column.rs +2 -2
  56. package/src/rust/components/column_selector/add_expression_button.rs +3 -3
  57. package/src/rust/components/column_selector/aggregate_selector.rs +2 -3
  58. package/src/rust/components/column_selector/config_selector.rs +8 -0
  59. package/src/rust/components/column_selector/expr_edit_button.rs +4 -10
  60. package/src/rust/components/column_selector/inactive_column.rs +2 -2
  61. package/src/rust/components/column_selector.rs +48 -4
  62. package/src/rust/components/column_settings_sidebar/style_tab/primitive_field.rs +293 -126
  63. package/src/rust/components/column_settings_sidebar/style_tab.rs +330 -234
  64. package/src/rust/components/column_settings_sidebar.rs +88 -69
  65. package/src/rust/components/containers/control_group.rs +91 -0
  66. package/src/rust/components/containers/mod.rs +1 -0
  67. package/src/rust/components/containers/select.rs +8 -2
  68. package/src/rust/components/datetime_column_style/simple.rs +15 -4
  69. package/src/rust/components/datetime_column_style.rs +50 -10
  70. package/src/rust/components/editable_header.rs +85 -144
  71. package/src/rust/components/expression_editor.rs +9 -16
  72. package/src/rust/components/form/code_editor.rs +16 -6
  73. package/src/rust/components/form/debug.rs +1 -0
  74. package/src/rust/components/form/mod.rs +3 -1
  75. package/src/rust/components/form/multi_stop_gradient_selector.rs +476 -0
  76. package/src/rust/components/form/named_value_picker.rs +86 -0
  77. package/src/rust/components/form/palette_selector.rs +440 -0
  78. package/src/rust/components/main_panel/msg.rs +2 -2
  79. package/src/rust/components/main_panel/reconcile.rs +4 -4
  80. package/src/rust/components/plugin_tab.rs +126 -112
  81. package/src/rust/components/settings_panel.rs +26 -20
  82. package/src/rust/components/status_bar.rs +0 -1
  83. package/src/rust/components/style_controls/number_string_format/digits_section.rs +22 -10
  84. package/src/rust/components/style_controls/number_string_format/misc_section.rs +6 -2
  85. package/src/rust/components/style_controls/number_string_format/style_section.rs +1 -0
  86. package/src/rust/components/style_controls/number_string_format/types.rs +24 -0
  87. package/src/rust/components/style_controls/number_string_format.rs +37 -14
  88. package/src/rust/components/viewer/msg.rs +46 -7
  89. package/src/rust/components/viewer/panels.rs +11 -9
  90. package/src/rust/components/viewer/render.rs +8 -3
  91. package/src/rust/components/viewer/settings.rs +163 -23
  92. package/src/rust/components/viewer/snapshots.rs +46 -21
  93. package/src/rust/components/viewer/wiring.rs +14 -25
  94. package/src/rust/components/viewer.rs +12 -8
  95. package/src/rust/config/column_config_schema.rs +435 -45
  96. package/src/rust/config/css_scale.rs +882 -0
  97. package/src/rust/config/datetime_column_style.rs +4 -21
  98. package/src/rust/config/mod.rs +2 -0
  99. package/src/rust/config/number_string_format.rs +211 -18
  100. package/src/rust/config/options.rs +10 -0
  101. package/src/rust/config/viewer_config.rs +49 -55
  102. package/src/rust/config/workspace_config.rs +132 -5
  103. package/src/rust/custom_elements/viewer.rs +214 -155
  104. package/src/rust/custom_events.rs +14 -1
  105. package/src/rust/js/regular_layout.rs +3 -3
  106. package/src/rust/lib.rs +2 -0
  107. package/src/rust/presentation/column_locator.rs +19 -5
  108. package/src/rust/presentation.rs +209 -36
  109. package/src/rust/queries/column_locator.rs +74 -44
  110. package/src/rust/queries/get_viewer_config.rs +0 -3
  111. package/src/rust/queries/mod.rs +2 -0
  112. package/src/rust/queries/palette_set.rs +82 -0
  113. package/src/rust/queries/plugin_column_styles.rs +6 -2
  114. package/src/rust/renderer/dispatch.rs +50 -12
  115. package/src/rust/renderer/plugin_config.rs +362 -53
  116. package/src/rust/renderer.rs +15 -42
  117. package/src/rust/session/column_defaults_update.rs +15 -8
  118. package/src/rust/session/metadata.rs +5 -1
  119. package/src/rust/session/props.rs +1 -0
  120. package/src/rust/session.rs +9 -6
  121. package/src/rust/tasks/create_panel.rs +44 -57
  122. package/src/rust/tasks/edit_expression.rs +19 -23
  123. package/src/rust/tasks/edit_window.rs +8 -10
  124. package/src/rust/tasks/eject.rs +4 -1
  125. package/src/rust/tasks/pipeline.rs +2 -2
  126. package/src/rust/tasks/presize_panels.rs +44 -5
  127. package/src/rust/tasks/reset_all.rs +4 -4
  128. package/src/rust/tasks/restore_and_render.rs +17 -44
  129. package/src/rust/tasks/restore_panel.rs +11 -13
  130. package/src/rust/tasks/set_edit_mode.rs +3 -1
  131. package/src/rust/tasks/sync_update_panels.rs +11 -1
  132. package/src/rust/tasks/update_theme.rs +23 -18
  133. package/src/rust/utils/css_vars.rs +26 -0
  134. package/src/rust/utils/mod.rs +2 -0
  135. package/src/rust/utils/spawn.rs +1 -1
  136. package/src/rust/workspace.rs +435 -272
  137. package/src/svg/lock.svg +7 -0
  138. package/src/themes/blueprint.css +190 -0
  139. package/src/themes/botanical.css +14 -17
  140. package/src/themes/defaults.css +4 -110
  141. package/src/themes/dracula.css +19 -14
  142. package/src/themes/eggplant.css +189 -0
  143. package/src/themes/gruvbox-dark.css +23 -15
  144. package/src/themes/gruvbox.css +11 -1
  145. package/src/themes/icons.css +2 -2
  146. package/src/themes/intl/de.css +23 -1
  147. package/src/themes/intl/es.css +23 -1
  148. package/src/themes/intl/fr.css +23 -1
  149. package/src/themes/intl/ja.css +23 -1
  150. package/src/themes/intl/pt.css +23 -1
  151. package/src/themes/intl/zh.css +23 -1
  152. package/src/themes/intl.css +26 -4
  153. package/src/themes/ledger.css +195 -0
  154. package/src/themes/monokai.css +24 -14
  155. package/src/themes/nord.css +186 -0
  156. package/src/themes/phosphor.css +7 -14
  157. package/src/themes/pro-dark.css +12 -16
  158. package/src/themes/pro.css +118 -0
  159. package/src/themes/solarized-dark.css +9 -16
  160. package/src/themes/solarized.css +7 -0
  161. package/src/themes/themes.css +10 -5
  162. package/src/themes/vaporwave.css +22 -14
  163. package/src/themes/velvet.css +192 -0
  164. package/src/ts/column-format.ts +52 -2
  165. package/src/ts/perspective-viewer.ts +1 -0
  166. package/src/ts/plugin.ts +14 -0
  167. package/src/ts/ts-rs/PanelViewerConfig.ts +1 -1
  168. package/src/ts/ts-rs/SaveWorkspaceOptions.ts +11 -0
  169. package/src/ts/ts-rs/ViewerConfig.ts +1 -1
  170. package/src/ts/ts-rs/WorkspaceConfig.ts +8 -2
  171. package/src/ts/ts-rs/WorkspaceConfigUpdate.ts +11 -3
  172. package/src/rust/components/form/color_range_selector.rs +0 -137
  173. package/src/svg/dropdown-selector-light.svg +0 -3
  174. /package/dist/wasm/snippets/{perspective-viewer-02e461f3d7062b26 → perspective-viewer-87bd21b215d0631a}/inline0.js +0 -0
  175. /package/dist/wasm/snippets/{perspective-viewer-02e461f3d7062b26 → perspective-viewer-87bd21b215d0631a}/inline1.js +0 -0
  176. /package/dist/wasm/snippets/{perspective-viewer-02e461f3d7062b26 → perspective-viewer-87bd21b215d0631a}/inline2.js +0 -0
  177. /package/dist/wasm/snippets/{perspective-viewer-02e461f3d7062b26 → perspective-viewer-87bd21b215d0631a}/inline3.js +0 -0
  178. /package/dist/wasm/snippets/{perspective-viewer-02e461f3d7062b26 → perspective-viewer-87bd21b215d0631a}/inline4.js +0 -0
  179. /package/dist/wasm/snippets/{perspective-viewer-02e461f3d7062b26 → perspective-viewer-87bd21b215d0631a}/inline5.js +0 -0
package/src/themes/ledger.css ADDED
@@ -0,0 +1,195 @@
1
+ /* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
2
+ * ┃ ██████ ██████ ██████ █ █ █ █ █ █▄ ▀███ █ ┃
3
+ * ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█ ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄ ▀█ █ ▀▀▀▀▀ ┃
4
+ * ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄ █ ▄▄▄▄▄ ┃
5
+ * ┃ █ ██████ █ ▀█▄ █ ██████ █ ███▌▐███ ███████▄ █ ┃
6
+ * ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
7
+ * ┃ Copyright (c) 2017, the Perspective Authors. ┃
8
+ * ┃ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ ┃
9
+ * ┃ This file is part of the Perspective library, distributed under the terms ┃
10
+ * ┃ of the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). ┃
11
+ * ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ */
12
+
13
+ @import "./defaults.css";
14
+
15
+ perspective-viewer,
16
+ perspective-viewer[theme="Ledger"],
17
+ perspective-viewer [theme="Ledger"] {
18
+ --psp-theme-name: "Ledger";
19
+ }
20
+
21
+ perspective-viewer[theme="Ledger"],
22
+ perspective-viewer [theme="Ledger"] {
23
+ --theme-paper-0: #fbf7ec;
24
+ --theme-paper-1: #f4eedd;
25
+ --theme-paper-2: #e6ddc4;
26
+ --theme-rule-0: #dfe7d9;
27
+ --theme-rule-1: #b9cbb3;
28
+
29
+ --theme-ink-0: #2b2a26;
30
+ --theme-ink-1: #5d574b;
31
+ --theme-ink-2: #a29c8e;
32
+
33
+ --theme-blue: #1f4e8c;
34
+ --theme-red: #b3261e;
35
+ --theme-green: #2e6b3a;
36
+ --theme-ochre: #b7791f;
37
+ --theme-violet: #5b3a8c;
38
+ --theme-sepia: #8a5a2b;
39
+ --theme-teal: #1d7a7a;
40
+ --theme-magenta: #a03a6a;
41
+ --theme-olive: #4a6b1f;
42
+
43
+ background-color: var(--theme-paper-1);
44
+ color: var(--theme-ink-0);
45
+ --psp--color: var(--theme-ink-0);
46
+ --psp-active--color: var(--theme-blue);
47
+ --psp-error--color: var(--theme-red);
48
+ --psp-inactive--color: var(--theme-ink-2);
49
+ --psp-inactive--border-color: var(--theme-paper-2);
50
+ --psp--background-color: var(--theme-paper-0);
51
+ --psp-active--background: rgba(31, 78, 140, 0.15);
52
+ --psp-expression--operator--color: var(--theme-ink-1);
53
+ --psp-expression--function--color: var(--theme-blue);
54
+ --psp-expression--psp-error--color: var(--theme-red);
55
+ --psp-warning--color: var(--theme-paper-0);
56
+ --psp-warning--background: var(--theme-ink-0);
57
+ --psp-icon-overflow-hint--color: rgba(43, 42, 38, 0.2);
58
+ --psp-placeholder--background: rgba(162, 156, 142, 0.3);
59
+
60
+ --psp-status-icon--connected--color: var(--theme-green);
61
+ --psp-status-icon--initializing--color: var(--theme-ochre);
62
+ --psp-status-icon--psp-error--color: var(--theme-red);
63
+
64
+ --psp-column-type--float--color: var(--theme-blue);
65
+ --psp-column-type--string--color: var(--theme-red);
66
+ --psp-column-type--date--color: var(--theme-teal);
67
+ --psp-column-type--boolean--color: var(--theme-ochre);
68
+
69
+ --psp-code-editor--symbol--color: var(--theme-ink-0);
70
+ --psp-code-editor--literal--color: var(--theme-blue);
71
+ --psp-code-editor--operator--color: var(--theme-sepia);
72
+ --psp-code-editor--comment--color: var(--theme-ink-2);
73
+ --psp-code-editor--column--color: var(--theme-violet);
74
+
75
+ --psp-datagrid--pos-cell--color: var(--theme-green);
76
+ --psp-datagrid--neg-cell--color: var(--theme-red);
77
+ --psp-datagrid--hover--border-color: var(--theme-rule-1);
78
+ --psp-datagrid--border-color: var(--theme-rule-1);
79
+
80
+ --psp-charts--legend--color: var(--theme-ink-1);
81
+ --psp-charts--treemap--labels: var(--theme-ink-0);
82
+ --psp-charts--treemap--hover-highlight: var(--theme-ink-0);
83
+ --psp-charts--tooltip--color: var(--theme-ink-0);
84
+ --psp-charts--axis-ticks--color: var(--theme-ink-0);
85
+ --psp-charts--axis-lines--color: var(--theme-rule-1);
86
+ --psp-charts--gridline--color: var(--theme-rule-0);
87
+ --psp-charts--tooltip--background: var(--theme-paper-0);
88
+ --psp-charts--tooltip--border-color: var(--theme-paper-2);
89
+ --psp-charts--legend--background: var(--psp--background-color);
90
+
91
+ --psp-charts--series--color: var(--theme-blue);
92
+ --psp-charts--series-1--color: var(--theme-blue);
93
+ --psp-charts--series-2--color: var(--theme-red);
94
+ --psp-charts--series-3--color: var(--theme-green);
95
+ --psp-charts--series-4--color: var(--theme-ochre);
96
+ --psp-charts--series-5--color: var(--theme-violet);
97
+ --psp-charts--series-6--color: var(--theme-sepia);
98
+ --psp-charts--series-7--color: var(--theme-teal);
99
+ --psp-charts--series-8--color: var(--theme-ink-1);
100
+ --psp-charts--series-9--color: var(--theme-magenta);
101
+ --psp-charts--series-10--color: var(--theme-olive);
102
+ --psp-datagrid--series-1--color: var(--theme-blue);
103
+ --psp-datagrid--series-2--color: var(--theme-red);
104
+ --psp-datagrid--series-3--color: var(--theme-green);
105
+ --psp-datagrid--series-4--color: var(--theme-ochre);
106
+ --psp-datagrid--series-5--color: var(--theme-violet);
107
+ --psp-datagrid--series-6--color: var(--theme-sepia);
108
+ --psp-datagrid--series-7--color: var(--theme-teal);
109
+ --psp-datagrid--series-8--color: var(--theme-ink-1);
110
+ --psp-datagrid--series-9--color: var(--theme-magenta);
111
+ --psp-datagrid--series-10--color: var(--theme-olive);
112
+
113
+ --psp-charts--gradient--background: linear-gradient(
114
+ var(--theme-red) 0%,
115
+ var(--theme-paper-1) 50%,
116
+ var(--theme-green) 100%
117
+ );
118
+
119
+ --psp-openlayers--tile-url: "http://{a-c}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png";
120
+ --psp-openlayers--element--background: var(--theme-paper-0);
121
+ --psp-openlayers--category-1--color: var(--theme-blue);
122
+ --psp-openlayers--category-2--color: var(--theme-red);
123
+ --psp-openlayers--category-3--color: var(--theme-green);
124
+ --psp-openlayers--category-4--color: var(--theme-ochre);
125
+ --psp-openlayers--category-5--color: var(--theme-violet);
126
+ --psp-openlayers--category-6--color: var(--theme-sepia);
127
+ --psp-openlayers--category-7--color: var(--theme-teal);
128
+ --psp-openlayers--category-8--color: var(--theme-ink-1);
129
+ --psp-openlayers--category-9--color: var(--theme-magenta);
130
+ --psp-openlayers--category-10--color: var(--theme-olive);
131
+ --psp-openlayers--gradient--background: linear-gradient(
132
+ var(--theme-red) 0%,
133
+ var(--theme-paper-1) 50%,
134
+ var(--theme-green) 100%
135
+ );
136
+ }
137
+
138
+ perspective-context-menu[theme="Ledger"],
139
+ perspective-copy-menu[theme="Ledger"],
140
+ perspective-export-menu[theme="Ledger"],
141
+ perspective-dropdown[theme="Ledger"],
142
+ perspective-date-column-style[theme="Ledger"],
143
+ perspective-datetime-column-style[theme="Ledger"],
144
+ perspective-number-column-style[theme="Ledger"],
145
+ perspective-string-column-style[theme="Ledger"] {
146
+ --theme-paper-0: #fbf7ec;
147
+ --theme-paper-1: #f4eedd;
148
+ --theme-paper-2: #e6ddc4;
149
+ --theme-rule-0: #dfe7d9;
150
+ --theme-rule-1: #b9cbb3;
151
+ --theme-ink-0: #2b2a26;
152
+ --theme-ink-1: #5d574b;
153
+ --theme-ink-2: #a29c8e;
154
+ --theme-blue: #1f4e8c;
155
+ --theme-red: #b3261e;
156
+ --theme-green: #2e6b3a;
157
+ --theme-ochre: #b7791f;
158
+ --theme-violet: #5b3a8c;
159
+ --theme-sepia: #8a5a2b;
160
+ --theme-teal: #1d7a7a;
161
+ --theme-magenta: #a03a6a;
162
+ --theme-olive: #4a6b1f;
163
+
164
+ color: var(--theme-ink-0);
165
+ --psp--color: var(--theme-ink-0);
166
+ --psp-active--color: var(--theme-blue);
167
+ --psp-error--color: var(--theme-red);
168
+ --psp-inactive--color: var(--theme-ink-2);
169
+ --psp-inactive--border-color: var(--theme-paper-2);
170
+ --psp--background-color: var(--theme-paper-0);
171
+ --psp-active--background: rgba(31, 78, 140, 0.15);
172
+ --psp-expression--operator--color: var(--theme-ink-1);
173
+ --psp-expression--function--color: var(--theme-blue);
174
+ --psp-expression--psp-error--color: var(--theme-red);
175
+ --psp-warning--color: var(--theme-paper-0);
176
+ --psp-warning--background: var(--theme-ink-0);
177
+ --psp-icon-overflow-hint--color: rgba(43, 42, 38, 0.2);
178
+ --psp-placeholder--background: rgba(162, 156, 142, 0.3);
179
+ --psp-status-icon--connected--color: var(--theme-green);
180
+ --psp-status-icon--initializing--color: var(--theme-ochre);
181
+ --psp-status-icon--psp-error--color: var(--theme-red);
182
+ --psp-column-type--float--color: var(--theme-blue);
183
+ --psp-column-type--string--color: var(--theme-red);
184
+ --psp-column-type--date--color: var(--theme-teal);
185
+ --psp-column-type--boolean--color: var(--theme-ochre);
186
+
187
+ --psp-code-editor--symbol--color: var(--theme-ink-0);
188
+ --psp-code-editor--literal--color: var(--theme-blue);
189
+ --psp-code-editor--operator--color: var(--theme-sepia);
190
+ --psp-code-editor--comment--color: var(--theme-ink-2);
191
+ --psp-code-editor--column--color: var(--theme-violet);
192
+
193
+ background-color: #fbf7ec;
194
+ border: 1px solid #e6ddc4;
195
+ }
package/src/themes/monokai.css CHANGED
@@ -23,6 +23,7 @@ perspective-viewer [theme="Monokai"] {
23
23
  /* perspective-viewer-pro-dark--colors (overrides) */
24
24
  background-color: #242526;
25
25
  color: white;
26
+ color-scheme: dark;
26
27
  --psp--color: white;
27
28
  --psp-active--color: #2770a9;
28
29
  --psp-error--color: #ff9485;
@@ -38,14 +39,6 @@ perspective-viewer [theme="Monokai"] {
38
39
  --psp-warning--color: #242526;
39
40
  --psp-warning--background: var(--psp--color);
40
41
 
41
- --psp-icon--select-arrow--mask-image: var(
42
- --psp-icon--select-arrow-light--mask-image
43
- );
44
-
45
- --psp-icon--select-arrow-hover--mask-image: var(
46
- --psp-icon--select-arrow-dark--mask-image
47
- );
48
-
49
42
  --psp-code-editor--symbol--color: white;
50
43
  --psp-code-editor--literal--color: #7dc3f0;
51
44
  --psp-code-editor--operator--color: rgb(23, 166, 123);
@@ -78,6 +71,16 @@ perspective-viewer [theme="Monokai"] {
78
71
  --psp-charts--series-8--color: rgb(221, 99, 103);
79
72
  --psp-charts--series-9--color: rgb(120, 104, 206);
80
73
  --psp-charts--series-10--color: rgb(23, 166, 123);
74
+ --psp-datagrid--series-1--color: rgb(71, 120, 194);
75
+ --psp-datagrid--series-2--color: rgb(204, 120, 48);
76
+ --psp-datagrid--series-3--color: rgb(158, 84, 192);
77
+ --psp-datagrid--series-4--color: rgb(51, 150, 153);
78
+ --psp-datagrid--series-5--color: rgb(102, 114, 143);
79
+ --psp-datagrid--series-6--color: rgb(211, 103, 189);
80
+ --psp-datagrid--series-7--color: rgb(109, 124, 77);
81
+ --psp-datagrid--series-8--color: rgb(221, 99, 103);
82
+ --psp-datagrid--series-9--color: rgb(120, 104, 206);
83
+ --psp-datagrid--series-10--color: rgb(23, 166, 123);
81
84
  --psp-charts--gradient--background: linear-gradient(
82
85
  #dd6367 0%,
83
86
  #242526 50%,
@@ -157,6 +160,18 @@ perspective-viewer [theme="Monokai"] {
157
160
  --psp-charts--series-10--color: #e6db74;
158
161
  --psp-charts--series-11--color: #a6e22e;
159
162
  --psp-charts--series-12--color: #ae81ff;
163
+ --psp-datagrid--series-1--color: #78dce8;
164
+ --psp-datagrid--series-2--color: #ff6188;
165
+ --psp-datagrid--series-3--color: #fc9867;
166
+ --psp-datagrid--series-4--color: #ffd866;
167
+ --psp-datagrid--series-5--color: #a9dc76;
168
+ --psp-datagrid--series-6--color: #ab9df2;
169
+ --psp-datagrid--series-7--color: #66d9ef;
170
+ --psp-datagrid--series-8--color: #f92672;
171
+ --psp-datagrid--series-9--color: #fd971f;
172
+ --psp-datagrid--series-10--color: #e6db74;
173
+ --psp-datagrid--series-11--color: #a6e22e;
174
+ --psp-datagrid--series-12--color: #ae81ff;
160
175
 
161
176
  --psp-charts--gradient--background: linear-gradient(
162
177
  #ff6188 0%,
@@ -176,6 +191,7 @@ perspective-string-column-style[theme="Monokai"] {
176
191
  /* perspective-viewer-pro-dark--colors (overrides) */
177
192
  background-color: #242526;
178
193
  color: white;
194
+ color-scheme: dark;
179
195
  --psp--color: white;
180
196
  --psp-active--color: #2770a9;
181
197
  --psp-error--color: #ff9485;
@@ -190,12 +206,6 @@ perspective-string-column-style[theme="Monokai"] {
190
206
  --psp-input--filter: invert(1);
191
207
  --psp-warning--color: #242526;
192
208
  --psp-warning--background: var(--psp--color);
193
- --psp-icon--select-arrow--mask-image: var(
194
- --psp-icon--select-arrow-light--mask-image
195
- );
196
- --psp-icon--select-arrow-hover--mask-image: var(
197
- --psp-icon--select-arrow-dark--mask-image
198
- );
199
209
  --psp-code-editor--symbol--color: white;
200
210
  --psp-code-editor--literal--color: #7dc3f0;
201
211
  --psp-code-editor--operator--color: rgb(23, 166, 123);
package/src/themes/nord.css ADDED
@@ -0,0 +1,186 @@
1
+ /* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
2
+ * ┃ ██████ ██████ ██████ █ █ █ █ █ █▄ ▀███ █ ┃
3
+ * ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█ ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄ ▀█ █ ▀▀▀▀▀ ┃
4
+ * ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄ █ ▄▄▄▄▄ ┃
5
+ * ┃ █ ██████ █ ▀█▄ █ ██████ █ ███▌▐███ ███████▄ █ ┃
6
+ * ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
7
+ * ┃ Copyright (c) 2017, the Perspective Authors. ┃
8
+ * ┃ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ ┃
9
+ * ┃ This file is part of the Perspective library, distributed under the terms ┃
10
+ * ┃ of the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). ┃
11
+ * ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ */
12
+
13
+ @import "./defaults.css";
14
+
15
+ perspective-viewer,
16
+ perspective-viewer[theme="Nord"],
17
+ perspective-viewer [theme="Nord"] {
18
+ --psp-theme-name: "Nord";
19
+ }
20
+
21
+ perspective-viewer[theme="Nord"],
22
+ perspective-viewer [theme="Nord"] {
23
+ --theme-bg0: #2e3440;
24
+ --theme-bg1: #3b4252;
25
+ --theme-bg2: #434c5e;
26
+ --theme-bg3: #4c566a;
27
+
28
+ --theme-fg0: #eceff4;
29
+ --theme-fg1: #d8dee9;
30
+ --theme-fg2: #616e88;
31
+
32
+ --theme-frost-0: #8fbcbb;
33
+ --theme-frost-1: #88c0d0;
34
+ --theme-frost-2: #81a1c1;
35
+ --theme-frost-3: #5e81ac;
36
+
37
+ --theme-red: #bf616a;
38
+ --theme-orange: #d08770;
39
+ --theme-yellow: #ebcb8b;
40
+ --theme-green: #a3be8c;
41
+ --theme-purple: #b48ead;
42
+
43
+ background-color: var(--theme-bg0);
44
+ color: var(--theme-fg0);
45
+ color-scheme: dark;
46
+ --psp--color: var(--theme-fg1);
47
+ --psp-active--color: var(--theme-frost-1);
48
+ --psp-error--color: var(--theme-red);
49
+ --psp-inactive--color: var(--theme-bg3);
50
+ --psp-inactive--border-color: var(--theme-bg2);
51
+ --psp--background-color: var(--theme-bg0);
52
+ --psp-active--background: rgba(136, 192, 208, 0.35);
53
+ --psp-expression--operator--color: var(--theme-frost-2);
54
+ --psp-expression--function--color: var(--theme-frost-1);
55
+ --psp-expression--psp-error--color: var(--theme-red);
56
+ --psp-calendar--filter: invert(1);
57
+ --psp-input--filter: invert(1);
58
+ --psp-warning--color: var(--theme-bg0);
59
+ --psp-warning--background: var(--theme-yellow);
60
+
61
+ --psp-status-icon--connected--color: var(--theme-green);
62
+ --psp-status-icon--initializing--color: var(--theme-yellow);
63
+ --psp-status-icon--psp-error--color: var(--theme-red);
64
+
65
+ --psp-code-editor--symbol--color: var(--theme-fg0);
66
+ --psp-code-editor--literal--color: var(--theme-purple);
67
+ --psp-code-editor--operator--color: var(--theme-frost-2);
68
+ --psp-code-editor--comment--color: var(--theme-fg2);
69
+ --psp-code-editor--column--color: var(--theme-green);
70
+
71
+ --psp-datagrid--pos-cell--color: var(--theme-frost-1);
72
+ --psp-datagrid--neg-cell--color: var(--theme-red);
73
+
74
+ --psp-charts--legend--color: var(--theme-fg1);
75
+ --psp-charts--treemap--labels: var(--theme-fg0);
76
+ --psp-charts--treemap--hover-highlight: var(--theme-fg0);
77
+ --psp-charts--tooltip--color: var(--theme-fg0);
78
+ --psp-charts--axis-ticks--color: var(--theme-fg1);
79
+ --psp-charts--axis-lines--color: var(--theme-bg3);
80
+ --psp-charts--gridline--color: var(--theme-bg1);
81
+ --psp-charts--tooltip--background: var(--theme-bg1);
82
+ --psp-charts--tooltip--border-color: var(--theme-bg3);
83
+ --psp-charts--legend--background: var(--psp--background-color);
84
+
85
+ --psp-charts--series--color: var(--theme-frost-1);
86
+ --psp-charts--series-1--color: var(--theme-frost-1);
87
+ --psp-charts--series-2--color: var(--theme-red);
88
+ --psp-charts--series-3--color: var(--theme-green);
89
+ --psp-charts--series-4--color: var(--theme-yellow);
90
+ --psp-charts--series-5--color: var(--theme-purple);
91
+ --psp-charts--series-6--color: var(--theme-orange);
92
+ --psp-charts--series-7--color: var(--theme-frost-3);
93
+ --psp-charts--series-8--color: var(--theme-frost-0);
94
+ --psp-charts--series-9--color: var(--theme-frost-2);
95
+ --psp-charts--series-10--color: var(--theme-fg1);
96
+ --psp-datagrid--series-1--color: var(--theme-frost-1);
97
+ --psp-datagrid--series-2--color: var(--theme-red);
98
+ --psp-datagrid--series-3--color: var(--theme-green);
99
+ --psp-datagrid--series-4--color: var(--theme-yellow);
100
+ --psp-datagrid--series-5--color: var(--theme-purple);
101
+ --psp-datagrid--series-6--color: var(--theme-orange);
102
+ --psp-datagrid--series-7--color: var(--theme-frost-3);
103
+ --psp-datagrid--series-8--color: var(--theme-frost-0);
104
+ --psp-datagrid--series-9--color: var(--theme-frost-2);
105
+ --psp-datagrid--series-10--color: var(--theme-fg1);
106
+
107
+ --psp-charts--gradient--background: linear-gradient(
108
+ var(--theme-red) 0%,
109
+ var(--theme-bg0) 50%,
110
+ var(--theme-frost-1) 100%
111
+ );
112
+
113
+ --psp-openlayers--tile-url: "http://{a-c}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png";
114
+ --psp-openlayers--attribution--filter: invert(1) hue-rotate(180deg);
115
+ --psp-openlayers--element--background: var(--theme-bg1);
116
+ --psp-openlayers--category-1--color: var(--theme-frost-1);
117
+ --psp-openlayers--category-2--color: var(--theme-red);
118
+ --psp-openlayers--category-3--color: var(--theme-green);
119
+ --psp-openlayers--category-4--color: var(--theme-yellow);
120
+ --psp-openlayers--category-5--color: var(--theme-purple);
121
+ --psp-openlayers--category-6--color: var(--theme-orange);
122
+ --psp-openlayers--category-7--color: var(--theme-frost-3);
123
+ --psp-openlayers--category-8--color: var(--theme-frost-0);
124
+ --psp-openlayers--category-9--color: var(--theme-frost-2);
125
+ --psp-openlayers--category-10--color: var(--theme-fg1);
126
+ --psp-openlayers--gradient--background: linear-gradient(
127
+ var(--theme-red) 0%,
128
+ var(--theme-bg0) 50%,
129
+ var(--theme-frost-1) 100%
130
+ );
131
+ }
132
+
133
+ perspective-context-menu[theme="Nord"],
134
+ perspective-copy-menu[theme="Nord"],
135
+ perspective-export-menu[theme="Nord"],
136
+ perspective-dropdown[theme="Nord"],
137
+ perspective-date-column-style[theme="Nord"],
138
+ perspective-datetime-column-style[theme="Nord"],
139
+ perspective-number-column-style[theme="Nord"],
140
+ perspective-string-column-style[theme="Nord"] {
141
+ --theme-bg0: #2e3440;
142
+ --theme-bg1: #3b4252;
143
+ --theme-bg2: #434c5e;
144
+ --theme-bg3: #4c566a;
145
+ --theme-fg0: #eceff4;
146
+ --theme-fg1: #d8dee9;
147
+ --theme-fg2: #616e88;
148
+ --theme-frost-0: #8fbcbb;
149
+ --theme-frost-1: #88c0d0;
150
+ --theme-frost-2: #81a1c1;
151
+ --theme-frost-3: #5e81ac;
152
+ --theme-red: #bf616a;
153
+ --theme-orange: #d08770;
154
+ --theme-yellow: #ebcb8b;
155
+ --theme-green: #a3be8c;
156
+ --theme-purple: #b48ead;
157
+
158
+ background-color: var(--theme-bg0);
159
+ color: var(--theme-fg0);
160
+ color-scheme: dark;
161
+ --psp--color: var(--theme-fg1);
162
+ --psp-active--color: var(--theme-frost-1);
163
+ --psp-error--color: var(--theme-red);
164
+ --psp-inactive--color: var(--theme-bg3);
165
+ --psp-inactive--border-color: var(--theme-bg2);
166
+ --psp--background-color: var(--theme-bg0);
167
+ --psp-active--background: rgba(136, 192, 208, 0.35);
168
+ --psp-expression--operator--color: var(--theme-frost-2);
169
+ --psp-expression--function--color: var(--theme-frost-1);
170
+ --psp-expression--psp-error--color: var(--theme-red);
171
+ --psp-calendar--filter: invert(1);
172
+ --psp-input--filter: invert(1);
173
+ --psp-warning--color: var(--theme-bg0);
174
+ --psp-warning--background: var(--theme-yellow);
175
+ --psp-status-icon--connected--color: var(--theme-green);
176
+ --psp-status-icon--initializing--color: var(--theme-yellow);
177
+ --psp-status-icon--psp-error--color: var(--theme-red);
178
+
179
+ --psp-code-editor--symbol--color: var(--theme-fg0);
180
+ --psp-code-editor--literal--color: var(--theme-purple);
181
+ --psp-code-editor--operator--color: var(--theme-frost-2);
182
+ --psp-code-editor--comment--color: var(--theme-fg2);
183
+ --psp-code-editor--column--color: var(--theme-green);
184
+
185
+ border: 1px solid #434c5e;
186
+ }
package/src/themes/phosphor.css CHANGED
@@ -20,6 +20,7 @@ perspective-viewer [theme="Phosphor"] {
20
20
 
21
21
  perspective-viewer[theme="Phosphor"],
22
22
  perspective-viewer [theme="Phosphor"] {
23
+ color-scheme: dark;
23
24
  /* perspective-viewer-phosphor--colors */
24
25
  --theme-bg0: #0a0a0a;
25
26
  --theme-bg1: #0d0d0d;
@@ -49,14 +50,6 @@ perspective-viewer [theme="Phosphor"] {
49
50
  --psp-warning--color: var(--theme-bg0);
50
51
  --psp-warning--background: var(--theme-amber);
51
52
 
52
- --psp-icon--select-arrow--mask-image: var(
53
- --psp-icon--select-arrow-light--mask-image
54
- );
55
-
56
- --psp-icon--select-arrow-hover--mask-image: var(
57
- --psp-icon--select-arrow-dark--mask-image
58
- );
59
-
60
53
  /* Syntax */
61
54
  --psp-code-editor--symbol--color: var(--theme-green-mid);
62
55
  --psp-code-editor--literal--color: var(--theme-green-bright);
@@ -98,6 +91,11 @@ perspective-viewer [theme="Phosphor"] {
98
91
  --psp-charts--series-3--color: #ff0055;
99
92
  --psp-charts--series-4--color: #ffd700;
100
93
  --psp-charts--series-5--color: #7fffd4;
94
+ --psp-datagrid--series-1--color: #00ff41;
95
+ --psp-datagrid--series-2--color: #00bfff;
96
+ --psp-datagrid--series-3--color: #ff0055;
97
+ --psp-datagrid--series-4--color: #ffd700;
98
+ --psp-datagrid--series-5--color: #7fffd4;
101
99
 
102
100
  --psp-charts--gradient--background: linear-gradient(
103
101
  #ff3333 0%,
@@ -134,6 +132,7 @@ perspective-date-column-style[theme="Phosphor"],
134
132
  perspective-datetime-column-style[theme="Phosphor"],
135
133
  perspective-number-column-style[theme="Phosphor"],
136
134
  perspective-string-column-style[theme="Phosphor"] {
135
+ color-scheme: dark;
137
136
  /* perspective-viewer-phosphor--colors */
138
137
  --theme-bg0: #0a0a0a;
139
138
  --theme-bg1: #0d0d0d;
@@ -160,12 +159,6 @@ perspective-string-column-style[theme="Phosphor"] {
160
159
  --psp-input--filter: invert(1) hue-rotate(70deg);
161
160
  --psp-warning--color: var(--theme-bg0);
162
161
  --psp-warning--background: var(--theme-amber);
163
- --psp-icon--select-arrow--mask-image: var(
164
- --psp-icon--select-arrow-light--mask-image
165
- );
166
- --psp-icon--select-arrow-hover--mask-image: var(
167
- --psp-icon--select-arrow-dark--mask-image
168
- );
169
162
  --psp-code-editor--symbol--color: var(--theme-green-mid);
170
163
  --psp-code-editor--literal--color: var(--theme-green-bright);
171
164
  --psp-code-editor--operator--color: var(--theme-amber);
package/src/themes/pro-dark.css CHANGED
@@ -24,6 +24,7 @@ perspective-viewer [theme="Pro Dark"] {
24
24
  /* perspective-viewer-pro-dark--colors (overrides) */
25
25
  background-color: #242526;
26
26
  color: white;
27
+ color-scheme: dark;
27
28
  --psp--color: white;
28
29
  --psp-active--color: #2770a9;
29
30
  --psp-error--color: #ff9485;
@@ -39,14 +40,6 @@ perspective-viewer [theme="Pro Dark"] {
39
40
  --psp-warning--color: #242526;
40
41
  --psp-warning--background: var(--psp--color);
41
42
 
42
- --psp-icon--select-arrow--mask-image: var(
43
- --psp-icon--select-arrow-light--mask-image
44
- );
45
-
46
- --psp-icon--select-arrow-hover--mask-image: var(
47
- --psp-icon--select-arrow-dark--mask-image
48
- );
49
-
50
43
  /* Syntax */
51
44
  --psp-code-editor--symbol--color: white;
52
45
  --psp-code-editor--literal--color: #7dc3f0;
@@ -81,6 +74,16 @@ perspective-viewer [theme="Pro Dark"] {
81
74
  --psp-charts--series-8--color: rgb(221, 99, 103);
82
75
  --psp-charts--series-9--color: rgb(120, 104, 206);
83
76
  --psp-charts--series-10--color: rgb(23, 166, 123);
77
+ --psp-datagrid--series-1--color: rgb(71, 120, 194);
78
+ --psp-datagrid--series-2--color: rgb(204, 120, 48);
79
+ --psp-datagrid--series-3--color: rgb(158, 84, 192);
80
+ --psp-datagrid--series-4--color: rgb(51, 150, 153);
81
+ --psp-datagrid--series-5--color: rgb(102, 114, 143);
82
+ --psp-datagrid--series-6--color: rgb(211, 103, 189);
83
+ --psp-datagrid--series-7--color: rgb(109, 124, 77);
84
+ --psp-datagrid--series-8--color: rgb(221, 99, 103);
85
+ --psp-datagrid--series-9--color: rgb(120, 104, 206);
86
+ --psp-datagrid--series-10--color: rgb(23, 166, 123);
84
87
 
85
88
  --psp-charts--gradient--background: linear-gradient(
86
89
  #dd6367 0%,
@@ -120,6 +123,7 @@ perspective-string-column-style[theme="Pro Dark"] {
120
123
  /* perspective-viewer-pro-dark--colors (overrides) */
121
124
  background-color: #242526;
122
125
  color: white;
126
+ color-scheme: dark;
123
127
  --psp--color: white;
124
128
  --psp-active--color: #2770a9;
125
129
  --psp-error--color: #ff9485;
@@ -135,14 +139,6 @@ perspective-string-column-style[theme="Pro Dark"] {
135
139
  --psp-warning--color: #242526;
136
140
  --psp-warning--background: var(--psp--color);
137
141
 
138
- --psp-icon--select-arrow--mask-image: var(
139
- --psp-icon--select-arrow-light--mask-image
140
- );
141
-
142
- --psp-icon--select-arrow-hover--mask-image: var(
143
- --psp-icon--select-arrow-dark--mask-image
144
- );
145
-
146
142
  /* Syntax */
147
143
  --psp-code-editor--symbol--color: white;
148
144
  --psp-code-editor--literal--color: #7dc3f0;