How to Change the Color Design of Your Blog 🎨

In BlogBowl, you’re not limited to just choosing from our beautiful blog templates — you can also customize the color scheme to match your brand and personal style. Whether you want a sleek dark mode or a playful pastel palette, it’s super easy to set up. 👇

🛠 Step-by-Step Guide

1. Go to Your Page Settings

   • From your BlogBowl dashboard, navigate to the blog you want to customize.

   • Click on the "Settings" tab (you’ll find it in the sidebar).

2. Pick a Template (if you haven’t already)

   • Choose one of the available templates as your starting point.

3. Choose a Color Theme

   • Go to DaisyUI theme generator

   • There you can select from a variety of pre-defined schemas or generate a random one(which you can then customize)

   

4. Click on CSS and copy only what’s needed

   • Copy everything after color-schema

   • Remove closing bracket in the end “}”

5. Paste into Theme text area

6. Click save and check your page, now it should have new styles 🚀

Note: Copied styles should look like this(everything after color-schema without ending bracket “}”)

--color-base-100: oklch(97.788% 0.004 56.375);
--color-base-200: oklch(93.982% 0.007 61.449);
// ...
--border: 2px;
--depth: 1;
--noise: 0;

💡 Pro Tips

• Want something truly custom? You can modify individual colors (like accent, background, or text) if your plan supports advanced design controls.

• Don’t forget to preview how your site looks on mobile and desktop to make sure it feels right across devices.

🧠 Need Help?

If something doesn’t look quite right or you want help matching your brand’s colors, feel free to reach out — we’re happy to help you make your blog shine!