diff options
| author | Anna Tsyganova <ATSyganova@IBS.RU> | 2022-06-18 15:36:24 +0300 |
|---|---|---|
| committer | Andrey V.Kosteltsev <AKosteltsev@IBS.RU> | 2022-06-21 13:25:20 +0300 |
| commit | 54cdda92bc0ad5acd0dd3297d9205770f01d4daf (patch) | |
| tree | 4f592512dfa668a409cfcd42f5b9851299430031 /src/env | |
| parent | 72b72c30878fbdba0324cd8de1406cde5095a6b3 (diff) | |
| download | webui-vue-54cdda92bc0ad5acd0dd3297d9205770f01d4daf.tar.xz | |
Add new variables of colors
Isues: SILABMC-169
Diffstat (limited to 'src/env')
| -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; |