Change your block theme's colours and fonts as a draft
Set new site-wide colours, fonts and sizes in the Site Editor's global styles as a draft, see them on a preview link, then publish with a 6-digit code.
- Difficulty
- Intermediate
- Time
- about 15 min
My WordPress site uses a block theme. Look at its global styles and prepare a draft with [brand colours, e.g. #1F4D3A for buttons and links, #F6F1E7 for the background] and [font, e.g. a serif font for headings]. Keep the text easy to read against the background. Send me the preview link and a screenshot of the home page with the draft. Do not publish until I approve.
Already connected?
If Mitos is already in your AI assistant, this is enough:
Draft new global styles with [colours] and [fonts] and show me the preview.
What happens
- The AI assistant checks that the active theme is a block theme.
- It reads the current global styles: colours, fonts, sizes and spacing.
- It saves your changes as a draft with a private preview link; visitors see nothing new.
- It takes a screenshot of the preview so you can judge it at a glance.
- Publishing changes every page, so it is approved with a 6-digit code as an extra check that it's really you.
Approvals involved
Worked out from the tools this recipe uses.
wordpress_list_themesList themesNonewordpress_get_global_stylesGlobal stylesNonewordpress_save_global_styles_draftSave a global styles draftNonesar_screenshot_pageScreenshot a pageNonewordpress_publish_global_stylesPublish the global styles draftApproval with a 6-digit code
What you get
Your colours and fonts across the whole site, put live only after you saw them. The change can be undone.
Related recipes
- Design & builders · about 15 minMake headings and spacing fit phone screens on a block themeHeadings too big and gaps too wide on mobile? Adjust font sizes and spacing in the global styles as a draft, compare on a phone screen, then publish.
- Design & builders · about 30 minFix what an automated accessibility check finds on your key pagesScan up to four pages for accessibility problems, then fix missing alt text and weak colour contrast with drafts and approvals. It is a scan, not a certification.
- Design & builders · about 25 minBuild an Elementor landing page as a draftDescribe the page you need and get a full Elementor layout in a draft page, with a preview link, before anything goes live.
Try it on your own site
Install the plugin, add Mitos to your AI assistant and paste the prompt. Free to start.