improved contrast ratio
This commit is contained in:
@@ -12,7 +12,7 @@ type Props = {
|
||||
export default function Checkbox({ label, state, className, onClick }: Props) {
|
||||
return (
|
||||
<label
|
||||
className={`cursor-pointer flex items-center gap-2 text-sky-500 ${className}`}
|
||||
className={`cursor-pointer flex items-center gap-2 text-sky-700 ${className}`}
|
||||
>
|
||||
<input
|
||||
type="checkbox"
|
||||
@@ -22,11 +22,11 @@ export default function Checkbox({ label, state, className, onClick }: Props) {
|
||||
/>
|
||||
<FontAwesomeIcon
|
||||
icon={faSquareCheck}
|
||||
className="w-5 h-5 text-sky-500 peer-checked:block hidden"
|
||||
className="w-5 h-5 text-sky-700 peer-checked:block hidden"
|
||||
/>
|
||||
<FontAwesomeIcon
|
||||
icon={faSquare}
|
||||
className="w-5 h-5 text-sky-500 peer-checked:hidden block"
|
||||
className="w-5 h-5 text-sky-700 peer-checked:hidden block"
|
||||
/>
|
||||
<span className="text-sky-900 rounded select-none">{label}</span>
|
||||
</label>
|
||||
|
||||
Reference in New Issue
Block a user