106 lines
2 KiB
SCSS
106 lines
2 KiB
SCSS
// gradient --------------------------
|
|
$degrade: #0069B4;
|
|
$degrade-hover: #0069B4;
|
|
|
|
// colors --------------------------
|
|
$main-color: #009ff5;
|
|
$main-color-100: #96BEE4;
|
|
$main-color-200: #619DD6;
|
|
$main-color-300: #337DC3;
|
|
$main-color-400: #255B8E;
|
|
$main-color-500: #153451;
|
|
|
|
$main-color-alpha-10: rgba($main-color-400, 0.1);
|
|
$main-color-alpha-50: rgba($main-color-400, 0.5);
|
|
|
|
|
|
$primary-color: $main-color;
|
|
|
|
$secondary-color: #367370;
|
|
$secondary-color-100: #BCE0DE;
|
|
$secondary-color-200: #7AC0BE;
|
|
|
|
$neutral-color: #AAA;
|
|
$neutral-blue: #1b1d27;
|
|
$neutral-white: #fff;
|
|
$white: #fff;
|
|
|
|
$error-color: #E84F4F;
|
|
$danger-color: #A31B1B;
|
|
$danger-color-light: rgba(#E84F4F1A, 0.1);
|
|
$success-color: #32D970;
|
|
$warning-color: #E68250;
|
|
$warning-color-text: #9a420f;
|
|
$info-color: #6565ff;
|
|
|
|
|
|
$main-bg-color: #b7b7ff;
|
|
$main-text-color: $neutral-blue;
|
|
|
|
$main-color-active: #323270;
|
|
$main-bg-color-active: #6565ff;
|
|
|
|
|
|
$event-blue: #2D559F;
|
|
$notification-green: #315E5D;
|
|
|
|
$bg-color-button: #f4f6fc;
|
|
$bg-color-nav: #1B1D27;
|
|
$bg-color-chat: #f5f5f5;
|
|
$shadow-color: #dedede;
|
|
|
|
|
|
// CSC project variables
|
|
|
|
$csc-light-yellow-color: #FFF3D8;
|
|
$csc-magic-color: #EEA100;
|
|
$csc-bg-color: #F5F5F5;
|
|
$csc-title-color: #000;
|
|
|
|
$csc-nav-color: $main-color-400;
|
|
$csc-chips-bg-color: $main-color-400;
|
|
|
|
$csc-textarea-color: #1B1D27;
|
|
$csc-filters-box-color: #E3EAF1;
|
|
|
|
$bot-bubble: $csc-light-yellow-color;
|
|
// sizes
|
|
|
|
$large-column-panel: 332px;
|
|
$small-column-panel: 50px;
|
|
// spacing --------------------------
|
|
|
|
$spacing-0: 2px;
|
|
$spacing-1: 4px;
|
|
$spacing-2: 8px;
|
|
$spacing-3: 12px;
|
|
$spacing-4: 16px;
|
|
$spacing-5: 20px;
|
|
$spacing-6: 24px;
|
|
$spacing-7: 32px;
|
|
$spacing-8: 40px;
|
|
$spacing-9: 48px;
|
|
$spacing-10: 56px;
|
|
|
|
$spacing-main: $spacing-1;
|
|
// radius --------------------------
|
|
$radius-1: 2px;
|
|
$radius-2: 4px;
|
|
$radius-3: 6px;
|
|
$radius-4: 8px;
|
|
$radius-5: 10px;
|
|
$radius-6: 12px;
|
|
$radius-7: 16px;
|
|
$radius-full: 999px;
|
|
|
|
$radius-main: $radius-4;
|
|
$radius-mid: $radius-6;
|
|
$radius-big: $radius-full;
|
|
|
|
// stroke --------------------------
|
|
$stroke-0: 1px;
|
|
$stroke-1: 2px;
|
|
$stroke-2: 4px;
|
|
$stroke-3: 6px;
|
|
$stroke-4: 8px;
|
|
$stroke-5: 10px;
|