@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.
- package/dist/cdn/perspective-viewer.js +8 -8
- package/dist/cdn/perspective-viewer.js.map +3 -3
- package/dist/css/blueprint.css +1 -0
- package/dist/css/botanical.css +1 -1
- package/dist/css/dracula.css +1 -1
- package/dist/css/eggplant.css +1 -0
- package/dist/css/gruvbox-dark.css +1 -1
- package/dist/css/gruvbox.css +1 -1
- package/dist/css/icons.css +1 -1
- package/dist/css/intl/de.css +1 -1
- package/dist/css/intl/es.css +1 -1
- package/dist/css/intl/fr.css +1 -1
- package/dist/css/intl/ja.css +1 -1
- package/dist/css/intl/pt.css +1 -1
- package/dist/css/intl/zh.css +1 -1
- package/dist/css/intl.css +1 -1
- package/dist/css/ledger.css +1 -0
- package/dist/css/monokai.css +1 -1
- package/dist/css/nord.css +1 -0
- package/dist/css/phosphor.css +1 -1
- package/dist/css/pro-dark.css +1 -1
- package/dist/css/pro.css +1 -1
- package/dist/css/solarized-dark.css +1 -1
- package/dist/css/solarized.css +1 -1
- package/dist/css/themes.css +1 -1
- package/dist/css/vaporwave.css +1 -1
- package/dist/css/velvet.css +1 -0
- package/dist/docs/perspective-docs.json +1 -1
- package/dist/esm/column-format.d.ts +16 -3
- package/dist/esm/perspective-viewer.inline.js +9 -9
- package/dist/esm/perspective-viewer.inline.js.map +3 -3
- package/dist/esm/perspective-viewer.js +8 -8
- package/dist/esm/perspective-viewer.js.map +3 -3
- package/dist/wasm/perspective-viewer.d.ts +16 -16
- package/dist/wasm/perspective-viewer.js +107 -103
- package/dist/wasm/perspective-viewer.wasm +0 -0
- package/dist/wasm/perspective-viewer.wasm.d.ts +16 -16
- package/package.json +1 -1
- package/src/css/column-settings-panel.css +19 -0
- package/src/css/column-style.css +82 -0
- package/src/css/containers/tabs.css +13 -3
- package/src/css/dom/select.css +19 -8
- package/src/css/plugin-selector.css +1 -0
- package/src/css/plugin-settings-panel.css +72 -0
- package/src/css/viewer.css +0 -5
- package/src/rust/agent/tools.rs +5 -2
- package/src/rust/components/column_settings_sidebar/style_tab.rs +296 -237
- package/src/rust/components/containers/control_group.rs +91 -0
- package/src/rust/components/containers/mod.rs +1 -0
- package/src/rust/components/containers/select.rs +8 -2
- package/src/rust/components/datetime_column_style/simple.rs +15 -4
- package/src/rust/components/datetime_column_style.rs +50 -10
- package/src/rust/components/plugin_tab.rs +125 -87
- package/src/rust/components/settings_panel.rs +1 -0
- package/src/rust/components/status_bar.rs +0 -1
- package/src/rust/components/style_controls/number_string_format/digits_section.rs +22 -10
- package/src/rust/components/style_controls/number_string_format/misc_section.rs +6 -2
- package/src/rust/components/style_controls/number_string_format/style_section.rs +1 -0
- package/src/rust/components/style_controls/number_string_format/types.rs +24 -0
- package/src/rust/components/style_controls/number_string_format.rs +37 -14
- package/src/rust/config/column_config_schema.rs +358 -27
- package/src/rust/config/datetime_column_style.rs +4 -21
- package/src/rust/config/number_string_format.rs +211 -18
- package/src/rust/presentation.rs +17 -0
- package/src/rust/queries/plugin_column_styles.rs +2 -2
- package/src/rust/renderer/dispatch.rs +34 -8
- package/src/rust/renderer/plugin_config.rs +55 -8
- package/src/themes/blueprint.css +190 -0
- package/src/themes/botanical.css +4 -17
- package/src/themes/defaults.css +2 -120
- package/src/themes/dracula.css +2 -14
- package/src/themes/eggplant.css +189 -0
- package/src/themes/gruvbox-dark.css +3 -15
- package/src/themes/gruvbox.css +1 -1
- package/src/themes/icons.css +1 -2
- package/src/themes/intl/de.css +23 -1
- package/src/themes/intl/es.css +23 -1
- package/src/themes/intl/fr.css +23 -1
- package/src/themes/intl/ja.css +23 -1
- package/src/themes/intl/pt.css +23 -1
- package/src/themes/intl/zh.css +23 -1
- package/src/themes/intl.css +26 -4
- package/src/themes/ledger.css +195 -0
- package/src/themes/monokai.css +2 -14
- package/src/themes/nord.css +186 -0
- package/src/themes/phosphor.css +2 -14
- package/src/themes/pro-dark.css +2 -16
- package/src/themes/pro.css +118 -0
- package/src/themes/solarized-dark.css +2 -16
- package/src/themes/themes.css +10 -5
- package/src/themes/vaporwave.css +2 -14
- package/src/themes/velvet.css +192 -0
- package/src/ts/column-format.ts +52 -2
- package/src/svg/dropdown-selector-light.svg +0 -3
- /package/dist/wasm/snippets/{perspective-viewer-39c3c3b28e3cbd48 → perspective-viewer-87bd21b215d0631a}/inline0.js +0 -0
- /package/dist/wasm/snippets/{perspective-viewer-39c3c3b28e3cbd48 → perspective-viewer-87bd21b215d0631a}/inline1.js +0 -0
- /package/dist/wasm/snippets/{perspective-viewer-39c3c3b28e3cbd48 → perspective-viewer-87bd21b215d0631a}/inline2.js +0 -0
- /package/dist/wasm/snippets/{perspective-viewer-39c3c3b28e3cbd48 → perspective-viewer-87bd21b215d0631a}/inline3.js +0 -0
- /package/dist/wasm/snippets/{perspective-viewer-39c3c3b28e3cbd48 → perspective-viewer-87bd21b215d0631a}/inline4.js +0 -0
- /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
|
+
}
|
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);
|
|
@@ -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);
|
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;
|
|
@@ -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;
|
package/src/themes/pro.css
CHANGED
|
@@ -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
|
}
|
package/src/themes/themes.css
CHANGED
|
@@ -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 "./
|
|
20
|
-
@import "./gruvbox-dark.css";
|
|
21
|
-
@import "./dracula.css";
|
|
22
|
-
@import "./botanical.css";
|
|
23
|
-
@import "./phosphor.css";
|
|
28
|
+
@import "./velvet.css";
|
package/src/themes/vaporwave.css
CHANGED
|
@@ -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);
|