CSS has a powerful filter function that enables an easy way to implement a night design, change contrast and brightness, add greyscale for printing, or change the colors with hue-rotate.
Visit Mozilla's filter function page for a list of availalbe functions.
Night Mode with 'invert'
Play around with the percentage to achieve your desired look. Combine with brightness, saturate, or greyscale to further tweak the appearance.
Colorless with 'greyscale'
Can be used for print media. Use saturate(0%) for a similar effect.
Change the colors with 'hue-rotate'
Also try saturate at over 100% for more vibrant color, or combine with brightness and contrast to tweak the colors further.
Visit our Github Wikiocity Styles Page for more information on our primary design for Wikiocity. You are free to modify the design as you wish within the bounds of our design license.
We'd love to see what you can do with it, so please share in the forum!