How to change color of the checkbox outline

[maxovina]

Hello, im new to this stuff and got stuck at changing the color of the outline, I tried this :
.pretty .state label::after { border : #000 solid 2px; }

This works, but there is still white border under it. Also when i tried to change it dynamically with javascript i couldnt even target that.
const element = document.querySelector('.pretty .state label::after'); if(todoInstance.priority == '1'){ element.style.border = '2px solid #0275d8'; }else if(todoInstance.priority == '2'){ element.style.border = '2px solid #f0ad4e'; }else { element.style.border = '2px solid #d9534f'; }

Can anyone help me please