Fix more brand color usages (openmrs#281)

RandilaP · Jan 21, 2022 · c738db2 · c738db2
1 parent a86569f
commit c738db2
Show file tree

Hide file tree

Showing 7 changed files with 12 additions and 12 deletions.
diff --git a/packages/apps/esm-login-app/src/change-location-link/change-location.link.component.scss b/packages/apps/esm-login-app/src/change-location-link/change-location.link.component.scss
@@ -41,5 +41,5 @@
 
 .changeLocationLink :hover {
   color: $field-01;
-  background-color: $brand-01;
+  @include brand-01(background-color);
 }
diff --git a/packages/apps/esm-login-app/src/logout/logout.component.scss b/packages/apps/esm-login-app/src/logout/logout.component.scss
@@ -2,7 +2,7 @@
 
 .logout {
   padding-right: 0rem;
-  background-color: $brand-02;
+  @include brand-02(background-color);
   @extend .productiveHeading01;
   width: 16rem;
 }
diff --git a/packages/apps/esm-offline-tools-app/src/nav/desktop-side-nav.styles.scss b/packages/apps/esm-offline-tools-app/src/nav/desktop-side-nav.styles.scss
@@ -11,14 +11,14 @@
 .link > div a:nth-child(1):hover {
   background-color: $ui-03;
   color: $ui-05;
-  border-left-color: $brand-01;
+  @include brand-01(border-left-color);
 }
 
 .link > div a:nth-child(1):focus {
   background-color: $ui-03;
   outline: none;
   color: $ui-05;
-  border-left-color: $brand-01;
+  @include brand-01(border-left-color);
 }
 
 :global(.omrs-breakpoint-gt-tablet) .link > div {

diff --git a/...apps/esm-primary-navigation-app/src/components/choose-locale/change-locale.component.scss b/...apps/esm-primary-navigation-app/src/components/choose-locale/change-locale.component.scss
@@ -10,7 +10,7 @@
 .switcherContainer ul button {
   @extend .productiveHeading01;
   width: 100%;
-  background-color: $brand-02;
+  @include brand-02(background-color);
 }
 
 .switcherContainer ul div {
@@ -28,7 +28,7 @@
 }
 
 .switcherContainer ul div button:hover {
-  background-color: $brand-01;
+  @include brand-01(background-color);
   color: $inverse-link;
 }
 

diff --git a/...-primary-navigation-app/src/components/navbar-header-panels/app-menu-panel.component.scss b/...-primary-navigation-app/src/components/navbar-header-panels/app-menu-panel.component.scss
@@ -16,7 +16,7 @@
 }
 
 .externalLinks {
-  border-top: 1px solid $brand-teal-01;
+  border-top: 1px solid var(--brand-03);
 }
 
 .launchIcon {

diff --git a/...primary-navigation-app/src/components/navbar-header-panels/side-menu-panel.component.scss b/...primary-navigation-app/src/components/navbar-header-panels/side-menu-panel.component.scss
@@ -11,12 +11,12 @@
 .link > div a:nth-child(1):hover {
   background-color: $ui-03;
   color: $ui-05;
-  border-left-color: $brand-01;
+  @include brand-01(border-left-color);
 }
 
 .link > div a:nth-child(1):focus {
   background-color: $ui-03;
   outline: none;
   color: $ui-05;
-  border-left-color: $brand-01;
+  @include brand-01(border-left-color);
 }
diff --git a/...navigation-app/src/components/user-panel-switcher-item/user-panel-switcher.component.scss b/...navigation-app/src/components/user-panel-switcher-item/user-panel-switcher.component.scss
@@ -25,12 +25,12 @@
 .switcherContainer ul button {
   @extend .productiveHeading01;
   width: 100%;
-  background-color: $brand-02;
+  @include brand-02(background-color);
 }
 
 .switcherContainer ul button:hover {
   color: $field-01;
-  background-color: $brand-01;
+  @include brand-01(background-color);
 }
 
 .switcherContainer ul div {
@@ -48,7 +48,7 @@
 }
 
 .switcherContainer ul div button:hover {
-  background-color: $brand-01;
+  @include brand-01(background-color);
   color: $inverse-link;
 }