user.example.css

/*
This is an example of data/user.css file to change colors from Blue to Teal.
Example color palettes available here: https://material.io/guidelines/style/color.html#color-color-palette
- Base color: #009688
- Focus color: #00796B
- Active color: #004D40
 */
div.awesomplete > ul > li[aria-selected=true],
.button-primary,
[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:after,
[type=checkbox].filled-in:checked + label:after,
.switch label input[type=checkbox]:checked + .lever:after,
.header-main {
    background-color: #009688;
}
.button-primary:hover, .button-primary:focus{
    background-color: #00796B;
}
.button-primary:active{
    background-color: #004D40;
}

a,
label.active {
    color: #009688; 
}

a:hover, a:focus {
    color: #00796B; 
}

a:active {
    color: #004D40; 
}

input[type=text]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=password]:focus,
textarea:focus {
    border-color: #009688;
    box-shadow: 0 1px 0 #009688;
    outline: none; 
}
input.input-big:focus{
    box-shadow: none;
}

select:focus,
[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after,
[type="checkbox"]:checked + label:before,
[type="checkbox"] :indeterminate + label:before,
[type=checkbox].filled-in:checked + label:after {
    border-color: #009688;
}

.subheader{
    background-color: #00796B;
}