diff options
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/AppHeader/AppHeader.vue | 6 | ||||
-rw-r--r-- | src/components/AppNavigation/AppNavigation.vue | 10 | ||||
-rw-r--r-- | src/components/Global/StatusIcon.vue | 6 |
3 files changed, 13 insertions, 9 deletions
diff --git a/src/components/AppHeader/AppHeader.vue b/src/components/AppHeader/AppHeader.vue index aa8d9f8b..08c82565 100644 --- a/src/components/AppHeader/AppHeader.vue +++ b/src/components/AppHeader/AppHeader.vue @@ -157,7 +157,7 @@ export default { } .nav-trigger { - fill: $white; + fill: $light; width: $header-height; height: $header-height; transition: none; @@ -167,8 +167,8 @@ export default { } &:hover { - fill: $white; - background-color: $gray-900; + fill: $light; + background-color: $dark; } @include media-breakpoint-up($responsive-layout-bp) { 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 { diff --git a/src/components/Global/StatusIcon.vue b/src/components/Global/StatusIcon.vue index d59eaec2..96074ee6 100644 --- a/src/components/Global/StatusIcon.vue +++ b/src/components/Global/StatusIcon.vue @@ -39,7 +39,11 @@ export default { fill: $danger; } &.secondary { - fill: $secondary; + fill: $gray-600; + + svg { + transform: rotate(-45deg); + } } &.warning { fill: $warning; |