fix: use theme-modifiable colors (#658)

2021-09-29 18:08:43 +02:00
parent e72d737220
commit 091842555f
13 changed files with 36 additions and 25 deletions
--- a/app/assets/javascripts/components/Input.tsx
+++ b/app/assets/javascripts/components/Input.tsx
@@ -11,9 +11,9 @@ export const Input: FunctionalComponent<Props> = ({
  disabled = false,
  text,
 }) => {
-  const base = `rounded py-1.5 px-3 text-input my-1 h-8`;
+  const base = `rounded py-1.5 px-3 text-input my-1 h-8 bg-contrast`;
  const stateClasses = disabled
-    ? 'no-border bg-grey-5'
+    ? 'no-border'
    : 'border-solid border-1 border-gray-300';
  const classes = `${base} ${stateClasses} ${className}`;
  return (