Fix disabled placeholder color (#1365)

2 years ago · 3a35d72ec2
parent 32fe3e195f
commit 3a35d72ec2
1 changed files with 18 additions and 0 deletions
--- a/apps/client/src/styles.scss
+++ b/apps/client/src/styles.scss
@ -102,6 +102,15 @@ 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 +248,13 @@ 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)
+      );
+    }
+  }
 }