@finos/perspective-viewer/src/less/variables.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.
 *
 */

@border-color: #ccc;
@sans-serif-fonts: Arial, sans-serif;
@monospace-fonts: monospace;

// material design
@material-sans-serif-fonts: "Open Sans", Arial, sans-serif;
@material-monospace-fonts: "Roboto Mono", monospace;

@elevationinset1: inset 0 2px 4px 0 rgb(0 0 0 / 10%);

@green500: #24874b;
@green50: #70c77f;

@grey20: #eaedef;
@grey60: #c5c9d0;
@grey200: #61656e;
@grey300: #4c505b;
@grey400: #44484f;
@grey500: #3b3f46;
@grey600: #2f3136;
@grey700: #2a2c2f;
@grey800: #242526;
@grey900: #161616;

@red50: #ff9485;

@red300: #ff5942;
@red400: #ed412a;
@red500: #e32b16;
@red600: #c42010;

@blue50: #7dc3f0;

@blue300: #338dcd;
@blue400: #2d81bd;
@blue500: #2670a9;

@elevation1: 0 2px 4px 0 rgb(0 0 0 / 10%);

// old

@border-color-dark: #3b3f46;

@coolgrey100: #eceff1;
@coolgrey200: #cfd8dc;
@coolgrey600: #3b3f46;
@coolgrey700: #2f3136;
@coolgrey800: #2a2c2f;
@coolgrey900: #242526;

@blue800: #1a7da1;
@blue900: #135d78;

@lightblue600: #22a0ce;
@lightblue700: #0288d1;

@orange500: #ea7319;
@orange50: #fec55e;

@red300: #ff471e;
// @red600: #c72513;
@red800: #951c0e;
@red900: #7f170b;

@amber300: #ffd54f;
@amber400: #ffca28;

@darkgray: #666;
@lightgray: #a0a0a0;