diff options
-rw-r--r-- | src/assets/styles/bmc/custom/_forms.scss | 2 | ||||
-rw-r--r-- | src/assets/styles/bmc/helpers/_colors.scss | 5 | ||||
-rw-r--r-- | src/components/AppHeader/AppHeader.vue | 7 | ||||
-rw-r--r-- | src/components/Global/LoadingBar.vue | 3 | ||||
-rw-r--r-- | src/env/assets/fonts/Intel_Clear/IntelClear-Bold-webfont.woff | bin | 0 -> 53620 bytes | |||
-rw-r--r-- | src/env/assets/fonts/Intel_Clear/IntelClear-Light-webfont.woff | bin | 0 -> 52736 bytes | |||
-rw-r--r-- | src/env/assets/fonts/Intel_Clear/IntelClear-Regular-webfont.woff | bin | 0 -> 54472 bytes | |||
-rw-r--r-- | src/env/assets/styles/_intel.scss | 51 |
8 files changed, 61 insertions, 7 deletions
diff --git a/src/assets/styles/bmc/custom/_forms.scss b/src/assets/styles/bmc/custom/_forms.scss index 3c1d5ad0..94be731e 100644 --- a/src/assets/styles/bmc/custom/_forms.scss +++ b/src/assets/styles/bmc/custom/_forms.scss @@ -33,7 +33,7 @@ &:focus { color: theme-color("dark"); background-color: gray("100"); - box-shadow: inset 0 0 0 3px gray("100"), inset 0 0 0 5px theme-color("primary") !important; + box-shadow: inset 0 0 0 3px gray("100"), inset 0 0 0 5px $primary !important; } &:disabled { background-color: gray("400"); diff --git a/src/assets/styles/bmc/helpers/_colors.scss b/src/assets/styles/bmc/helpers/_colors.scss index f300d5c3..cffe39dc 100644 --- a/src/assets/styles/bmc/helpers/_colors.scss +++ b/src/assets/styles/bmc/helpers/_colors.scss @@ -32,4 +32,7 @@ $light: $gray-100; $primary: $blue; $secondary: $gray-800; $success: $green; -$warning: $yellow;
\ No newline at end of file +$warning: $yellow; + +$loading-color: $primary; +$navbar-color: $dark; diff --git a/src/components/AppHeader/AppHeader.vue b/src/components/AppHeader/AppHeader.vue index 0ae18beb..bdaca017 100644 --- a/src/components/AppHeader/AppHeader.vue +++ b/src/components/AppHeader/AppHeader.vue @@ -5,11 +5,7 @@ {{ $t('appHeader.skipToContent') }} </a> - <b-navbar - variant="dark" - type="dark" - :aria-label="$t('appHeader.applicationHeader')" - > + <b-navbar type="dark" :aria-label="$t('appHeader.applicationHeader')"> <!-- Left aligned nav items --> <b-button id="app-header-trigger" @@ -210,6 +206,7 @@ export default { .navbar { padding: 0; + background-color: $navbar-color; @include media-breakpoint-up($responsive-layout-bp) { height: $header-height; } diff --git a/src/components/Global/LoadingBar.vue b/src/components/Global/LoadingBar.vue index 8f7b785c..7490baa0 100644 --- a/src/components/Global/LoadingBar.vue +++ b/src/components/Global/LoadingBar.vue @@ -85,4 +85,7 @@ export default { opacity: 0; } } +.progress-bar { + background-color: $loading-color; +} </style> diff --git a/src/env/assets/fonts/Intel_Clear/IntelClear-Bold-webfont.woff b/src/env/assets/fonts/Intel_Clear/IntelClear-Bold-webfont.woff Binary files differnew file mode 100644 index 00000000..6b283ca8 --- /dev/null +++ b/src/env/assets/fonts/Intel_Clear/IntelClear-Bold-webfont.woff diff --git a/src/env/assets/fonts/Intel_Clear/IntelClear-Light-webfont.woff b/src/env/assets/fonts/Intel_Clear/IntelClear-Light-webfont.woff Binary files differnew file mode 100644 index 00000000..62d15c8d --- /dev/null +++ b/src/env/assets/fonts/Intel_Clear/IntelClear-Light-webfont.woff diff --git a/src/env/assets/fonts/Intel_Clear/IntelClear-Regular-webfont.woff b/src/env/assets/fonts/Intel_Clear/IntelClear-Regular-webfont.woff Binary files differnew file mode 100644 index 00000000..814028f1 --- /dev/null +++ b/src/env/assets/fonts/Intel_Clear/IntelClear-Regular-webfont.woff diff --git a/src/env/assets/styles/_intel.scss b/src/env/assets/styles/_intel.scss index e69de29b..37869ee7 100644 --- a/src/env/assets/styles/_intel.scss +++ b/src/env/assets/styles/_intel.scss @@ -0,0 +1,51 @@ +@font-face { + font-family: "Intel Clear"; + src: url("~@/env/assets/fonts/Intel_Clear/IntelClear-Light-webfont.woff") + format("woff"); + font-weight: 200; + font-style: normal; +} +@font-face { + font-family: "Intel Clear"; + src: url("~@/env/assets/fonts/Intel_Clear/IntelClear-Regular-webfont.woff") + format("woff"); + font-weight: 400; + font-style: normal; +} +@font-face { + font-family: "Intel Clear"; + src: url("~@/env/assets/fonts/Intel_Clear/IntelClear-Bold-webfont.woff") + format("woff"); + font-weight: 700; + font-style: normal; +} + +$font-family-base: "Intel Clear", "Helvetica Neue", Helvetica, Arial, sans-serif; + +$intel-blue: #0071c5; +$light-blue: #00aeef; +$pale-blue: #7ed3f7; + +$primary: $intel-blue; + +$red: #ed1c24; +$orange: #ffa300; +$yellow: #f3d54e; +$green: #c4d600; +$cyan: $light-blue; +$gray: #939598; +$dark-gray: #53565a; +$light-gray: #B1BABF; +$black: #000000; +$white: #ffffff; + +$danger: #ED1c24; +$success: #a6ce39; +$warning: #FDB813; + +$loading-color: $black; +$navbar-color: $intel-blue; + +.status-icon.secondary { + fill: $light-gray !important; +} |