Fix checkbox and radio button contrast for dark mode (#324)

* fix checkbox contrast in dark mode

Fixes #320. The contrast for the "check" and the background in dark
mode was not enough, making it seem like the checkbox was uncheckable.

* Fix checkbox and radio button checked dark mode styles

---------

Co-authored-by: Ian Murray <[email protected]>

Author: djalmaaraujo

lib/ruby_ui/checkbox/checkbox.rb

@@ -17,9 +17,9 @@ def default_attrs
           action: "change->ruby-ui--checkbox-group#onChange change->ruby-ui--form-field#onInput invalid->ruby-ui--form-field#onInvalid"
         },
         class: [
-          "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background accent-primary",
+          "peer h-4 w-4 shrink-0 rounded-sm border-input ring-offset-background accent-primary",
           "disabled:cursor-not-allowed disabled:opacity-50",
-          "checked:bg-primary checked:text-primary-foreground",
+          "checked:bg-primary checked:text-primary-foreground dark:checked:bg-secondary checked:text-primary checked:border-primary",
           "aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:pointer-events-none",
           "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
         ]

lib/ruby_ui/radio_button/radio_button.rb

@@ -18,7 +18,7 @@ def default_attrs
         class: [
           "h-4 w-4 p-0 border-primary rounded-full flex-none",
           "disabled:cursor-not-allowed disabled:opacity-50",
-          "checked:bg-primary checked:text-primary-foreground",
+          "checked:bg-primary checked:text-primary-foreground dark:checked:bg-secondary checked:text-primary checked:border-primary",
           "aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:pointer-events-none"
         ]
       }