Different Css for different theme colors

[KnackPros]

I wrote a post about adding Dark Mode / Dark Theme to your Knack app. Hope it helps someone!

Dark Theme for Your Knack Apps

Here is a simple way to add a Dark Theme/Dark Mode to your Knack apps. Here is what you’ll be creating: [dark-mode-demo] Step 1: Create a Page and call it Dark Mode: [Screen Shot 2021-12-13 at 2.41.37 PM] Step 2: Add this code to your CSS: /* Dark Mode */ html[theme='dark-mode'] { filter: invert(1) hue-rotate(180deg); } html[theme='dark-mode'] img { filter: invert(1) hue-rotate(180deg); } html { transition: color 300ms, background-color 300ms; } Step 3: Add this code to your …