@perspective-dev/viewer 5.3.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 (100) 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.inline.js +9 -9
  31. package/dist/esm/perspective-viewer.inline.js.map +3 -3
  32. package/dist/esm/perspective-viewer.js +8 -8
  33. package/dist/esm/perspective-viewer.js.map +3 -3
  34. package/dist/wasm/perspective-viewer.d.ts +16 -16
  35. package/dist/wasm/perspective-viewer.js +107 -103
  36. package/dist/wasm/perspective-viewer.wasm +0 -0
  37. package/dist/wasm/perspective-viewer.wasm.d.ts +16 -16
  38. package/package.json +1 -1
  39. package/src/css/column-settings-panel.css +19 -0
  40. package/src/css/column-style.css +82 -0
  41. package/src/css/containers/tabs.css +13 -3
  42. package/src/css/dom/select.css +19 -8
  43. package/src/css/plugin-selector.css +1 -0
  44. package/src/css/plugin-settings-panel.css +72 -0
  45. package/src/css/viewer.css +0 -5
  46. package/src/rust/agent/tools.rs +5 -2
  47. package/src/rust/components/column_settings_sidebar/style_tab.rs +296 -237
  48. package/src/rust/components/containers/control_group.rs +91 -0
  49. package/src/rust/components/containers/mod.rs +1 -0
  50. package/src/rust/components/containers/select.rs +8 -2
  51. package/src/rust/components/datetime_column_style/simple.rs +15 -4
  52. package/src/rust/components/datetime_column_style.rs +50 -10
  53. package/src/rust/components/plugin_tab.rs +125 -87
  54. package/src/rust/components/settings_panel.rs +1 -0
  55. package/src/rust/components/status_bar.rs +0 -1
  56. package/src/rust/components/style_controls/number_string_format/digits_section.rs +22 -10
  57. package/src/rust/components/style_controls/number_string_format/misc_section.rs +6 -2
  58. package/src/rust/components/style_controls/number_string_format/style_section.rs +1 -0
  59. package/src/rust/components/style_controls/number_string_format/types.rs +24 -0
  60. package/src/rust/components/style_controls/number_string_format.rs +37 -14
  61. package/src/rust/config/column_config_schema.rs +358 -27
  62. package/src/rust/config/datetime_column_style.rs +4 -21
  63. package/src/rust/config/number_string_format.rs +211 -18
  64. package/src/rust/presentation.rs +17 -0
  65. package/src/rust/queries/plugin_column_styles.rs +2 -2
  66. package/src/rust/renderer/dispatch.rs +34 -8
  67. package/src/rust/renderer/plugin_config.rs +55 -8
  68. package/src/themes/blueprint.css +190 -0
  69. package/src/themes/botanical.css +4 -17
  70. package/src/themes/defaults.css +2 -120
  71. package/src/themes/dracula.css +2 -14
  72. package/src/themes/eggplant.css +189 -0
  73. package/src/themes/gruvbox-dark.css +3 -15
  74. package/src/themes/gruvbox.css +1 -1
  75. package/src/themes/icons.css +1 -2
  76. package/src/themes/intl/de.css +23 -1
  77. package/src/themes/intl/es.css +23 -1
  78. package/src/themes/intl/fr.css +23 -1
  79. package/src/themes/intl/ja.css +23 -1
  80. package/src/themes/intl/pt.css +23 -1
  81. package/src/themes/intl/zh.css +23 -1
  82. package/src/themes/intl.css +26 -4
  83. package/src/themes/ledger.css +195 -0
  84. package/src/themes/monokai.css +2 -14
  85. package/src/themes/nord.css +186 -0
  86. package/src/themes/phosphor.css +2 -14
  87. package/src/themes/pro-dark.css +2 -16
  88. package/src/themes/pro.css +118 -0
  89. package/src/themes/solarized-dark.css +2 -16
  90. package/src/themes/themes.css +10 -5
  91. package/src/themes/vaporwave.css +2 -14
  92. package/src/themes/velvet.css +192 -0
  93. package/src/ts/column-format.ts +52 -2
  94. package/src/svg/dropdown-selector-light.svg +0 -3
  95. /package/dist/wasm/snippets/{perspective-viewer-39c3c3b28e3cbd48 → perspective-viewer-87bd21b215d0631a}/inline0.js +0 -0
  96. /package/dist/wasm/snippets/{perspective-viewer-39c3c3b28e3cbd48 → perspective-viewer-87bd21b215d0631a}/inline1.js +0 -0
  97. /package/dist/wasm/snippets/{perspective-viewer-39c3c3b28e3cbd48 → perspective-viewer-87bd21b215d0631a}/inline2.js +0 -0
  98. /package/dist/wasm/snippets/{perspective-viewer-39c3c3b28e3cbd48 → perspective-viewer-87bd21b215d0631a}/inline3.js +0 -0
  99. /package/dist/wasm/snippets/{perspective-viewer-39c3c3b28e3cbd48 → perspective-viewer-87bd21b215d0631a}/inline4.js +0 -0
  100. /package/dist/wasm/snippets/{perspective-viewer-39c3c3b28e3cbd48 → perspective-viewer-87bd21b215d0631a}/inline5.js +0 -0
