@finos/perspective-viewer/src/themes/material-dense.dark.less

The `<perspective-viewer>` Custom Element, frontend for Perspective.js

/******************************************************************************
 *
 * 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 (reference) "./material.dark.less";

.perspective-viewer-material-dense-base {
    --side_panel--padding: 12px 0px 6px 8px;
    --top_panel--padding: 0px 0px 12px 0px;
    --column-drop-label--margin: -10px 0px 0px 0px;
    --settings-button--padding: 15px 8px 6px 8px;
    --column-drop-label--font-size: 8px;
    --column_selector--width: 24px;
}

perspective-column-style.dark,
perspective-expression-editor.dark {
    background-color: @grey700;
    color: #ffffff;
    border: 1px solid @grey300;
    --input--border-color: @grey300;
    --active-color: #2770a9;
    --inactive-color: @grey300;
}

perspective-viewer,
.perspective-viewer-material-dense-dark {
    .perspective-viewer-material-dark();
    .perspective-viewer-material-dense-base();
}