cirrus-ui/src/internal/_theme.scss

A lightweight UI framework written in SCSS

/* v1 Color scheme for Cirrus */

$cirrus-black: #000000;
$cirrus-white: #ffffff;
$cirrus-primary: #f03d4d;
$cirrus-primary-light: #ffdadd;
$cirrus-light: #f6f9fc;
$cirrus-light-gray: #f8f9fa;
$cirrus-gray: #d5d7dc;
$cirrus-dark-gray: #909090;
$cirrus-dark: #363636;
$cirrus-link: #5e5cc7;
$cirrus-link-dark: #4643e2;
$cirrus-info: #2972fa;
$cirrus-success: #0dd157;
$cirrus-warning: #fab633;
$cirrus-danger: #fb4143;

$cirrus-fg: #0f172a;
$cirrus-bg: $cirrus-white;

$cirrus-select-bg: rgba(0, 161, 255, 0.2);
$cirrus-input-border: rgb(61, 171, 240);

$cirrus-code-bg: var($cirrus-primary-light);
$cirrus-code-fg: #dc4753;

$cirrus-form-group-bg: var($cirrus-light-gray);
$cirrus-form-group-fg: var($cirrus-dark-gray);

$toast-primary-bg: rgba(49, 59, 80, 0.9);

$tooltip-primary-bg: rgba(69, 77, 93, 0.9);

$placeholder-fg: #a9a9a9;

$animation-duration: 0.2s;
$focus-opacity: 0.55;