Change the colours
Colours date a site faster than anything else — and the dread of breaking something keeps most people from ever touching them. On a bernard-hosted site, a recolour is one sentence and one approval.
How it works
- Connect bernard to your AI (once). Log in to bernard, open your site, go to Use your own AI, and paste the setup prompt into your AI to connect it — a one-time setup.
- Paste it into your AI — ChatGPT, Claude, Gemini, whichever you already use — then ask in your own words, or use the prompt below.
- Approve. The AI sends back a preview link. Click through a few pages to check the new palette everywhere, press Approve, and it's live.
Your site's colours live in one stylesheet, so the AI changes them in one place and the whole site follows — buttons, headings, backgrounds, all consistent.
While you're at it, check the little icon in the browser tab still suits the new palette — see Get a proper icon in the browser tab.
The prompt
“Change the colours on my site to [the colours you want, or a feeling like 'softer' or 'bolder'] — keep the text easy to read against the new background.”
The [bracketed] parts are yours to fill in. First time? Connect bernard to your AI over MCP — a one-time setup in bernard → your site → Use your own AI — then paste the prompt above.
Questions people ask
- How do I change the colour scheme on my website without a designer?
- If your site is hosted with bernard, describe the colours you want to your AI — ChatGPT, Claude or Gemini — even vaguely ('warmer', 'like my new business cards'), and it edits the stylesheet. You see a preview before anything goes live.
- Can I match the colours to a photo or my logo?
- Yes — paste the image into the chat and ask the AI to pick the site's colours from it. It reads the image, chooses a palette, and applies it consistently across the site.
- What if the new colours make the text hard to read?
- Nothing is published until you look at the preview and press Approve, so you'll see any readability problems before your visitors do. Reject, ask for an adjustment, and try again — bernard keeps a full year of history either way.