Thread:Bagwis/@comment-12719-20171110011057

Instead of only giving the DOM elements one class "relife-tablet-blue" or "relife-tablet-blue", you can do two classes at once: "relife-tablet relife-tablet-blue" or "relife-tablet relife-tablet-green".

Then in the css file, ".relife-tablet" can contain all the style rules that are common across all colors (and uses a default color), while "relife-tablet-blue" and "relife-tablet-green" only contain color-specific rules that override the default color.

This allows you to easily maintain lots of different colors of the same basic style. As an example of this idea put into actual use, see the bottom of MediaWiki:Common/PortableInfobox.css where I gave override colors for bonus-report and episodeinfo. 