fix: fields name/label on dark mode (#1242)

Updates the dark mode styling for field editing to improve readability.
This commit is contained in:
Catalin Pit
2024-07-31 15:07:39 +02:00
committed by GitHub
parent 1beb434a72
commit 909c38f47e

View File

@@ -457,10 +457,11 @@ export const AddFieldsFormPartial = ({
{selectedField && ( {selectedField && (
<div <div
className={cn( className={cn(
'pointer-events-none fixed z-50 flex cursor-pointer flex-col items-center justify-center bg-white transition duration-200', 'text-muted-foreground dark:text-muted-background pointer-events-none fixed z-50 flex cursor-pointer flex-col items-center justify-center bg-white transition duration-200',
selectedSignerStyles.default.base, selectedSignerStyles.default.base,
{ {
'-rotate-6 scale-90 opacity-50': !isFieldWithinBounds, '-rotate-6 scale-90 opacity-50 dark:bg-black/20': !isFieldWithinBounds,
'dark:text-black/60': isFieldWithinBounds,
}, },
)} )}
style={{ style={{