Fix disabled placeholder color

3 years ago · 921e20152d
1 changed files with 14 additions and 0 deletions
--- a/apps/client/src/styles.scss
+++ b/apps/client/src/styles.scss
@ -102,6 +102,13 @@ body {
      .mat-select-placeholder {
        color: rgba(var(--light-primary-text));
      }
+
+      &.mat-select-disabled .mat-select-placeholder {
+        color: rgba(
+          var(--palette-foreground-disabled-text-dark),
+          var(--palette-foreground-disabled-text-dark-alpha)
+        );
+      }
    }
  }
 }
@ -239,4 +246,11 @@ ngx-skeleton-loader {
  .mat-select-placeholder {
    color: rgba(var(--dark-primary-text));
  }
+
+  &.mat-select-disabled .mat-select-placeholder {
+    color: rgba(
+      var(--palette-foreground-disabled-text),
+      var(--palette-foreground-disabled-text-alpha)
+    );
+  }
 }