tykayn/ng-implementation
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update variables colors

Browse source
This commit is contained in:
tykayn 2025-09-22 10:33:20 +02:00
parent c8d013d57d
commit a4a3cf399d
1 changed files with 82 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

105
my-workspace/projects/sae-lib/src/styles/_variables.scss
View file

@ -9,46 +9,86 @@ $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;
$secondary-color-300: #459390;
$secondary-color-400: #367370;
$secondary-color-500: #275250;
$secondary-color-alpha-10: rgba($secondary-color-400, 0.1);
$secondary-color-alpha-50: rgba($secondary-color-400, 0.5);
$secondary-color: $secondary-color-400;
$ia-color-100: #DCCDFF;
$ia-color-200: #C2A9FD;
$ia-color-300: #A86CFC;
$ia-color-400: #7B42F6;
$ia-color-500: #4A1FAF;
$ia-color-alpha-10: rgba($ia-color-400, 0.1);
$ia-color-alpha-50: rgba($ia-color-400, 0.5);
$ia-color: $ia-color-400;
$neutral-color-100: #aaa;
$neutral-color-200: #808080;
$neutral-color-300: #555;
$neutral-color-400: #2a2a2a;
$neutral-color-500: #000;
$neutral-color-alpha-10: rgba($neutral-color-400, 0.1);
$neutral-color-alpha-50: rgba($neutral-color-400, 0.5);
$neutral-color: $neutral-color-400;
$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;
$error-color-100: #f4a7a7;
$error-color-200: #e84f4f;
$error-color-300: #e11d1d;
$error-color-400: #ae1717;
$error-color-500: #7c1010;
$error-color-alpha-10: rgba($error-color-400, 0.1);
$error-color-alpha-50: rgba($error-color-400, 0.5);
$error-color: $error-color-400;
$main-bg-color: #b7b7ff;
$main-text-color: $neutral-blue;
$danger-color: $error-color-500;
$danger-color-light: $error-color-alpha-10;
$main-color-active: #323270;
$main-bg-color-active: #6565ff;
$success-color-100: #bbf2cf;
$success-color-200: #76d6a0;
$success-color-300: #32d970;
$success-color-400: #20ae55;
$success-color-500: #177b3c;
$success-color-alpha-10: rgba($success-color-400, 0.1);
$success-color-alpha-50: rgba($success-color-400, 0.5);
$success-color: $success-color-400;
$warning-color-100: #f3c1a8;
$warning-color-200: #e68250;
$warning-color-300: #dd5f20;
$warning-color-400: #ac4a19;
$warning-color-500: #7a3411;
$warning-color-alpha-10: rgba($warning-color-400, 0.1);
$warning-color-alpha-50: rgba($warning-color-400, 0.5);
$warning-color: $warning-color-400;
$warning-color-text: $warning-color-500;
$event-blue: #2D559F;
$notification-green: #315E5D;
$bg-color-button: #f4f6fc;
$bg-color-nav: #1B1D27;
$bg-color-chat: #f5f5f5;
$shadow-color: #dedede;
$info-color-100: #bed7ee;
$info-color-200: #7cafdd;
$info-color-300: #3b87cc;
$info-color-400: #2a69a2;
$info-color-500: #1e4a72;
$info-color-alpha-10: rgba($info-color-400, 0.1);
$info-color-alpha-50: rgba($info-color-400, 0.5);
$info-color: $info-color-400;
$gradient-light: #2a69a2;
$gradient-intense: #1e4a72;
// CSC project variables
@ -66,8 +106,27 @@ $csc-textarea-color: #1B1D27;
$csc-textarea-placeholder-color: #7B7B7B;
$csc-file-selector-bg-color: #e3eaf1;
$csc-filters-box-color: #e3eaf1;
$csc-light-blue: #BED7EE;
$csc-light-grey: #dedede;
$bot-bubble: $csc-light-yellow-color;
// -------- other custom colors
$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;
// sizes
$large-column-panel: 332px;