diff options
author | Anna Tsyganova <ATSyganova@IBS.RU> | 2022-06-18 15:36:24 +0300 |
---|---|---|
committer | Anna Tsyganova <ATSyganova@IBS.RU> | 2022-06-18 15:36:24 +0300 |
commit | 60419af332cc79e751f246bfa665c19aa19d2932 (patch) | |
tree | f4544605bd578ea08c9733cc8bfa2375cdfbc4b3 | |
parent | 9123ef0673ac7a8e3e383d83a92ef65d8c89a399 (diff) | |
download | webui-vue-60419af332cc79e751f246bfa665c19aa19d2932.tar.xz |
Add new variables of colorssila-redesign
Isues: SILABMC-169
-rw-r--r-- | src/env/assets/styles/_ibs.scss | 41 |
1 files changed, 40 insertions, 1 deletions
diff --git a/src/env/assets/styles/_ibs.scss b/src/env/assets/styles/_ibs.scss index d99324cc..97b1d823 100644 --- a/src/env/assets/styles/_ibs.scss +++ b/src/env/assets/styles/_ibs.scss @@ -11,6 +11,11 @@ } @font-face { font-family: 'Inter'; + src: url('~@/env/assets/fonts/Inter/Inter-Light.woff2') format('woff2'); + font-weight: 300; +} +@font-face { + font-family: 'Inter'; src: url('~@/env/assets/fonts/Inter/Inter-Regular.woff2') format('woff2'); font-weight: 400; } @@ -22,6 +27,11 @@ } @font-face { font-family: 'Inter'; + src: url('~@/env/assets/fonts/Inter/Inter-Medium.woff2') format('woff2'); + font-weight: 500; +} +@font-face { + font-family: 'Inter'; src: url('~@/env/assets/fonts/Inter/Inter-Bold.woff2') format('woff2'); font-weight: 700; } @@ -36,9 +46,38 @@ $font-family-base: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; - $dark: #2c405a; +$red: #E11717; +$red-hover: #FC2A2A; +$red-active: #df2323; +$red-disabled: #E17171; +$red-click: #C71414; +$red-shadow: #e1171780; +$red-light-background: #e117170d; + +$gray-2: #fbfbfc;// #1a3e5b05; +$gray-5: #1a3e5b0d; +$gray-5-hover: #1427351a; +$gray-10: #1a3e5b1a; +$gray-20: #1a3e5b33; +$red-40:#e1171766; + +$surface-secondary: #F3F4F5; +$on-surface-secondary: #040a0f99; +$on-surface-tretiatry: #040A0F4D; + +$text-primary: #0C1C29; +$text-secondary: #0C1C29E5; +$text-tretiatry: #0c1c2999; +$text-quaternary: #0c1c294d; + +$login-page-description-color: #0c1c2999; + +$primary: $red; + +$border-radius: 8px; + $loading-color: #c11d1d; $navbar-color: $dark; |