fix: form-control colors (#503)

core-ds · Feb 10, 2021 · 784e05e · 784e05e
1 parent 75cb61f
commit 784e05e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/packages/form-control/src/index.module.css b/packages/form-control/src/index.module.css
@@ -8,6 +8,7 @@
     --form-control-border-bottom: 1px solid var(--color-light-border-secondary-inverted);
     --form-control-bg-color: color-mod(var(--color-light-bg-primary-inverted) alpha(7%));
     --form-control-bg-backdrop-filter: unset;
+    --form-control-color: var(--color-light-text-primary);
     --form-control-label-color: var(--color-light-text-secondary);
     --form-control-hint-color: var(--color-light-text-secondary);
 
@@ -43,6 +44,7 @@
 .component {
     font-family: var(--form-control-font-family);
     width: max-content;
+    color: var(--form-control-color);
 }
 
 .inner {

diff --git a/packages/select-with-tags/src/components/tag-list/index.module.css b/packages/select-with-tags/src/components/tag-list/index.module.css
@@ -48,6 +48,11 @@
     outline: none;
     border: none;
     font-family: var(--font-family);
+    color: var(--color-light-text-primary);
+
+    &:disabled {
+        color: var(--color-light-text-secondary);
+    }
 
     &::placeholder {
         color: var(--color-light-text-secondary);