Change check box background color

Good afternoon.

I'm having a problem changing the background color of the checkboxes that are selected.

CheckBox to change

I've seen options on the internet and some questions right here in the stack. But none of them were successful. Below is the DOM image where the elements are inserted.

Dom about element

The last code I tested was this and it still didn't work

input[type=checkbox]:checked:after{
    background-color: red !important;
    color: blue !important;
}

Aimed to have a background in this color # FFEA00 when checked and the arrow to be # 000 when checked.

Best regards and thanks for the help