Tutorials / Light and dark appearance Porridge+ and above · 4 CLEAR STEPS
Light and dark appearance Make light and dark appearances feel like one website.
Reading this guide is free. Opening the tool needs an authorised account; public paid sign-up remains closed.
READ IT. TRY IT. MAKE IT YOURS.
One useful step at a time. Follow the numbered instructions below. Use “Watch this part” where a related clip is available; it pauses so you can try the step.
01 STEP 1 OF 4
Open visitor design In 02 Design, find the visitor appearance and theme-switch controls.
▶ Watch this part 5 sec 02 STEP 2 OF 4
Choose the switch style Compare the available light-globe designs, colours and movement options.
▶ Watch this part 5 sec 03 STEP 3 OF 4
Test both appearances Use the Lights on or Lights off control inside the website preview. Read text on each surface and inspect the logo.
▶ Watch this part 8 sec 04 STEP 4 OF 4
Save and test the export Check both appearances on a phone as well. Keep reduced-motion preferences in mind.
Follow the written instructions for this step. HOW YOU KNOW IT WORKED
Check your result. The theme switch remains understandable and both appearances are readable.
If it doesn’t feel right yet. A decorative globe alone is not a theme check. Inspect images, borders, form fields and focus outlines too.
Ask for a helping hand ↗ Include the step and what happened. Leave passwords, keys and private customer information out.
WATCH WHEN IT HELPS
Light and dark appearance Close video × ▶ THE WALKTHROUGH See the controls in action
Back to the steps ↓ Your browser cannot play this video. Use the written steps or download the walkthrough . 17 sec · silent, captioned screen walkthrough · recorded 12 October 2026 in a local workspace with fictional content. Pauses edited for reading. Clips show related controls; follow every written step, including any checks outside PorridgeWeb.
Read the video transcript 0:00 Step 1 Open Visitor extras in 02 Design.0:04 Step 2 Choose a globe design. It will use your website palette.0:09 Step 3 Try the switch in the website preview and check the alternate colours.Guide checked against the working tools on 12 October 2026. External service screens and requirements may change.
EXPLORE FIRST. CHOOSE WHEN YOU’RE READY.
Close × A little more room This is a member feature. Keep exploring, try the free tools, or see which plan could suit your next step.
Browse previews and use the free browser tools now. Guide downloads require a verified free account, within the allowance and availability shown in your account. Paid sign-up is not open yet; choosing a plan here does not create an account or take payment.
Porridge Free A$0 Porridge+ A$49 Porridge Pro A$75 Porridge Hosted A$129
A USEFUL START
Porridge Free A$0 / free tier
A useful place to start, with room to explore.
Message planner and colour contrast checker Template finder and all 42 art direction previews Tool demonstrations and public website guidance Free browser tools now. Guide downloads need a verified free account; allowance and availability apply.
Use the free tools ↗ Free account & download access MAKE IT YOURS
Porridge+ A$49 / month
The essentials to build, polish and take your website with you.
Website Studio, 42 art directions and flexible content Colours, fonts, SVG logos and first-visit logo reveals Hero and offer carousels, plus contact form builder Paid sign-up is not open yet.
See plan details ↗ MORE ROOM TO CREATE
Porridge Pro A$75 / month
The complete website kit, plus products, planning and resources.
Everything proposed for Porridge+ Product catalogue editor, variants and demo basket Product photos, editable labels and packaging mockups Paid sign-up is not open yet.
See plan details ↗ CREATE + HOST
Porridge Hosted A$129 / month
The Pro workshop, with a home for one website.
Everything proposed for Porridge Pro Managed hosting for one static business website HTTPS and connection of your own domain Paid sign-up is not open yet.
See plan details ↗ 