I was looking back through some old custom CSS code and the new way of theming using CSS properties. We have some very custom CSS code that, for example, selects specific widgets or specific pieces of the WebUI, and we would obviously like to keep this custom CSS code while still taking advantage of the new WebUI styling that has come out in the last year.
However, I know recently some updates to WebUI, esp. the new 16-color palette, caused some issues with backward compatibility. Are there best practices for maintaining custom CSS code that may not be affected (e.g. “don’t use custom styling for x kinds of widgets or y kinds of selectors”). I am referencing the post here (
), which mentioned that it should be possible to combine the “old ways” and the “new ways” of doing things. I guess I am just looking for some guidance on the best practices in ways to go about this to ensure forward compatibility.