@finos/perspective-viewer/dist/themes/material.dark.less

/******************************************************************************
 *
 * Copyright (c) 2017, the Perspective Authors.
 *
 * This file is part of the Perspective library, distributed under the terms of
 * the Apache License 2.0.  The full license can be found in the LICENSE file.
 *
 */

@import "../less/fonts";
@import "../less/variables";
@import (reference) "material";


perspective-viewer, .perspective-viewer-material-dark{
    .perspective-viewer-material-base();
    background-color: @coolgrey800;
    color: #cfd8dc;

    --plugin--background: @coolgrey700;
    --select--background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0LjkgMTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQuOSAxMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM0NDQ0NDQ7fQo8L3N0eWxlPgo8dGl0bGU+YXJyb3dzPC90aXRsZT4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxLjQsNC43IDIuNSwzLjIgMy41LDQuNyAiLz4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIzLjUsNS4zIDIuNSw2LjggMS40LDUuMyAiLz4KPC9zdmc+Cg==) no-repeat 95% 50%;

    --inactive--color: #666;
    --active--background: @blue900;
    --active--color: @lightblue600;
    --column_type-float--color: @lightblue600;
    --column_type-string--color: rgb(255, 136, 136);

    --hypergrid--color: #eee;
    --hypergrid-tree-header--background: @coolgrey700;
    --hypergrid--background: @coolgrey700;
    --hypergrid-tree-header--color: #eee;
    --hypergrid-header--background: @coolgrey700;
    --hypergrid-separator--color: #eee;
    --hypergrid-header--color: #eee;

    --hypergrid-selection--background: rgba(255, 255, 255, 0.25);

    --hypergrid-positive--color: @lightblue600;
    --hypergrid-negative--color: rgb(255, 136, 136);

    --hypergrid-row-hover--background: #555;
    --hypergrid-row-hover--color: #eee;
    --hypergrid-cell-hover--background: #444;
    --hypergrid-cell-hover--color: #eee;

    --highcharts-label--fill: @coolgrey200;
    --highcharts-rect--opacity: 0.85;
    --highcharts-grid-line--stroke: @coolgrey600;
    --highcharts-tooltip--background: @coolgrey800;

    --d3fc-legend--text: rgb(187, 187, 187);
    --d3fc-treedata--labels: rgb(187, 187, 187);
    --d3fc-treedata--hover-highlight: rgb(255, 255, 255);
    --d3fc-axis--ticks: rgb(187, 187, 187);
    --d3fc-axis--lines: rgb(85, 85, 85);
    --d3fc-tooltip--background: #333333;
    --d3fc-tooltip--color: rgb(207, 216, 220);
    --d3fc-series: rgba(31, 119, 180, 0.8);
    --d3fc-series-1: #0366d6;
    --d3fc-series-2: #ff7f0e;
    --d3fc-series-3: #2ca02c;
    --d3fc-series-4: #d62728;
    --d3fc-series-5: #9467bd;
    --d3fc-series-6: #8c564b;
    --d3fc-series-7: #e377c2;
    --d3fc-series-8: #7f7f7f;
    --d3fc-series-9: #bcbd22;
    --d3fc-series-10: #17becf;
    --d3fc-full--gradient: linear-gradient(
        #feeb65 0%,
        #e4521b 22.5%,
        #4d342f 42.5%,
        #222222 50%,
        #1a237e 57.5%,
        #42b3d5 67.5%,
        #dcedc8 100%
    );
    --d3fc-positive--gradient: linear-gradient(
        #222222 0%,
        #1a237e 35%,
        #42b3d5 70%,
        #dcedc8 100%
    );
    --d3fc-negative--gradient: linear-gradient(
        #feeb65 0%,
        #e4521b 35%,
        #4d342f 70%,
        #222222 100%
    );
    --highcharts-full--gradient: linear-gradient(
        #feeb65 0%,
        #e4521b 22.5%,
        #4d342f 42.5%,
        #222222 50%,
        #1a237e 57.5%,
        #42b3d5 67.5%,
        #dcedc8 100%
    );
    --highcharts-positive--gradient: linear-gradient(
        #222222 0%,
        #1a237e 35%,
        #42b3d5 70%,
        #dcedc8 100%
    );
    --highcharts-negative--gradient: linear-gradient(
        #feeb65 0%,
        #e4521b 35%,
        #4d342f 70%,
        #222222 100%
    );
    --warning--color: #333;
}