diff options
author | Anna Tsyganova <ATSyganova@IBS.RU> | 2022-06-18 15:36:24 +0300 |
---|---|---|
committer | Anna Tsyganova <ATSyganova@IBS.RU> | 2022-06-27 10:41:41 +0300 |
commit | c62197ca978f3b7521f24ce1b80e2b5a2b06d54d (patch) | |
tree | 52f48aad1d686b9e043d0c729b18a66a8993fa8b /src/env/assets/styles | |
parent | 7e6f8af6f7e52c9f90ddab1541ff3eab71fce341 (diff) | |
download | webui-vue-c62197ca978f3b7521f24ce1b80e2b5a2b06d54d.tar.xz |
Add new variables of colors
Isues: SILABMC-169
Diffstat (limited to 'src/env/assets/styles')
-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; |