@perspective-dev/viewer 5.3.0 → 5.3.1

package/src/themes/gruvbox-dark.css

@@ -23,6 +23,7 @@ perspective-viewer [theme="Gruvbox Dark"] {
     /* perspective-viewer-pro-dark--colors (overrides) */
     background-color: #242526;
     color: white;
+    color-scheme: dark;
     --psp--color: white;
     --psp-active--color: #2770a9;
     --psp-error--color: #ff9485;
@@ -38,14 +39,6 @@ perspective-viewer [theme="Gruvbox Dark"] {
     --psp-warning--color: #242526;
     --psp-warning--background: var(--psp--color);
 
-    --psp-icon--select-arrow--mask-image: var(
-        --psp-icon--select-arrow-light--mask-image
-    );
-
-    --psp-icon--select-arrow-hover--mask-image: var(
-        --psp-icon--select-arrow-dark--mask-image
-    );
-
     --psp-code-editor--symbol--color: white;
     --psp-code-editor--literal--color: #7dc3f0;
     --psp-code-editor--operator--color: rgb(23, 166, 123);
@@ -157,7 +150,7 @@ perspective-viewer [theme="Gruvbox Dark"] {
 
     /* perspective-viewer-gruvbox-dark--webgl */
     --psp-charts--axis-ticks--color: var(--theme-fg1);
-    --psp-charts--gridline--color: var(--theme-bg2);
+    --psp-charts--gridline--color: var(--theme-bg1);
     --psp-charts--series--color: var(--theme-blue);
     --psp-charts--series-1--color: var(--theme-blue);
     --psp-charts--series-2--color: var(--theme-red);
@@ -196,6 +189,7 @@ perspective-dropdown[theme="Gruvbox Dark"] {
     /* perspective-viewer-pro-dark--colors (overrides) */
     background-color: #242526;
     color: white;
+    color-scheme: dark;
     --psp--color: white;
     --psp-active--color: #2770a9;
     --psp-error--color: #ff9485;
@@ -210,12 +204,6 @@ perspective-dropdown[theme="Gruvbox Dark"] {
     --psp-input--filter: invert(1);
     --psp-warning--color: #242526;
     --psp-warning--background: var(--psp--color);
-    --psp-icon--select-arrow--mask-image: var(
-        --psp-icon--select-arrow-light--mask-image
-    );
-    --psp-icon--select-arrow-hover--mask-image: var(
-        --psp-icon--select-arrow-dark--mask-image
-    );
     --psp-code-editor--symbol--color: white;
     --psp-code-editor--literal--color: #7dc3f0;
     --psp-code-editor--operator--color: rgb(23, 166, 123);

package/src/themes/gruvbox.css

@@ -63,7 +63,7 @@ perspective-viewer [theme="Gruvbox Light"] {
 
     /* perspective-viewer-gruvbox-light--webgl */
     --psp-charts--axis-ticks--color: var(--theme-fg1);
-    --psp-charts--gridline--color: var(--theme-bg2);
+    --psp-charts--gridline--color: var(--theme-bg1);
     --psp-charts--series--color: var(--theme-blue);
     --psp-charts--series-1--color: var(--theme-blue);
     --psp-charts--series-2--color: var(--theme-red);

package/src/themes/icons.css

@@ -55,8 +55,7 @@ perspective-viewer-tab {
     --psp-icon--pin--mask-image: url("../svg/pin-icon.svg");
     --psp-label--inactive-column-selector--content: url("../svg/checkbox-unchecked-icon.svg");
     --psp-label--active-column-selector--content: url("../svg/checkbox-checked-icon.svg");
-    --psp-icon--select-arrow-light--mask-image: url("../svg/dropdown-selector-light.svg");
-    --psp-icon--select-arrow-dark--mask-image: url("../svg/dropdown-selector.svg");
+    --psp-icon--select-arrow--mask-image: url("../svg/dropdown-selector.svg");
     --psp-icon--active-indicator--mask-image: url("../svg/active-indicator.svg");
     --psp-icon-overflow-hint--content: "!";
     --psp-label--reset-button-icon--content: "refresh";

package/src/themes/intl/de.css

@@ -80,7 +80,7 @@ perspective-dropdown {
     --psp-label--style--content: "Stil";
     --psp-label--stack--content: "Stapel";
     --psp-label--alt-axis--content: "Zweite Achse";
-    --psp-label--interpolate--content: "Interpolieren";
+    --psp-label--interpolate--content: "Null interpolieren";
     --psp-label--minimum-integer-digits--content: "Mindestanzahl ganzzahliger Ziffern";
     --psp-label--rounding-increment--content: "Rundungsinkrement";
     --psp-label--notation--content: "Notation";
@@ -159,4 +159,26 @@ perspective-dropdown {
     --psp-label--gradient-heat-max--content: "Maximale Hitze";
     --psp-label--map-tile-provider--content: "Kartenanbieter";
     --psp-label--map-tile-alpha--content: "Kartentransparenz";
+    --psp-label--numeric-axes--content: "Numerische Achsen";
+    --psp-label--legend-mode--content: "Legendenmodus";
+    --psp-label--legend-size-mode--content: "Legendengröße";
+    --psp-label--legend-width-px--content: "Legendenbreite";
+    --psp-label--legend-height-px--content: "Legendenhöhe";
+    --psp-label--legend-anchor--content: "Legendenanker";
+    --psp-label--legend-x--content: "Legenden-X-Versatz";
+    --psp-label--legend-y--content: "Legenden-Y-Versatz";
+    --psp-label--legend-opacity--content: "Legendentransparenz";
+    --psp-label--tooltip-max-column-px--content: "Maximale Spaltenbreite";
+    --psp-label--tooltip-opacity--content: "Deckkraft";
+
+    --psp-label--group-axes--content: "Achsen";
+    --psp-label--group-facets--content: "Facetten";
+    --psp-label--group-glyph--content: "Glyphen";
+    --psp-label--group-density--content: "Dichte";
+    --psp-label--group-basemap--content: "Basiskarte";
+    --psp-label--group-legend--content: "Legende";
+    --psp-label--group-tooltip--content: "Tooltips";
+    --psp-label--group-color--content: "Farbe";
+    --psp-label--group-format--content: "Format";
+    --psp-label--column-size-override--content: "Spaltenbreite";
 }

package/src/themes/intl/es.css

@@ -80,7 +80,7 @@ perspective-dropdown {
     --psp-label--style--content: "Estilo";
     --psp-label--stack--content: "Apilar";
     --psp-label--alt-axis--content: "Eje Alterno";
-    --psp-label--interpolate--content: "Interpolar";
+    --psp-label--interpolate--content: "Interpolar nulos";
     --psp-label--minimum-integer-digits--content: "Dígitos enteros mínimos";
     --psp-label--rounding-increment--content: "Incremento de redondeo";
     --psp-label--notation--content: "Notación";
@@ -159,4 +159,26 @@ perspective-dropdown {
     --psp-label--gradient-heat-max--content: "Calor máximo";
     --psp-label--map-tile-provider--content: "Proveedor de mapa";
     --psp-label--map-tile-alpha--content: "Opacidad del mapa";
+    --psp-label--numeric-axes--content: "Ejes numéricos";
+    --psp-label--legend-mode--content: "Modo de leyenda";
+    --psp-label--legend-size-mode--content: "Tamaño de leyenda";
+    --psp-label--legend-width-px--content: "Ancho de leyenda";
+    --psp-label--legend-height-px--content: "Altura de leyenda";
+    --psp-label--legend-anchor--content: "Anclaje de leyenda";
+    --psp-label--legend-x--content: "Desplazamiento X de leyenda";
+    --psp-label--legend-y--content: "Desplazamiento Y de leyenda";
+    --psp-label--legend-opacity--content: "Opacidad de leyenda";
+    --psp-label--tooltip-max-column-px--content: "Ancho máximo de columna";
+    --psp-label--tooltip-opacity--content: "Opacidad";
+
+    --psp-label--group-axes--content: "Ejes";
+    --psp-label--group-facets--content: "Facetas";
+    --psp-label--group-glyph--content: "Glifos";
+    --psp-label--group-density--content: "Densidad";
+    --psp-label--group-basemap--content: "Mapa base";
+    --psp-label--group-legend--content: "Leyenda";
+    --psp-label--group-tooltip--content: "Descripciones";
+    --psp-label--group-color--content: "Color";
+    --psp-label--group-format--content: "Formato";
+    --psp-label--column-size-override--content: "Ancho de columna";
 }

package/src/themes/intl/fr.css

@@ -80,7 +80,7 @@ perspective-dropdown {
     --psp-label--style--content: "Style";
     --psp-label--stack--content: "Empiler";
     --psp-label--alt-axis--content: "Axe alternatif";
-    --psp-label--interpolate--content: "Interpoler";
+    --psp-label--interpolate--content: "Interpoler les nuls";
     --psp-label--minimum-integer-digits--content: "Chiffres entiers minimaux";
     --psp-label--rounding-increment--content: "Incrément d'arrondi";
     --psp-label--notation--content: "Notation";
@@ -159,4 +159,26 @@ perspective-dropdown {
     --psp-label--gradient-heat-max--content: "Chaleur max";
     --psp-label--map-tile-provider--content: "Fournisseur de carte";
     --psp-label--map-tile-alpha--content: "Opacité de la carte";
+    --psp-label--numeric-axes--content: "Axes numériques";
+    --psp-label--legend-mode--content: "Mode légende";
+    --psp-label--legend-size-mode--content: "Taille de légende";
+    --psp-label--legend-width-px--content: "Largeur de légende";
+    --psp-label--legend-height-px--content: "Hauteur de légende";
+    --psp-label--legend-anchor--content: "Ancrage de légende";
+    --psp-label--legend-x--content: "Décalage X légende";
+    --psp-label--legend-y--content: "Décalage Y légende";
+    --psp-label--legend-opacity--content: "Opacité de légende";
+    --psp-label--tooltip-max-column-px--content: "Largeur max. de colonne";
+    --psp-label--tooltip-opacity--content: "Opacité";
+
+    --psp-label--group-axes--content: "Axes";
+    --psp-label--group-facets--content: "Facettes";
+    --psp-label--group-glyph--content: "Glyphes";
+    --psp-label--group-density--content: "Densité";
+    --psp-label--group-basemap--content: "Fond de carte";
+    --psp-label--group-legend--content: "Légende";
+    --psp-label--group-tooltip--content: "Info-bulles";
+    --psp-label--group-color--content: "Couleur";
+    --psp-label--group-format--content: "Format";
+    --psp-label--column-size-override--content: "Largeur de colonne";
 }

package/src/themes/intl/ja.css

@@ -81,7 +81,7 @@ perspective-dropdown {
     --psp-label--style--content: "スタイル";
     --psp-label--stack--content: "スタック";
     --psp-label--alt-axis--content: "副軸";
-    --psp-label--interpolate--content: "補間";
+    --psp-label--interpolate--content: "null値を補間";
     --psp-label--minimum-integer-digits--content: "整数の最小桁数";
     --psp-label--rounding-increment--content: "丸め増分";
     --psp-label--notation--content: "表記";
@@ -159,4 +159,26 @@ perspective-dropdown {
     --psp-label--gradient-heat-max--content: "最大ヒート";
     --psp-label--map-tile-provider--content: "地図プロバイダー";
     --psp-label--map-tile-alpha--content: "地図の不透明度";
+    --psp-label--numeric-axes--content: "数値軸";
+    --psp-label--legend-mode--content: "凡例モード";
+    --psp-label--legend-size-mode--content: "凡例サイズ";
+    --psp-label--legend-width-px--content: "凡例の幅";
+    --psp-label--legend-height-px--content: "凡例の高さ";
+    --psp-label--legend-anchor--content: "凡例のアンカー";
+    --psp-label--legend-x--content: "凡例Xオフセット";
+    --psp-label--legend-y--content: "凡例Yオフセット";
+    --psp-label--legend-opacity--content: "凡例の不透明度";
+    --psp-label--tooltip-max-column-px--content: "最大列幅";
+    --psp-label--tooltip-opacity--content: "不透明度";
+
+    --psp-label--group-axes--content: "軸";
+    --psp-label--group-facets--content: "ファセット";
+    --psp-label--group-glyph--content: "グリフ";
+    --psp-label--group-density--content: "密度";
+    --psp-label--group-basemap--content: "ベースマップ";
+    --psp-label--group-legend--content: "凡例";
+    --psp-label--group-tooltip--content: "ツールチップ";
+    --psp-label--group-color--content: "色";
+    --psp-label--group-format--content: "書式";
+    --psp-label--column-size-override--content: "列の幅";
 }

package/src/themes/intl/pt.css

@@ -80,7 +80,7 @@ perspective-dropdown {
     --psp-label--style--content: "Estilo";
     --psp-label--stack--content: "Empilhar";
     --psp-label--alt-axis--content: "Eixo Alternativo";
-    --psp-label--interpolate--content: "Interpolar";
+    --psp-label--interpolate--content: "Interpolar nulos";
     --psp-label--minimum-integer-digits--content: "Dígitos inteiros mínimos";
     --psp-label--rounding-increment--content: "Incremento de arredondamento";
     --psp-label--notation--content: "Notação";
@@ -159,4 +159,26 @@ perspective-dropdown {
     --psp-label--gradient-heat-max--content: "Calor máximo";
     --psp-label--map-tile-provider--content: "Provedor de mapa";
     --psp-label--map-tile-alpha--content: "Opacidade do mapa";
+    --psp-label--numeric-axes--content: "Eixos numéricos";
+    --psp-label--legend-mode--content: "Modo da legenda";
+    --psp-label--legend-size-mode--content: "Tamanho da legenda";
+    --psp-label--legend-width-px--content: "Largura da legenda";
+    --psp-label--legend-height-px--content: "Altura da legenda";
+    --psp-label--legend-anchor--content: "Âncora da legenda";
+    --psp-label--legend-x--content: "Deslocamento X da legenda";
+    --psp-label--legend-y--content: "Deslocamento Y da legenda";
+    --psp-label--legend-opacity--content: "Opacidade da legenda";
+    --psp-label--tooltip-max-column-px--content: "Largura máxima da coluna";
+    --psp-label--tooltip-opacity--content: "Opacidade";
+
+    --psp-label--group-axes--content: "Eixos";
+    --psp-label--group-facets--content: "Facetas";
+    --psp-label--group-glyph--content: "Glifos";
+    --psp-label--group-density--content: "Densidade";
+    --psp-label--group-basemap--content: "Mapa base";
+    --psp-label--group-legend--content: "Legenda";
+    --psp-label--group-tooltip--content: "Dicas";
+    --psp-label--group-color--content: "Cor";
+    --psp-label--group-format--content: "Formato";
+    --psp-label--column-size-override--content: "Largura da coluna";
 }

package/src/themes/intl/zh.css

@@ -80,7 +80,7 @@ perspective-dropdown {
     --psp-label--style--content: "风格";
     --psp-label--stack--content: "堆叠";
     --psp-label--alt-axis--content: "副轴";
-    --psp-label--interpolate--content: "插值";
+    --psp-label--interpolate--content: "插值空值";
     --psp-label--minimum-integer-digits--content: "最小整数位数";
     --psp-label--rounding-increment--content: "舍入增量";
     --psp-label--notation--content: "符号";
@@ -159,4 +159,26 @@ perspective-dropdown {
     --psp-label--gradient-heat-max--content: "最大热度";
     --psp-label--map-tile-provider--content: "地图提供商";
     --psp-label--map-tile-alpha--content: "地图不透明度";
+    --psp-label--numeric-axes--content: "数值坐标轴";
+    --psp-label--legend-mode--content: "图例模式";
+    --psp-label--legend-size-mode--content: "图例大小";
+    --psp-label--legend-width-px--content: "图例宽度";
+    --psp-label--legend-height-px--content: "图例高度";
+    --psp-label--legend-anchor--content: "图例锚点";
+    --psp-label--legend-x--content: "图例X偏移";
+    --psp-label--legend-y--content: "图例Y偏移";
+    --psp-label--legend-opacity--content: "图例不透明度";
+    --psp-label--tooltip-max-column-px--content: "最大列宽";
+    --psp-label--tooltip-opacity--content: "不透明度";
+
+    --psp-label--group-axes--content: "坐标轴";
+    --psp-label--group-facets--content: "分面";
+    --psp-label--group-glyph--content: "图元";
+    --psp-label--group-density--content: "密度";
+    --psp-label--group-basemap--content: "底图";
+    --psp-label--group-legend--content: "图例";
+    --psp-label--group-tooltip--content: "工具提示";
+    --psp-label--group-color--content: "颜色";
+    --psp-label--group-format--content: "格式";
+    --psp-label--column-size-override--content: "列宽";
 }

package/src/themes/intl.css

@@ -101,6 +101,17 @@ perspective-dropdown {
     --psp-label--fractional-seconds--content: "Fractional Seconds";
     --psp-label--hours--content: "12/24 Hours";
 
+    --psp-label--group-axes--content: "Axes";
+    --psp-label--group-facets--content: "Facets";
+    --psp-label--group-glyph--content: "Glyphs";
+    --psp-label--group-density--content: "Density";
+    --psp-label--group-basemap--content: "Basemap";
+    --psp-label--group-legend--content: "Legend";
+    --psp-label--group-tooltip--content: "Tooltips";
+    --psp-label--group-color--content: "Color";
+    --psp-label--group-format--content: "Format";
+    --psp-label--column-size-override--content: "Column Width";
+
     /* Tabs */
     --psp-label--style-tab--content: "Style";
     --psp-label--attributes-tab--content: "Expression";
@@ -139,10 +150,10 @@ perspective-dropdown {
     --psp-label--chart-type--content: "Glyph type";
 
     /* Plugin settings — viewer-charts */
-    --psp-label--auto-alt-y-axis--content: "Auto dual Y axis";
-    --psp-label--facet-mode--content: "Facet mode";
-    --psp-label--facet-zoom-mode--content: "Facet zoom";
-    --psp-label--series-zoom-mode--content: "Series zoom";
+    --psp-label--auto-alt-y-axis--content: "Auto Y axis";
+    --psp-label--facet-mode--content: "Split mode";
+    --psp-label--facet-zoom-mode--content: "Zoom mode";
+    --psp-label--series-zoom-mode--content: "Series zoom mode";
     --psp-label--line-width-px--content: "Line width";
     --psp-label--point-size-px--content: "Point size";
     --psp-label--band-inner-frac--content: "Band width";
@@ -157,5 +168,16 @@ perspective-dropdown {
     --psp-label--gradient-heat-max--content: "Heat max";
     --psp-label--map-tile-provider--content: "Map provider";
     --psp-label--map-tile-alpha--content: "Map opacity";
+    --psp-label--numeric-axes--content: "Numeric axes";
     --psp-label--interpolate--content: "Interpolate null";
+    --psp-label--legend-mode--content: "Placement mode";
+    --psp-label--legend-size-mode--content: "Sizing mode";
+    --psp-label--legend-width-px--content: "Width";
+    --psp-label--legend-height-px--content: "Height";
+    --psp-label--legend-anchor--content: "Anchor";
+    --psp-label--legend-x--content: "X offset";
+    --psp-label--legend-y--content: "Y offset";
+    --psp-label--legend-opacity--content: "Opacity";
+    --psp-label--tooltip-max-column-px--content: "Max column width";
+    --psp-label--tooltip-opacity--content: "Opacity";
 }

package/src/themes/ledger.css

@@ -0,0 +1,195 @@
+/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+ * ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
+ * ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
+ * ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
+ * ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
+ * ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
+ * ┃ Copyright (c) 2017, the Perspective Authors.                              ┃
+ * ┃ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ ┃
+ * ┃ This file is part of the Perspective library, distributed under the terms ┃
+ * ┃ of the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). ┃
+ * ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ */
+
+@import "./defaults.css";
+
+perspective-viewer,
+perspective-viewer[theme="Ledger"],
+perspective-viewer [theme="Ledger"] {
+    --psp-theme-name: "Ledger";
+}
+
+perspective-viewer[theme="Ledger"],
+perspective-viewer [theme="Ledger"] {
+    --theme-paper-0: #fbf7ec;
+    --theme-paper-1: #f4eedd;
+    --theme-paper-2: #e6ddc4;
+    --theme-rule-0: #dfe7d9;
+    --theme-rule-1: #b9cbb3;
+
+    --theme-ink-0: #2b2a26;
+    --theme-ink-1: #5d574b;
+    --theme-ink-2: #a29c8e;
+
+    --theme-blue: #1f4e8c;
+    --theme-red: #b3261e;
+    --theme-green: #2e6b3a;
+    --theme-ochre: #b7791f;
+    --theme-violet: #5b3a8c;
+    --theme-sepia: #8a5a2b;
+    --theme-teal: #1d7a7a;
+    --theme-magenta: #a03a6a;
+    --theme-olive: #4a6b1f;
+
+    background-color: var(--theme-paper-1);
+    color: var(--theme-ink-0);
+    --psp--color: var(--theme-ink-0);
+    --psp-active--color: var(--theme-blue);
+    --psp-error--color: var(--theme-red);
+    --psp-inactive--color: var(--theme-ink-2);
+    --psp-inactive--border-color: var(--theme-paper-2);
+    --psp--background-color: var(--theme-paper-0);
+    --psp-active--background: rgba(31, 78, 140, 0.15);
+    --psp-expression--operator--color: var(--theme-ink-1);
+    --psp-expression--function--color: var(--theme-blue);
+    --psp-expression--psp-error--color: var(--theme-red);
+    --psp-warning--color: var(--theme-paper-0);
+    --psp-warning--background: var(--theme-ink-0);
+    --psp-icon-overflow-hint--color: rgba(43, 42, 38, 0.2);
+    --psp-placeholder--background: rgba(162, 156, 142, 0.3);
+
+    --psp-status-icon--connected--color: var(--theme-green);
+    --psp-status-icon--initializing--color: var(--theme-ochre);
+    --psp-status-icon--psp-error--color: var(--theme-red);
+
+    --psp-column-type--float--color: var(--theme-blue);
+    --psp-column-type--string--color: var(--theme-red);
+    --psp-column-type--date--color: var(--theme-teal);
+    --psp-column-type--boolean--color: var(--theme-ochre);
+
+    --psp-code-editor--symbol--color: var(--theme-ink-0);
+    --psp-code-editor--literal--color: var(--theme-blue);
+    --psp-code-editor--operator--color: var(--theme-sepia);
+    --psp-code-editor--comment--color: var(--theme-ink-2);
+    --psp-code-editor--column--color: var(--theme-violet);
+
+    --psp-datagrid--pos-cell--color: var(--theme-green);
+    --psp-datagrid--neg-cell--color: var(--theme-red);
+    --psp-datagrid--hover--border-color: var(--theme-rule-1);
+    --psp-datagrid--border-color: var(--theme-rule-1);
+
+    --psp-charts--legend--color: var(--theme-ink-1);
+    --psp-charts--treemap--labels: var(--theme-ink-0);
+    --psp-charts--treemap--hover-highlight: var(--theme-ink-0);
+    --psp-charts--tooltip--color: var(--theme-ink-0);
+    --psp-charts--axis-ticks--color: var(--theme-ink-0);
+    --psp-charts--axis-lines--color: var(--theme-rule-1);
+    --psp-charts--gridline--color: var(--theme-rule-0);
+    --psp-charts--tooltip--background: var(--theme-paper-0);
+    --psp-charts--tooltip--border-color: var(--theme-paper-2);
+    --psp-charts--legend--background: var(--psp--background-color);
+
+    --psp-charts--series--color: var(--theme-blue);
+    --psp-charts--series-1--color: var(--theme-blue);
+    --psp-charts--series-2--color: var(--theme-red);
+    --psp-charts--series-3--color: var(--theme-green);
+    --psp-charts--series-4--color: var(--theme-ochre);
+    --psp-charts--series-5--color: var(--theme-violet);
+    --psp-charts--series-6--color: var(--theme-sepia);
+    --psp-charts--series-7--color: var(--theme-teal);
+    --psp-charts--series-8--color: var(--theme-ink-1);
+    --psp-charts--series-9--color: var(--theme-magenta);
+    --psp-charts--series-10--color: var(--theme-olive);
+    --psp-datagrid--series-1--color: var(--theme-blue);
+    --psp-datagrid--series-2--color: var(--theme-red);
+    --psp-datagrid--series-3--color: var(--theme-green);
+    --psp-datagrid--series-4--color: var(--theme-ochre);
+    --psp-datagrid--series-5--color: var(--theme-violet);
+    --psp-datagrid--series-6--color: var(--theme-sepia);
+    --psp-datagrid--series-7--color: var(--theme-teal);
+    --psp-datagrid--series-8--color: var(--theme-ink-1);
+    --psp-datagrid--series-9--color: var(--theme-magenta);
+    --psp-datagrid--series-10--color: var(--theme-olive);
+
+    --psp-charts--gradient--background: linear-gradient(
+        var(--theme-red) 0%,
+        var(--theme-paper-1) 50%,
+        var(--theme-green) 100%
+    );
+
+    --psp-openlayers--tile-url: "http://{a-c}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png";
+    --psp-openlayers--element--background: var(--theme-paper-0);
+    --psp-openlayers--category-1--color: var(--theme-blue);
+    --psp-openlayers--category-2--color: var(--theme-red);
+    --psp-openlayers--category-3--color: var(--theme-green);
+    --psp-openlayers--category-4--color: var(--theme-ochre);
+    --psp-openlayers--category-5--color: var(--theme-violet);
+    --psp-openlayers--category-6--color: var(--theme-sepia);
+    --psp-openlayers--category-7--color: var(--theme-teal);
+    --psp-openlayers--category-8--color: var(--theme-ink-1);
+    --psp-openlayers--category-9--color: var(--theme-magenta);
+    --psp-openlayers--category-10--color: var(--theme-olive);
+    --psp-openlayers--gradient--background: linear-gradient(
+        var(--theme-red) 0%,
+        var(--theme-paper-1) 50%,
+        var(--theme-green) 100%
+    );
+}
+
+perspective-context-menu[theme="Ledger"],
+perspective-copy-menu[theme="Ledger"],
+perspective-export-menu[theme="Ledger"],
+perspective-dropdown[theme="Ledger"],
+perspective-date-column-style[theme="Ledger"],
+perspective-datetime-column-style[theme="Ledger"],
+perspective-number-column-style[theme="Ledger"],
+perspective-string-column-style[theme="Ledger"] {
+    --theme-paper-0: #fbf7ec;
+    --theme-paper-1: #f4eedd;
+    --theme-paper-2: #e6ddc4;
+    --theme-rule-0: #dfe7d9;
+    --theme-rule-1: #b9cbb3;
+    --theme-ink-0: #2b2a26;
+    --theme-ink-1: #5d574b;
+    --theme-ink-2: #a29c8e;
+    --theme-blue: #1f4e8c;
+    --theme-red: #b3261e;
+    --theme-green: #2e6b3a;
+    --theme-ochre: #b7791f;
+    --theme-violet: #5b3a8c;
+    --theme-sepia: #8a5a2b;
+    --theme-teal: #1d7a7a;
+    --theme-magenta: #a03a6a;
+    --theme-olive: #4a6b1f;
+
+    color: var(--theme-ink-0);
+    --psp--color: var(--theme-ink-0);
+    --psp-active--color: var(--theme-blue);
+    --psp-error--color: var(--theme-red);
+    --psp-inactive--color: var(--theme-ink-2);
+    --psp-inactive--border-color: var(--theme-paper-2);
+    --psp--background-color: var(--theme-paper-0);
+    --psp-active--background: rgba(31, 78, 140, 0.15);
+    --psp-expression--operator--color: var(--theme-ink-1);
+    --psp-expression--function--color: var(--theme-blue);
+    --psp-expression--psp-error--color: var(--theme-red);
+    --psp-warning--color: var(--theme-paper-0);
+    --psp-warning--background: var(--theme-ink-0);
+    --psp-icon-overflow-hint--color: rgba(43, 42, 38, 0.2);
+    --psp-placeholder--background: rgba(162, 156, 142, 0.3);
+    --psp-status-icon--connected--color: var(--theme-green);
+    --psp-status-icon--initializing--color: var(--theme-ochre);
+    --psp-status-icon--psp-error--color: var(--theme-red);
+    --psp-column-type--float--color: var(--theme-blue);
+    --psp-column-type--string--color: var(--theme-red);
+    --psp-column-type--date--color: var(--theme-teal);
+    --psp-column-type--boolean--color: var(--theme-ochre);
+
+    --psp-code-editor--symbol--color: var(--theme-ink-0);
+    --psp-code-editor--literal--color: var(--theme-blue);
+    --psp-code-editor--operator--color: var(--theme-sepia);
+    --psp-code-editor--comment--color: var(--theme-ink-2);
+    --psp-code-editor--column--color: var(--theme-violet);
+
+    background-color: #fbf7ec;
+    border: 1px solid #e6ddc4;
+}

package/src/themes/monokai.css

@@ -23,6 +23,7 @@ perspective-viewer [theme="Monokai"] {
     /* perspective-viewer-pro-dark--colors (overrides) */
     background-color: #242526;
     color: white;
+    color-scheme: dark;
     --psp--color: white;
     --psp-active--color: #2770a9;
     --psp-error--color: #ff9485;
@@ -38,14 +39,6 @@ perspective-viewer [theme="Monokai"] {
     --psp-warning--color: #242526;
     --psp-warning--background: var(--psp--color);
 
-    --psp-icon--select-arrow--mask-image: var(
-        --psp-icon--select-arrow-light--mask-image
-    );
-
-    --psp-icon--select-arrow-hover--mask-image: var(
-        --psp-icon--select-arrow-dark--mask-image
-    );
-
     --psp-code-editor--symbol--color: white;
     --psp-code-editor--literal--color: #7dc3f0;
     --psp-code-editor--operator--color: rgb(23, 166, 123);
@@ -198,6 +191,7 @@ perspective-string-column-style[theme="Monokai"] {
     /* perspective-viewer-pro-dark--colors (overrides) */
     background-color: #242526;
     color: white;
+    color-scheme: dark;
     --psp--color: white;
     --psp-active--color: #2770a9;
     --psp-error--color: #ff9485;
@@ -212,12 +206,6 @@ perspective-string-column-style[theme="Monokai"] {
     --psp-input--filter: invert(1);
     --psp-warning--color: #242526;
     --psp-warning--background: var(--psp--color);
-    --psp-icon--select-arrow--mask-image: var(
-        --psp-icon--select-arrow-light--mask-image
-    );
-    --psp-icon--select-arrow-hover--mask-image: var(
-        --psp-icon--select-arrow-dark--mask-image
-    );
     --psp-code-editor--symbol--color: white;
     --psp-code-editor--literal--color: #7dc3f0;
     --psp-code-editor--operator--color: rgb(23, 166, 123);