Modifying the NPS slider color in the mobile app

To modify the NPS slider color in the Digital mobile app, change the hexadecimal color code #ED0000 to the preferred color and style.

/* NPS slider colour */ div._md-thumb::after { background-color: #ED0000 !important; } div._md-focus-thumb { background-color: #ED0000 !important; } div._md-focus-ring { background-color: #ED0000 !important; } md-slider.md-default-theme._md-min[md-discrete] ._md-sign:after, md-slider._md-min[md-discrete] ._md-sign:after { border-top-color: #ED0000 !important; } md-slider.md-default-theme._md-min[md-discrete] ._md-sign, md-slider._md-min[md-discrete] ._md-sign { background-color: #ED0000 !important; } md-slider.md-default-theme._md-min[md-discrete] ._md-sign:after, md-slider._md-min[md-discrete] ._md-sign:after { border-top-color: #ED0000 !important; } md-slider.md-default-theme._md-primary ._md-sign:after, md-slider.md-primary ._md-sign { background-color: #ED0000 !important; } md-slider.md-default-theme._md-primary ._md-sign:after, md-slider.md-primary ._md-sign:after { border-top-color: #ED0000 !important; } md-slider.md-default-theme._md-primary ._md-track._md-track-fill, md-slider.md-primary ._md-track._md-track-fill { background-color: #ED0000 !important; }

Modify label fonts and colors as follows:

#liveForm .kpl_builder .control-label { font-family: "markpro-bold", Arial, Helvetica, sans-serif !important; font-size: 16px; font-weight: 500; color: orange !important; }