UNPKG

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