Adjusting a page theme on the fly

In this example, we'll change some colors in this page's color theme. Enter any valid CSS color value into the inputs and submit the changes to see them applied to the page.

Example values: #123456 or #123 or rgb(0,10,30) or red

Headings and labels

h1,h2,h3,h4,h5,h6,
#demo label {
    color: #e76300;
}

Demo background

.example-container {
    background-color: #F1F6F7;
}

Left nav hover color

#bd .toc3 li.selected a,
#bd .toc3 li a:hover {
    color: #28b;
}