Video

https://youtu.be/UKXL2c_3jks


When creating your web sites you want to create different elements than Oxyblock. You need to adapt them to Dark Mode as well.

  1. Create the elements of your new design in the builder.

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/f0c4ad57-279c-498e-b6af-09b8701bb3d8/Screen_Shot_2021-07-14_at_12.22.17_PM.png

  2. You can use the ID or create a new CLASS in order to add the Dark Mode properties to it.

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/51075d6c-3a1a-4cab-9d93-c8704911d13f/Screen_Shot_2021-07-14_at_12.23.35_PM.png

  3. We recommend creating a **code block** to add the css for Dark Mode. You can also use a stylesheets.

    <aside> 👉 You can use the Oxygen Builder global color or the Dark Mode global variables.

    </aside>

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/79de397c-44dd-49a4-bb69-d0ca4bb7b294/Screen_Shot_2021-07-14_at_12.25.11_PM.png

    You only need to put before your ID or CLASS the property **html[data-theme='dark]**