Up to 500 € off for our Website Creation when purchasing a plan

Color Settings

1 min read

If you want to change the color, you can easily choose between light and dark mode. Sometimes, you might want to define your own background color. You can for example darken the dark mode background or use a dark color associated with your brand. Just remember to replace the color with your desired color code.

<style>    /* Background Color */    .bg-base-50 {        background-color: #0F0F0F;    }    </style>                    

You can paste this code into the Settings > Custom Code > Header

How can I change the accent color? #

The accent color you chose effectively highlights various elements on your page, especially buttons. It adds a cohesive look and draws attention to headers and links, reflecting your brand’s identity. Keeping this color consistent will enhance user experience and engagement.

1. Go to the website page you want to change the color.
2. From the top nav bar, select the Design button.

Image Description

3. Select your desired accent color for your website page.

Image Description

4. Additionally, you can alter your color to any custom color you prefer, using our color picker tool.

Image Description

5. Publish your page.

Image Description

If you want to use this design on your entire website and not just on the page you are working on, you can copy the design to all pages.

Updated on October 9, 2025

What are your feelings

  • Happy
  • Normal
  • Sad