willdot.net / tangled-fork
forked from tangled.org/core
Monorepo for Tangled
0
Fork 0

Configure Feed

Select the types of activity you want to include in your feed.

appview: replace native checkbox with design system styles

Native accent-color approach didn't match the Figma design system.
Custom appearance-none implementation covers all six states: default,
hover, checked, disabled, disabled-checked, and indeterminate.
Uses Lucide check/minus paths as readable SVG data URIs.

Signed-off-by: eti <eti@eti.tf>
Signed-off-by: Will Andrews <did:plc:dadhhalkfcq3gucaq25hjqon>

author willdot.net date (May 13, 2026, 1:38 PM +0100) commit 6bfd57dc parent 69b60c66
+1 -1
+1 -1
input.css
··· 102 102 } 103 103 104 104 input[type="checkbox"] { 105 - @apply appearance-none size-4 p-0 rounded 105 + @apply appearance-none size-4 rounded 106 106 bg-transparent border border-gray-200 107 107 hover:bg-gray-100 108 108 checked:bg-gray-900 checked:border-transparent