diff options
author | Derick Montague <derick.montague@ibm.com> | 2020-03-03 02:56:09 +0300 |
---|---|---|
committer | Derick Montague <derick.montague@ibm.com> | 2020-03-10 22:50:53 +0300 |
commit | 7f970a1f20aac99dfadad94a18f5b725f9a65063 (patch) | |
tree | 319b6441aaaf6d8521cbf3fe35ce6c94d32878ee /src/components/AppNavigation/AppNavigation.vue | |
parent | c05ff648da07d8e2221d67eac83b6c6581d371a0 (diff) | |
download | webui-vue-7f970a1f20aac99dfadad94a18f5b725f9a65063.tar.xz |
Remove unused colors from color palette
The color palette has been stripped down to a
maximum of two colors shades per palette. This
works for our design since components use a
base color with a lighter color as an accent
color. This change reduces the amount of CSS
generated by Bootstrap when the CSS is compiled.
Github Story: https://github.com/openbmc/webui-vue/issues/2
Signed-off-by: Derick Montague <derick.montague@ibm.com>
Change-Id: I2ddb37f5c89c749a7303799c6f7499ddd83d5a92
Diffstat (limited to 'src/components/AppNavigation/AppNavigation.vue')
-rw-r--r-- | src/components/AppNavigation/AppNavigation.vue | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/src/components/AppNavigation/AppNavigation.vue b/src/components/AppNavigation/AppNavigation.vue index 173a6259..48b94c3d 100644 --- a/src/components/AppNavigation/AppNavigation.vue +++ b/src/components/AppNavigation/AppNavigation.vue @@ -195,16 +195,16 @@ svg { font-weight: $headings-font-weight; padding-left: $spacer; // defining consistent padding for links and buttons padding-right: $spacer; - color: $secondary-dark; + color: $secondary; &:hover { background-color: $primary-nav-hover; - color: $secondary-dark; + color: $dark; } &:focus { box-shadow: $btn-focus-box-shadow; - color: $secondary-dark; + color: $dark; } } @@ -212,8 +212,8 @@ svg { .nav-link--current:hover, .nav-link--current:focus { font-weight: $headings-font-weight; - background-color: $secondary-dark; - color: $secondary-light; + background-color: $secondary; + color: $light; cursor: default; &::before { |