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
diff --git a/src/views/Login/Login.vue b/src/views/Login/Login.vue
index bed58dc..2018720 100644
--- a/src/views/Login/Login.vue
+++ b/src/views/Login/Login.vue
@@ -142,11 +142,7 @@
<style lang="scss" scoped>
.login-container {
@include media-breakpoint-up(md) {
- background: linear-gradient(
- to right,
- var(--light) 50%,
- var(--secondary-light) 50%
- );
+ background: linear-gradient(to right, $light 50%, $container-bgd 50%);
}
}
diff --git a/src/views/Overview/OverviewQuickLinks.vue b/src/views/Overview/OverviewQuickLinks.vue
index 32d5af4..9f3ba52 100644
--- a/src/views/Overview/OverviewQuickLinks.vue
+++ b/src/views/Overview/OverviewQuickLinks.vue
@@ -83,7 +83,7 @@
}
.quicklinks {
- background: $gray-200;
+ background: $container-bgd;
display: grid;
grid-gap: 1rem;
padding: 1rem;