UNPKG

9.31 kBCSSView Raw
1@import url(https://fonts.googleapis.com/css?family=Material+Icons);
2@import url(https://fonts.googleapis.com/css?family=Open+Sans);
3@import url(https://fonts.googleapis.com/css?family=Roboto+Mono);
4/******************************************************************************
5 *
6 * Copyright (c) 2017, the Perspective Authors.
7 *
8 * This file is part of the Perspective library, distributed under the terms of
9 * the Apache License 2.0. The full license can be found in the LICENSE file.
10 *
11 */
12perspective-viewer,
13.perspective-viewer-material-dense-dark {
14 font-family: "Open Sans";
15 --interface--font-family: "Open Sans";
16 --interface-monospace--font-family: "Roboto Mono";
17 --inactive-column-selector--content: "\E835";
18 --active-column-selector--content: "\E834";
19 --column--background: none;
20 --column--height: 21px;
21 --active-column--height: 51px;
22 --inactive-column--height: 24px;
23 --active-columns--justify-content: space-evenly;
24 --inactive-column--opacity: 0.3;
25 --float--column-type--color: #1a7da1;
26 --string--column-type--color: #ff8888;
27 --settings-button--content: "more_vert";
28 --button--font-family: "Material Icons";
29 --overflow_hint--before: "error_outline";
30 --overflow_hint--font-family: "Material Icons";
31 --overflow_hint--color: rgba(0, 0, 0, 0.2);
32 --overflow_hint--padding: 0 12px 0 6px;
33 --copy_button--before: "file_copy";
34 --download_button--before: "save_alt";
35 --reset_button--before: "refresh";
36 --row_draggable-border-last-child-width: 0;
37 --row_pivots--before: "Group By";
38 --column_pivots--before: "Split By";
39 --sort-order-asc--before: "arrow_upward";
40 --sort-order-desc--before: "arrow_downward";
41 --sort-order-none--before: "remove";
42 --close_button--before: "close";
43 --sort-order-col-asc--before: "arrow_back";
44 --sort-order-col-desc--before: "arrow_forward";
45 --select--background-color: none;
46 --select--padding: 0px;
47 --column-drop-container--background: none;
48 --column-drop-container--padding: 0px;
49 --column-drop-container--margin: 24px 24px 0px 0px;
50 --column-drop-label--margin: -12px 0px 0px 0px;
51 --column-drop-label--font-size: 10px;
52 --column-drop-label--display: inline-block;
53 --column-container--margin: 24px 0px 0px 0px;
54 --column-add--font-family: "Material Icons";
55 --column-add--before: "add";
56 --column-close--font-family: "Material Icons";
57 --column-close--before: "close";
58 --column_type--padding: 0px 0px 0px 0px;
59 --column_type--width: 25px;
60 --column-selector--font-family: "Material Icons";
61 --active-column-selector--height: 45px;
62 --column_selector--width: 31px;
63 --column_selector--font-size: 16px;
64 --hypergrid-gridline--color: #ddd;
65 --hypergrid--padding: 24px;
66 --side_panel--padding: 24px 24px 24px 17px;
67 --button--padding: 24px 17px 0px 17px;
68 --button--font-size: 16px;
69 --top_panel--padding: 0px 0px 24px 0px;
70 --top-panel-row--display: inline-flex;
71 --hypergrid-scrollbar--width: 8px;
72 --hypergrid-scrollbar--border-radius: 5px;
73 --hypergrid--font-size: 12px;
74 --hypergrid-header--font-size: 12px;
75 --hypergrid--font-family: "Open Sans";
76 --hypergrid-header--font-family: "Open Sans";
77 --d3fc-treedata-axis--lines: none;
78 background-color: #2a2c2f;
79 color: #cfd8dc;
80 --background-color: #2a2c2f;
81 --color: #cfd8dc;
82 --plugin--background: #2f3136;
83 --select--background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0LjkgMTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQuOSAxMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM0NDQ0NDQ7fQo8L3N0eWxlPgo8dGl0bGU+YXJyb3dzPC90aXRsZT4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxLjQsNC43IDIuNSwzLjIgMy41LDQuNyAiLz4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIzLjUsNS4zIDIuNSw2LjggMS40LDUuMyAiLz4KPC9zdmc+Cg==) no-repeat 95% 50%;
84 --inactive--color: #666;
85 --active--background: #135d78;
86 --active--color: #22a0ce;
87 --column_type-float--color: #22a0ce;
88 --column_type-string--color: #ff8888;
89 --hypergrid--color: #eee;
90 --hypergrid-tree-header--background: #2f3136;
91 --hypergrid--background: #2f3136;
92 --hypergrid-tree-header--color: #eee;
93 --hypergrid-header--background: #2f3136;
94 --hypergrid-separator--color: #eee;
95 --hypergrid-header--color: #eee;
96 --hypergrid-selection--background: rgba(255, 255, 255, 0.25);
97 --hypergrid-positive--color: #22a0ce;
98 --hypergrid-negative--color: #ff8888;
99 --expression--operator-color: #cfd8dc;
100 --expression--function-color: #22a0ce;
101 --expression--error-color: #ff8888;
102 --hypergrid-row-hover--background: #555;
103 --hypergrid-row-hover--color: #eee;
104 --hypergrid-cell-hover--background: #444;
105 --hypergrid-cell-hover--color: #eee;
106 --highcharts-label--fill: #cfd8dc;
107 --highcharts-rect--opacity: 0.85;
108 --highcharts-grid-line--stroke: #3b3f46;
109 --highcharts-tooltip--background: #2a2c2f;
110 --d3fc-legend--text: #bbbbbb;
111 --d3fc-treedata--labels: #bbbbbb;
112 --d3fc-treedata--hover-highlight: #ffffff;
113 --d3fc-axis--ticks: #bbbbbb;
114 --d3fc-axis--lines: #555555;
115 --d3fc-tooltip--background: #333333;
116 --d3fc-tooltip--color: #cfd8dc;
117 --d3fc-series: rgba(31, 119, 180, 0.8);
118 --d3fc-series-1: #0366d6;
119 --d3fc-series-2: #ff7f0e;
120 --d3fc-series-3: #2ca02c;
121 --d3fc-series-4: #d62728;
122 --d3fc-series-5: #9467bd;
123 --d3fc-series-6: #8c564b;
124 --d3fc-series-7: #e377c2;
125 --d3fc-series-8: #7f7f7f;
126 --d3fc-series-9: #bcbd22;
127 --d3fc-series-10: #17becf;
128 --d3fc-full--gradient: linear-gradient(#feeb65 0%, #e4521b 22.5%, #4d342f 42.5%, #222222 50%, #1a237e 57.5%, #42b3d5 67.5%, #dcedc8 100%);
129 --d3fc-positive--gradient: linear-gradient(#222222 0%, #1a237e 35%, #42b3d5 70%, #dcedc8 100%);
130 --d3fc-negative--gradient: linear-gradient(#feeb65 0%, #e4521b 35%, #4d342f 70%, #222222 100%);
131 --highcharts-full--gradient: linear-gradient(#feeb65 0%, #e4521b 22.5%, #4d342f 42.5%, #222222 50%, #1a237e 57.5%, #42b3d5 67.5%, #dcedc8 100%);
132 --highcharts-positive--gradient: linear-gradient(#222222 0%, #1a237e 35%, #42b3d5 70%, #dcedc8 100%);
133 --highcharts-negative--gradient: linear-gradient(#feeb65 0%, #e4521b 35%, #4d342f 70%, #222222 100%);
134 --warning--color: #333;
135 --autocomplete-select-background: #555;
136 --autocomplete-hover-background: #444;
137 --hypergrid--padding: 12px 12px 12px 12px;
138 --hypergrid-row--height: 20px;
139 --side_panel--padding: 12px 12px 12px 10px;
140 --top_panel--padding: 0px 0px 12px 0px;
141 --column-drop-label--margin: -10px 0px 0px 0px;
142 --column-drop-container--margin: 12px 12px 0px 0px;
143 --column-container--margin: 12px 0px 0px 0px;
144 --row_draggable--animation: none;
145 --button--padding: 12px 9px;
146 --active-column--height: 45px;
147 --column-drop-label--font-size: 8px;
148 --column_selector--width: 24px;
149}
150perspective-viewer table,
151.perspective-viewer-material-dense-dark table {
152 color: #cfd8dc;
153}
154perspective-viewer tr td span.pd-tree-group,
155.perspective-viewer-material-dense-dark tr td span.pd-tree-group {
156 border-left: 1px solid #444;
157}
158perspective-viewer tr td.pd-group-header,
159.perspective-viewer-material-dense-dark tr td.pd-group-header,
160perspective-viewer tr th.pd-group-header,
161.perspective-viewer-material-dense-dark tr th.pd-group-header {
162 border-right: 1px solid #999;
163}
164perspective-viewer tr:last-child th,
165.perspective-viewer-material-dense-dark tr:last-child th {
166 border-bottom: 1px solid #999;
167}
168perspective-viewer .pd-selected td,
169.perspective-viewer-material-dense-dark .pd-selected td {
170 background-color: rgba(0, 0, 0, 0);
171}
172perspective-viewer tr.pd-selected:hover td div,
173.perspective-viewer-material-dense-dark tr.pd-selected:hover td div {
174 background-color: #444;
175}
176perspective-viewer td.pd-negative,
177.perspective-viewer-material-dense-dark td.pd-negative {
178 color: #ff8888;
179}
180perspective-viewer td.pd-positive,
181.perspective-viewer-material-dense-dark td.pd-positive {
182 color: #22a0ce;
183}
184perspective-viewer .pd-selected td:not(.pd-group-header),
185.perspective-viewer-material-dense-dark .pd-selected td:not(.pd-group-header),
186perspective-viewer .pd-selected td span.pd-group-name,
187.perspective-viewer-material-dense-dark .pd-selected td span.pd-group-name {
188 background: #EA7319 !important;
189}
190perspective-viewer .pd-selected td,
191.perspective-viewer-material-dense-dark .pd-selected td {
192 color: #000;
193 background-color: rgba(0, 0, 0, 0);
194}
195perspective-viewer .pd-sub-selected td:not(.pd-group-header),
196.perspective-viewer-material-dense-dark .pd-sub-selected td:not(.pd-group-header),
197perspective-viewer .pd-sub-selected td span.pd-group-name,
198.perspective-viewer-material-dense-dark .pd-sub-selected td span.pd-group-name {
199 background: rgba(234, 115, 25, 0.2) !important;
200}
201perspective-viewer tbody:hover tr:hover td,
202.perspective-viewer-material-dense-dark tbody:hover tr:hover td,
203perspective-viewer tbody:hover tr:hover td span,
204.perspective-viewer-material-dense-dark tbody:hover tr:hover td span {
205 background: #444;
206}
207perspective-viewer table tr:hover,
208.perspective-viewer-material-dense-dark table tr:hover {
209 color: #ffffff;
210}
211
212
213/*# sourceMappingURL=material-dense.dark.css.map*/
\No newline at end of file