@@ -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
+ }
@@ -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);
@@ -139,6 +132,7 @@ perspective-date-column-style[theme="Phosphor"],
139
132
  perspective-datetime-column-style[theme="Phosphor"],
140
133
  perspective-number-column-style[theme="Phosphor"],
141
134
  perspective-string-column-style[theme="Phosphor"] {
135
+ color-scheme: dark;
142
136
  /* perspective-viewer-phosphor--colors */
143
137
  --theme-bg0: #0a0a0a;
144
138
  --theme-bg1: #0d0d0d;
@@ -165,12 +159,6 @@ perspective-string-column-style[theme="Phosphor"] {
165
159
  --psp-input--filter: invert(1) hue-rotate(70deg);
166
160
  --psp-warning--color: var(--theme-bg0);
167
161
  --psp-warning--background: var(--theme-amber);
168
- --psp-icon--select-arrow--mask-image: var(
169
- --psp-icon--select-arrow-light--mask-image
170
- );
171
- --psp-icon--select-arrow-hover--mask-image: var(
172
- --psp-icon--select-arrow-dark--mask-image
173
- );
174
162
  --psp-code-editor--symbol--color: var(--theme-green-mid);
175
163
  --psp-code-editor--literal--color: var(--theme-green-bright);
176
164
  --psp-code-editor--operator--color: var(--theme-amber);
@@ -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;
@@ -130,6 +123,7 @@ perspective-string-column-style[theme="Pro Dark"] {
130
123
  /* perspective-viewer-pro-dark--colors (overrides) */
131
124
  background-color: #242526;
132
125
  color: white;
126
+ color-scheme: dark;
133
127
  --psp--color: white;
134
128
  --psp-active--color: #2770a9;
135
129
  --psp-error--color: #ff9485;
@@ -145,14 +139,6 @@ perspective-string-column-style[theme="Pro Dark"] {
145
139
  --psp-warning--color: #242526;
146
140
  --psp-warning--background: var(--psp--color);
147
141
 
148
- --psp-icon--select-arrow--mask-image: var(
149
- --psp-icon--select-arrow-light--mask-image
150
- );
151
-
152
- --psp-icon--select-arrow-hover--mask-image: var(
153
- --psp-icon--select-arrow-dark--mask-image
154
- );
155
-
156
142
  /* Syntax */
157
143
  --psp-code-editor--symbol--color: white;
158
144
  --psp-code-editor--literal--color: #7dc3f0;
@@ -16,4 +16,122 @@ perspective-viewer,
16
16
  perspective-viewer[theme="Pro Light"],
17
17
  perspective-viewer [theme="Pro Light"] {
18
18
  --psp-theme-name: "Pro Light";
19
+ --psp--color: #161616;
20
+ color: var(--psp--color);
21
+ --psp-inactive--color: #ababab;
22
+ --psp-inactive--border-color: #dadada;
23
+ --psp-active--color: #2670a9;
24
+ --psp-error--color: #ff471e;
25
+ --psp--background-color: #ffffff;
26
+ --psp-icon-overflow-hint--color: rgba(0, 0, 0, 0.2);
27
+ --psp-select--background-color: none;
28
+ --psp-warning--background: #042121;
29
+ --psp-warning--color: #fdfffd;
30
+
31
+ --psp-icon-overflow-hint--color: #fdfffd;
32
+ --psp-placeholder--background: #8b868045;
33
+
34
+ --psp-button--font-size: 16px;
35
+ --psp-config-button--padding: 15px 8px 6px 8px;
36
+ --psp-column-selector--font-size: 16px;
37
+ --psp-column-type--width: 25px;
38
+ --psp-select--padding: 0px;
39
+ --psp-top-panel-row--display: inline-flex;
40
+ --psp-button--min-width: 33px;
41
+
42
+ font-family:
43
+ "ui-monospace", "SFMono-Regular", "SF Mono", "Menlo", "Consolas",
44
+ "Liberation Mono", monospace;
45
+ --psp-interface-monospace--font-family:
46
+ "ui-monospace", "SFMono-Regular", "SF Mono", "Menlo", "Consolas",
47
+ "Liberation Mono", monospace;
48
+
49
+ --psp-label--webgl-y1--content: "arrow_upward";
50
+ --psp-label--webgl-y2--content: "arrow_downward";
51
+ --psp-charts--treemap-axis--lines: none;
52
+ --psp-charts--tooltip--background: #ffffff;
53
+ --psp-charts--tooltip--color: #161616;
54
+ --psp-charts--tooltip--border-color: #ababab;
55
+ --psp-charts--gridline--color: #eaedef;
56
+ --psp-charts--axis-ticks--color: #161616;
57
+ --psp-charts--axis-lines--color: #c5c9d0;
58
+ --psp-charts--legend--background: var(--psp--background-color);
59
+ --psp-charts--series--color: rgba(31, 119, 180, 0.8);
60
+ --psp-charts--series-1--color: #0366d6;
61
+ --psp-charts--series-2--color: #ff7f0e;
62
+ --psp-charts--series-3--color: #2ca02c;
63
+ --psp-charts--series-4--color: #d62728;
64
+ --psp-charts--series-5--color: #9467bd;
65
+ --psp-charts--series-6--color: #8c564b;
66
+ --psp-charts--series-7--color: #e377c2;
67
+ --psp-charts--series-8--color: #7f7f7f;
68
+ --psp-charts--series-9--color: #bcbd22;
69
+ --psp-charts--series-10--color: #17becf;
70
+ --psp-datagrid--series-1--color: #0366d6;
71
+ --psp-datagrid--series-2--color: #ff7f0e;
72
+ --psp-datagrid--series-3--color: #2ca02c;
73
+ --psp-datagrid--series-4--color: #d62728;
74
+ --psp-datagrid--series-5--color: #9467bd;
75
+ --psp-datagrid--series-6--color: #8c564b;
76
+ --psp-datagrid--series-7--color: #e377c2;
77
+ --psp-datagrid--series-8--color: #7f7f7f;
78
+ --psp-datagrid--series-9--color: #bcbd22;
79
+ --psp-datagrid--series-10--color: #17becf;
80
+ --psp-charts--gradient--background: linear-gradient(
81
+ #4d342f 0%,
82
+ #e4521b 22.5%,
83
+ #feeb65 42.5%,
84
+ #f0f0f0 50%,
85
+ #dcedc8 57.5%,
86
+ #42b3d5 67.5%,
87
+ #1a237e 100%
88
+ );
89
+
90
+ --psp-datagrid--pos-cell--color: #338dcd;
91
+ --psp-datagrid--neg-cell--color: #ff471e;
92
+
93
+ --psp-openlayers--tile-url: "http://{a-c}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png";
94
+ --psp-openlayers--element--background: #fff;
95
+ --psp-openlayers--category-1--color: #0366d6;
96
+ --psp-openlayers--category-2--color: #ff7f0e;
97
+ --psp-openlayers--category-3--color: #2ca02c;
98
+ --psp-openlayers--category-4--color: #d62728;
99
+ --psp-openlayers--category-5--color: #9467bd;
100
+ --psp-openlayers--category-6--color: #8c564b;
101
+ --psp-openlayers--category-7--color: #e377c2;
102
+ --psp-openlayers--category-8--color: #7f7f7f;
103
+ --psp-openlayers--category-9--color: #bcbd22;
104
+ --psp-openlayers--category-10--color: #17becf;
105
+ --psp-openlayers--gradient--background: linear-gradient(
106
+ #4d342f 0%,
107
+ #e4521b 22.5%,
108
+ #feeb65 42.5%,
109
+ #f0f0f0 50%,
110
+ #dcedc8 57.5%,
111
+ #42b3d5 67.5%,
112
+ #1a237e 100%
113
+ );
114
+ }
115
+
116
+ perspective-context-menu[theme="Pro Light"],
117
+ perspective-copy-menu[theme="Pro Light"],
118
+ perspective-export-menu[theme="Pro Light"],
119
+ perspective-dropdown[theme="Pro Light"],
120
+ perspective-date-column-style[theme="Pro Light"],
121
+ perspective-datetime-column-style[theme="Pro Light"],
122
+ perspective-number-column-style[theme="Pro Light"],
123
+ perspective-string-column-style[theme="Pro Light"] {
124
+ --psp--color: #161616;
125
+ --psp-inactive--color: #ababab;
126
+ --psp-inactive--border-color: #dadada;
127
+ --psp-active--color: #2670a9;
128
+ --psp-error--color: #ff471e;
129
+ --psp--background-color: #ffffff;
130
+ --psp-icon-overflow-hint--color: rgba(0, 0, 0, 0.2);
131
+ --psp-select--background-color: none;
132
+ --psp-warning--background: #042121;
133
+ --psp-warning--color: #fdfffd;
134
+ color: var(--psp--color);
135
+ background-color: #ffffff;
136
+ border: 1px solid #ababab;
19
137
  }
@@ -23,6 +23,7 @@ perspective-viewer [theme="Solarized Dark"] {
23
23
  /* perspective-viewer-solarized--colors */
24
24
  color: #586e75;
25
25
  background-color: #eee8d5;
26
+ color-scheme: dark;
26
27
  --psp--color: #586e75;
27
28
  --psp-active--color: #268bd2;
28
29
  --psp-error--color: #cb4b16;
@@ -68,14 +69,6 @@ perspective-viewer [theme="Solarized Dark"] {
68
69
  --psp-inactive--border-color: var(--psp-inactive--color);
69
70
  --psp--background-color: #073642;
70
71
 
71
- --psp-icon--select-arrow--mask-image: var(
72
- --psp-icon--select-arrow-light--mask-image
73
- );
74
-
75
- --psp-icon--select-arrow-hover--mask-image: var(
76
- --psp-icon--select-arrow-dark--mask-image
77
- );
78
-
79
72
  /* perspective-viewer-solarized-dark--webgl */
80
73
  --psp-charts--treemap--labels: white;
81
74
  --psp-charts--treemap--hover-highlight: white;
@@ -101,6 +94,7 @@ perspective-number-column-style[theme="Solarized Dark"],
101
94
  perspective-string-column-style[theme="Solarized Dark"] {
102
95
  /* perspective-viewer-solarized--colors */
103
96
  color: #586e75;
97
+ color-scheme: dark;
104
98
  --psp--color: #586e75;
105
99
  --psp-active--color: #268bd2;
106
100
  --psp-error--color: #cb4b16;
@@ -118,13 +112,5 @@ perspective-string-column-style[theme="Solarized Dark"] {
118
112
  --psp-inactive--border-color: var(--psp-inactive--color);
119
113
  --psp--background-color: #073642;
120
114
 
121
- --psp-icon--select-arrow--mask-image: var(
122
- --psp-icon--select-arrow-light--mask-image
123
- );
124
-
125
- --psp-icon--select-arrow-hover--mask-image: var(
126
- --psp-icon--select-arrow-dark--mask-image
127
- );
128
-
129
115
  background-color: #073642;
130
116
  }
@@ -12,12 +12,17 @@
12
12
 
13
13
  @import "./pro.css";
14
14
  @import "./pro-dark.css";
15
+ @import "./blueprint.css";
16
+ @import "./botanical.css";
17
+ @import "./dracula.css";
18
+ @import "./eggplant.css";
19
+ @import "./gruvbox.css";
20
+ @import "./gruvbox-dark.css";
21
+ @import "./ledger.css";
15
22
  @import "./monokai.css";
23
+ @import "./nord.css";
24
+ @import "./phosphor.css";
16
25
  @import "./solarized.css";
17
26
  @import "./solarized-dark.css";
18
27
  @import "./vaporwave.css";
19
- @import "./gruvbox.css";
20
- @import "./gruvbox-dark.css";
21
- @import "./dracula.css";
22
- @import "./botanical.css";
23
- @import "./phosphor.css";
28
+ @import "./velvet.css";
@@ -23,6 +23,7 @@ perspective-viewer [theme="Vaporwave"] {
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="Vaporwave"] {
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);
@@ -208,6 +201,7 @@ perspective-string-column-style[theme="Vaporwave"] {
208
201
  /* perspective-viewer-pro-dark--colors (overrides) */
209
202
  background-color: #242526;
210
203
  color: white;
204
+ color-scheme: dark;
211
205
  --psp--color: white;
212
206
  --psp-active--color: #2770a9;
213
207
  --psp-error--color: #ff9485;
@@ -222,12 +216,6 @@ perspective-string-column-style[theme="Vaporwave"] {
222
216
  --psp-input--filter: invert(1);
223
217
  --psp-warning--color: #242526;
224
218
  --psp-warning--background: var(--psp--color);
225
- --psp-icon--select-arrow--mask-image: var(
226
- --psp-icon--select-arrow-light--mask-image
227
- );
228
- --psp-icon--select-arrow-hover--mask-image: var(
229
- --psp-icon--select-arrow-dark--mask-image
230
- );
231
219
  --psp-code-editor--symbol--color: white;
232
220
  --psp-code-editor--literal--color: #7dc3f0;
233
221
  --psp-code-editor--operator--color: rgb(23, 166, 123);