dark mode styles?

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
next-virtuoso
marcin mikołajczak 2022-04-16 23:10:50 +02:00
rodzic bfd6891f1b
commit 6c1a10e657
2 zmienionych plików z 4 dodań i 4 usunięć

Wyświetl plik

@ -272,7 +272,7 @@ export default class AutosuggestInput extends ImmutablePureComponent {
<input
type='text'
className={classNames({
'block w-full sm:text-sm focus:ring-indigo-500 focus:border-indigo-500': true,
'block w-full sm:text-sm dark:bg-slate-800 dark:text-white dark:placeholder:text-gray-500 focus:ring-indigo-500 focus:border-indigo-500': true,
[className]: typeof className !== 'undefined',
})}
ref={this.setInput}

Wyświetl plik

@ -216,8 +216,8 @@ export default class AutosuggestTextarea extends ImmutablePureComponent {
key={key}
data-index={i}
className={classNames({
'px-4 py-2.5 text-sm text-gray-700 cursor-pointer hover:bg-gray-100 group': true,
'bg-gray-100 hover:bg-gray-100': i === selectedSuggestion,
'px-4 py-2.5 text-sm text-gray-700 dark:text-gray-400 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700 group': true,
'bg-gray-100 dark:bg-slate-700 hover:bg-gray-100 dark:hover:bg-slate-700': i === selectedSuggestion,
})}
onMouseDown={this.onSuggestionClick}
>
@ -285,7 +285,7 @@ export default class AutosuggestTextarea extends ImmutablePureComponent {
<div
style={this.setPortalPosition()}
className={classNames({
'fixed z-1000 shadow bg-white rounded-lg py-1 space-y-0': true,
'fixed z-1000 shadow bg-white dark:bg-slate-900 rounded-lg py-1 space-y-0': true,
hidden: suggestionsHidden || suggestions.isEmpty(),
block: !suggestionsHidden && !suggestions.isEmpty(),
})}