do_fhem/fhem/core/www/tablet/css/fhem-green-ui.css

/* Slider colors */
.range-handle {
  background-color: #bcbcbc !important;
}
.range-bar {
  background-color: #404040;
}

polyline {
    stroke: #32a054 !important;
}

/*
.pagetab.on{background-color:#32a054;}
.dimmer.on{background-color:#32a054;}
.symbol.on{color:#32a054;background-color:#32a054;}
.switch.on{background-color:#32a054;}
.checkbox.on{background-color:#32a054;}
.push.on{color:#32a054;background-color:#32a054;}
.homestatus{color:#32a054;}
.slider{color:#32a054;}
.volume.hdcolor{color:#32a054;}
*/


[data-type="switch"] .active #bg,
[data-type="dimmer"] .active #bg,
[data-type="symbol"] .active #bg,
[data-type="push"] .active #bg {
    color:#32a054 !important;
}
[data-type="push"] .active #fg {
    color:#32a054 !important;
}

[data-type="symbol"]:not([data-colors]):not([data-on-colors]):not([data-color]):not([data-on-color]):not([data-off-color]):not([data-on-background-color]):not([data-off-background-color]):not([data-on-background-colors]) .active i#fg {
    color: #32a054 !important;
}

/* pseudo classes for widget init function */

.volume.handle{color:#32a054;}