Contrast

List of Contrast Utility Classes included with Canvas. Use these Utility Classes to turn any Layout to Dark/Light Mode. These are incredibly powerful, works with all Layouts and only available with Canvas.

Code Example

<div class="p-5 bg-contrast-100 border border-contrast-400 text-contrast-1000">Copy/Paste this Code in your Canvas Layout and see the Magic.</div>
Make sure you add the .adaptive-color-scheme Class to the <body> Tag and then change your PC/Mac Dark Mode to On/Off to see the difference.

Classes

Private Content

You must be logged in with your Envato Account for Free in order to view this Content.

Login with Envato

Last Modified: April 12, 2023