`<Checkbox>` doesn't have outline in dark mode

[tulup-conner]

• [x] I have searched the Issues to see if this bug has already been reported
• [x] I have tested the latest version

Steps to reproduce

1. Create any <Checkbox />
2. Switch to dark mode
3. Click on it

Current behavior

The checkbox is surrounded by a thick layer of blue.

Expected behavior

There should be a small (~2px) gap between the edge of the checkbox itself and the blue border around it. I believe the box model term for this space is the outline.

Context

Reproducible in the live docs: https://www.flowbite-react.com/docs/components/forms#checkbox Correct behavior: https://flowbite.com/docs/forms/checkbox/#checkbox-example

[gramzanali-scottlogic]

Hi, I'm looking to make a first contribution to an open source project. Can I have a go at fixing this issue?

[mud1tx]

@tulup-conner I can give this issue a try. Can you please assign it to me.

[tulup-conner]

@gramzanali-scottlogic @mud1tx You are always welcome to submit a PR and reference this issue within it. You don't need to ask permission :)

[mud1tx]

@tulup-conner earlier it looks like this

now it is looking like this

is this works or I have to do some changes?

[tulup-conner]

That looks right at first glance! You should check out the official vanilla Flowbite library docs to check that anything you're working on. For Checkboxes, that's https://flowbite.com/docs/forms/checkbox/#checkbox-example

[mud1tx]

@tulup-conner I went through the docs and that checkbox is working please give it a look.