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.

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

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

5. Publish your page.

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.