feat(checkbox): black icon in dark theme

konstaui · Aug 27, 2021 · cd7c7e3 · cd7c7e3
1 parent 67b6189
commit cd7c7e3
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/src/react/components/Checkbox.jsx b/src/react/components/Checkbox.jsx
@@ -61,7 +61,7 @@ const Checkbox = (props) => {
         className
       )}`,
       iconWrap: {
-        common: 'flex items-center justify-center',
+        common: 'flex items-center justify-center text-white dark:text-black',
         ios: 'w-5.5 h-5.5 rounded-full border',
         material: 'w-4.5 h-4.5 rounded-sm border-2',
         notChecked: {
@@ -75,7 +75,7 @@ const Checkbox = (props) => {
         checked: 'opacity-100',
       },
       indeterminateIcon: {
-        common: 'bg-white w-3/4',
+        common: 'bg-white w-3/4 dark:bg-black',
         ios: 'h-0.5 rounded-full',
         material: 'h-0.5',
       },
@@ -112,7 +112,6 @@ const Checkbox = (props) => {
             ios={ios}
             material={material}
             className={c.icon[state]}
-            fill="#fff"
           />
         )}
       </i>

diff --git a/src/react/components/icons/CheckboxIcon.jsx b/src/react/components/icons/CheckboxIcon.jsx
@@ -15,7 +15,7 @@ const CheckboxIcon = (props) => {
       {...rest}
     >
       <path
-        fill={fill}
+        fill={fill || 'currentColor'}
         fillRule="evenodd"
         d="M10.6461792,0.119820016 C11.0022676,0.346673312 11.1070333,0.819240884 10.88018,1.17532923 L5.59004012,9.47918548 C5.44456028,9.70754308 5.19802823,9.83254199 4.94596825,9.83309245 C4.59813173,9.83364386 4.39457446,9.67360825 4.28105047,9.53831563 L1.17887189,5.84128316 C0.907480501,5.5178515 0.949667479,5.03565214 1.27309914,4.76426075 C1.59653081,4.49286936 2.07873017,4.53505633 2.35012156,4.858488 L4.8346263,7.81909046 L9.59067001,0.353820775 C9.81752331,-0.00226757161 10.2900909,-0.10703328 10.6461792,0.119820016 Z"
         transform="translate(4 5.483)"