how to change checkbox checked color in css

1    input[type="checkbox"]:checked + label::after {
2       content: '';
3       position: absolute;
4       width: 1.2ex;
5       height: 0.4ex;
6       background: rgba(0, 0, 0, 0);
7       top: 0.9ex;
8       left: 0.4ex;
9       border: 3px solid blue;
10       border-top: none;
11       border-right: none;
12       -webkit-transform: rotate(-45deg);
13       -moz-transform: rotate(-45deg);
14       -o-transform: rotate(-45deg);
15       -ms-transform: rotate(-45deg);
16       transform: rotate(-45deg);
17    }
18
19    input[type="checkbox"] {
20       line-height: 2.1ex;
21    }
22
23    input[type="radio"],
24    input[type="checkbox"] {
25        position: absolute;
26        left: -999em;
27    }
28
29    input[type="checkbox"] + label {
30        position: relative;
31        overflow: hidden;
32        cursor: pointer;
33    }
34
35    input[type="checkbox"] + label::before {
36       content: "";
37       display: inline-block;
38       vertical-align: -25%;
39       height: 2ex;
40       width: 2ex;
41       background-color: white;
42       border: 1px solid rgb(166, 166, 166);
43       border-radius: 4px;
44       box-shadow: inset 0 2px 5px rgba(0,0,0,0.25);
45       margin-right: 0.5em;
46    }