Let's set different colors for each button. This time, we need to specify one color for the OFF state and one for the ON state:
/* -- record -- */ #old_panel input:checked + label.rec:not(:active):before, #old_panel input:checked + label.rec:not(:active):after{ background-color: rgb(248,36,21); } #old_panel label.rec:before{ background-color: rgb(145,67,62); } /* -- at field -- */ #old_panel input:checked + label.at_field:not(:active):before, #old_panel input:checked + label.at_field:not(:active):after{ background-color: rgb(61,218,216); } #old_panel label.at_field:before{ background-color: rgb(29,51,200); }
And the following screenshot shows the result: