Question

Progress bar is not seen in the Dark mode in Mendix, how can we appear it in Dark Mode?

0

I have styled progress bar by applying classes to them and using below scss for dark mode. @media (prefers-color-scheme: dark) { .progress-bar { background-color: #2a2a2a ; } .widget-progress-bar.progress-bar-primary .progress-bar { background-color: #4CAF50; } }

asked 2024-12-05

Archana Desai

1 answers

Peter Mudde · Answer 1 · 2024-12-05

Does it help to give the statements more weight with an !important flag?

@media (prefers-color-scheme: dark) {

.progress-bar { background-color: #2a2a2a !important; }

.widget-progress-bar.progress-bar-primary .progress-bar { background-color: #4CAF50 !important; }

}