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 your password.
- 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 SAR is already in your AI app, this is enough:
Draft new global styles with [colours] and [fonts] and show me the preview.
What happens
- The AI app 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 signed 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 in SAR with your password.
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 and password
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 SAR to your AI app and paste the prompt. Free to start.