From 7f970a1f20aac99dfadad94a18f5b725f9a65063 Mon Sep 17 00:00:00 2001 From: Derick Montague Date: Mon, 2 Mar 2020 17:56:09 -0600 Subject: 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 Change-Id: I2ddb37f5c89c749a7303799c6f7499ddd83d5a92 --- src/components/AppNavigation/AppNavigation.vue | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) (limited to 'src/components/AppNavigation') 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 { -- cgit v1.2.3