Site Themes & Modes
zenCSS offers both light & dark mode with 7 dynamic themes.
We offer a default, light and dark theme, plus 4 individual themes based on your brand colors, allowing you to style individual content items and their children based on your signature style. These seven meticulously developed themes aim to offer instant color and styling flexibility while maintaining WCAG compliance. Our system provides support to override background and text colors on any theme element using our text and background utility classes.
Default Theme
Lorem ipsum dolor sit amet consectetur adipisicing elit. Id, mollitia at velit veritatis odit in atque aut perferendis? Ipsum Dolor
theme-light
Lorem ipsum dolor sit amet consectetur adipisicing elit. Id, mollitia at velit veritatis odit in atque aut perferendis? Ipsum Dolor
theme-dark
Lorem ipsum dolor sit amet consectetur adipisicing elit. Id, mollitia at velit veritatis odit in atque aut perferendis? Ipsum Dolor
theme-primary
Lorem ipsum dolor sit amet consectetur adipisicing elit. Id, mollitia at velit veritatis odit in atque aut perferendis? Ipsum Dolor
theme-cta
Lorem ipsum dolor sit amet consectetur adipisicing elit. Id, mollitia at velit veritatis odit in atque aut perferendis? Ipsum Dolor
theme-secondary
Lorem ipsum dolor sit amet consectetur adipisicing elit. Id, mollitia at velit veritatis odit in atque aut perferendis? Ipsum Dolor
theme-accent
Lorem ipsum dolor sit amet consectetur adipisicing elit. Id, mollitia at velit veritatis odit in atque aut perferendis? Ipsum Dolor
The Zen Test
Every component, section, and utility we ship will pass layout, color, and functional tests to ensure they perform flawlessly in today's modern browsers.
So you can be assured it "just works". Try it out below.