List styles colored differently then list text.

Colored List Styles

ol { counter-reset: item; }
ol li, ul li { color: black; list-style: none; }
ol li:before { color: red; counter-increment: item; content: counter(item) ". "; margin: 0 0 0 -20px; text-align: right; }
ul li:before { background: transparent; border: 1px solid red; border-radius: 100%; content: ''; display: block; float: left; height: 8px; margin: 10px 0 0 -20px; width: 8px; }