fix: use theme-modifiable colors (#658)

This commit is contained in:
Gorjan Petrovski
2021-09-29 18:08:43 +02:00
committed by GitHub
parent e72d737220
commit 091842555f
13 changed files with 36 additions and 25 deletions

View File

@@ -28,13 +28,13 @@ export const DecoratedInput: FunctionalComponent<Props> = ({
autocomplete = false,
}) => {
const baseClasses =
'rounded py-1.5 px-3 text-input my-1 h-8 flex flex-row items-center';
'rounded py-1.5 px-3 text-input my-1 h-8 flex flex-row items-center bg-contrast';
const stateClasses = disabled
? 'no-border bg-grey-5'
? 'no-border'
: 'border-solid border-1 border-gray-300';
const classes = `${baseClasses} ${stateClasses} ${className}`;
const inputBaseClasses = 'w-full no-border color-black focus:shadow-none';
const inputBaseClasses = 'w-full no-border color-text focus:shadow-none bg-contrast';
const inputStateClasses = disabled ? 'overflow-ellipsis' : '';
return (
<div className={`${classes} focus-within:ring-info`}>