From d0ccfde319642a9c62fcff8c04470e744d7ab7a7 Mon Sep 17 00:00:00 2001 From: Mudit Agarwal <89539376+mud1tx@users.noreply.github.com> Date: Sat, 2 Dec 2023 00:53:18 +0530 Subject: [PATCH] fix: add empty space to `` ring in dark mode (#1160) The Checkbox now matches the designs outlined in the vanilla Flowbite library. --- src/components/Checkbox/theme.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Checkbox/theme.ts b/src/components/Checkbox/theme.ts index 96f5d0342..da122acb7 100644 --- a/src/components/Checkbox/theme.ts +++ b/src/components/Checkbox/theme.ts @@ -4,7 +4,7 @@ export const checkboxTheme: FlowbiteCheckboxTheme = { root: { base: 'h-4 w-4 rounded focus:ring-2 border border-gray-300 dark:border-gray-600 dark:bg-gray-700 bg-gray-100', color: { - default: 'focus:ring-cyan-600 dark:ring-offset-cyan-600 dark:focus:ring-cyan-600 text-cyan-600', + default: 'focus:ring-cyan-600 dark:ring-offset-gray-800 dark:focus:ring-cyan-600 text-cyan-600', dark: 'focus:ring-gray-800 dark:ring-offset-gray-800 dark:focus:ring-gray-800 text-gray-800', failure: 'focus:ring-red-900 dark:ring-offset-red-900 dark:focus:ring-red-900 text-red-900', gray: 'focus:ring-gray-900 dark:ring-offset-gray-900 dark:focus:ring-gray-900 text-gray-900',