[NIFI-13859] use tertiary color for spinners (#9370)

This closes #9370
apache · Oct 15, 2024 · cc5a363 · cc5a363
1 parent 83a131f
commit cc5a363
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/nifi-frontend/src/main/frontend/apps/nifi/src/app/app.component.html b/nifi-frontend/src/main/frontend/apps/nifi/src/app/app.component.html
@@ -18,7 +18,7 @@
 @if (guardLoading) {
     <div class="splash h-screen p-20">
         <div class="splash-img h-full flex items-center justify-center">
-            <mat-spinner class="error-spinner"></mat-spinner>
+            <mat-spinner class="tertiary-spinner"></mat-spinner>
         </div>
     </div>
 } @else {

diff --git a/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/login/feature/login.component.html b/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/login/feature/login.component.html
@@ -18,7 +18,7 @@
 @if (loading) {
     <div class="splash h-full p-20">
         <div class="splash-img h-full flex items-center justify-center">
-            <mat-spinner class="error-spinner"></mat-spinner>
+            <mat-spinner class="tertiary-spinner "></mat-spinner>
         </div>
     </div>
 } @else {

diff --git a/nifi-frontend/src/main/frontend/libs/shared/src/assets/styles/_app.scss b/nifi-frontend/src/main/frontend/libs/shared/src/assets/styles/_app.scss
@@ -549,8 +549,8 @@
         @include mat.button-color($material-theme, $color-variant: error);
     }
 
-    .error-spinner {
-        @include mat.progress-spinner-color($material-theme, $color-variant: error);
+    .tertiary-spinner {
+        @include mat.progress-spinner-color($material-theme, $color-variant: tertiary);
     }
 
     /* other classes and styles */