Changing the Checkbox color via Styled-Components

Question

I need to change the color of one CheckBox when it is selected. I am using it as follows:

index.js

import CheckBox from '@react-native-community/checkbox';
...
<CheckBoxes>
   <Label>Usuário</Label>
   <CheckBox
       disabled={false}
       value={myValue}
       onValueChange={setMyValue}
   />
</CheckBoxes>

styles.js

export const CheckBoxes = styled.View`
  flex: 0.25;
  flex-direction: row;
  justify-content: flex-start;
  text-decoration-line: none;

  > input:checked {
      color: #999;
  }
`;

How can I do ?

Answer 1

I managed to solve as follows: setting the property tintColors of own CheckBox.

<CheckBox
   disabled={false}
   value={isDoctor}
   onValueChange={setIsDoctor}
   tintColors={{ true: '#FC8F00' }}
/>