--- title: Kiosk Theme And Accent Colour description: Choose a light, dark or scheduled theme for your ArrivalsHQ kiosk, set your accent colours and use the WCAG accessibility check to keep text easy to read. --- [Skip to content](https://knowledgebase.clearooms.com/kiosk-theme-and-accent-colour#main-content) ![Colour Transparent](https://knowledgebase.clearooms.com/hs-fs/hubfs/Colour%20Transparent.png?width=1672&height=313&name=Colour%20Transparent.png) Open main navigation Close main navigation - [Contact us](https://2feg9n.share-eu1.hsforms.com/2LEUbrOfJTIe01qcEQusU5w) [Contact us](https://2feg9n.share-eu1.hsforms.com/2LEUbrOfJTIe01qcEQusU5w) How can we help you? - There are no suggestions because the search field is empty. 1. [Clearooms Knowledge Base](https://knowledgebase.clearooms.com/?hsLang=en-gb) 2. [Arrivals HQ](https://knowledgebase.clearooms.com/arrivals-hq?hsLang=en-gb) # Kiosk Theme And Accent Colour ## This guide shows you how to choose a theme, set your accent colours and use the accessibility check to make sure your kiosk is easy to read. **1. Open the Theme & accent colour settings** - Log in to the Clearooms portal and select the ArrivalsHQ tab. - In the left-hand menu, under Admin, select Settings and then Branding. - Scroll down to the Theme & accent colour section. **2. Choose a theme** Select one of the three themes: - **Light:** the kiosk is always light. - **Dark:** the kiosk is always dark. - **Scheduled:** the kiosk is dark during set hours and light the rest of the time. The theme options ![Screenshot 2026-11-11 at 16.25.25](https://knowledgebase.clearooms.com/hs-fs/hubfs/Screenshot%202026-11-11%20at%2016.25.25.png?width=670&height=171&name=Screenshot%202026-11-11%20at%2016.25.25.png) If you choose Scheduled, set the hours the kiosk should be dark: - **Dark from:** the time the kiosk turns dark, for example 18:00. - **Dark until:** the time the kiosk goes back to light, for example 07:00. These times follow each tablet's local time. Setting dark hours for the Scheduled theme ![Screenshot 2026-11-11 at 16.25.35](https://knowledgebase.clearooms.com/hs-fs/hubfs/Screenshot%202026-11-11%20at%2016.25.35.png?width=670&height=248&name=Screenshot%202026-11-11%20at%2016.25.35.png) **3. Choose your accent colour** The Accent colour is used on buttons, section labels and the kiosk welcome line. In light mode, this is the colour visitors see. - Select one of the preset colours. Every preset meets the WCAG AA standard in light mode, shown by the AA or AAA label on each swatch. - Or enter your own colour in the Hex field. **4. Set your dark-mode colours** If you chose Dark or Scheduled, two more settings appear. - **Dark-mode accent:** an optional, separate accent used while the kiosk is dark. Some brand colours need a brighter shade to stand out on a dark background. Select a preset, enter a Hex code, or select = to use the same colour as your main accent. - **Dark-mode background:** the background colour the kiosk uses while dark. Select a preset or enter a Hex code. The dark-mode presets are chosen to meet WCAG AA on a dark background. The Contrast on dark background rating next to the dark-mode accent shows how readable it is. ![Screenshot 2026-11-11 at 16.25.55](https://knowledgebase.clearooms.com/hs-fs/hubfs/Screenshot%202026-11-11%20at%2016.25.55.png?width=670&height=513&name=Screenshot%202026-11-11%20at%2016.25.55.png) **5. Check the accessibility (WCAG) rating** As you choose colours, the Accessibility check · WCAG 2.2 contrast panel shows how readable your text and buttons will be. WCAG 2.2 measures how far apart two colours are in brightness. Each mode shows two ratings, one for Text and one for Buttons, with the contrast ratio. For example, Text · AA 4.5:1. - **AAA (7:1 or higher):** the strongest contrast. - **AA (4.5:1 or higher):** the minimum for normal text. - **3:1:** only suitable for large text and icons. - **Fail:** below the WCAG minimum. The panel tells you to pick a different shade. Ratings follow the theme you picked and update as you change colours. If you use a dark or scheduled theme, you will see a Dark mode rating as well as Light mode. The accessibility check ![Screenshot 2026-11-11 at 16.30.45](https://knowledgebase.clearooms.com/hs-fs/hubfs/Screenshot%202026-11-11%20at%2016.30.45.png?width=670&height=186&name=Screenshot%202026-11-11%20at%2016.30.45.png) In light mode, the kiosk automatically darkens your accent colour for text if it needs to, for example to #A06C00, so it stays readable. Buttons always keep your exact colour. To learn more, select How it's measured or read the [WCAG 2.2 contrast guidance](https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html). **6. Preview and save your changes** The Kiosk live preview updates as you change colours. Use the Light mode / Dark mode button above the preview to check both themes. When you make a change, an Unsaved changes bar appears at the bottom of the page, make sure to save any changes you have made. - [FAQs](https://knowledgebase.clearooms.com/faqs?hsLang=en-gb#main-content) - [General](https://knowledgebase.clearooms.com/faqs?hsLang=en-gb#general) - [Hosting & Security](https://knowledgebase.clearooms.com/faqs?hsLang=en-gb#hosting-security) - [Desk Booking](https://knowledgebase.clearooms.com/faqs?hsLang=en-gb#desk-booking) - [Meeting Rooms](https://knowledgebase.clearooms.com/faqs?hsLang=en-gb#meeting-rooms) - [Getting started](https://knowledgebase.clearooms.com/getting-started?hsLang=en-gb) - [General](https://knowledgebase.clearooms.com/general?hsLang=en-gb#main-content) - [Troubleshooting](https://knowledgebase.clearooms.com/general?hsLang=en-gb#troubleshooting) - [Desks](https://knowledgebase.clearooms.com/general?hsLang=en-gb#desks) - [Meeting Rooms](https://knowledgebase.clearooms.com/general?hsLang=en-gb#meeting-rooms) - [Admin Settings](https://knowledgebase.clearooms.com/general?hsLang=en-gb#admin-settings) - [Planning](https://knowledgebase.clearooms.com/general?hsLang=en-gb#planning) - [Reports](https://knowledgebase.clearooms.com/reports?hsLang=en-gb) - [Settings](https://knowledgebase.clearooms.com/settings?hsLang=en-gb#main-content) - [Users](https://knowledgebase.clearooms.com/settings?hsLang=en-gb#users) - [Desk Settings](https://knowledgebase.clearooms.com/settings?hsLang=en-gb#desk-settings) - [Meeting Room Settings](https://knowledgebase.clearooms.com/settings?hsLang=en-gb#meeting-room-settings) - [Room Display App Settings](https://knowledgebase.clearooms.com/settings?hsLang=en-gb#room-display-app-settings) - [Services](https://knowledgebase.clearooms.com/settings?hsLang=en-gb#services) - [Account Settings](https://knowledgebase.clearooms.com/settings?hsLang=en-gb#account-settings) - [Event Management](https://knowledgebase.clearooms.com/settings?hsLang=en-gb#event-management) - [Visitor Management](https://knowledgebase.clearooms.com/settings?hsLang=en-gb#visitor-management) - [Custom Fields](https://knowledgebase.clearooms.com/settings?hsLang=en-gb#custom-fields) - [Multi-Factor authentication](https://knowledgebase.clearooms.com/settings?hsLang=en-gb#multi-factor-authentication) - [Manager Settings](https://knowledgebase.clearooms.com/settings?hsLang=en-gb#manager-settings) - [Billing](https://knowledgebase.clearooms.com/settings?hsLang=en-gb#billing) - [Status](https://knowledgebase.clearooms.com/settings?hsLang=en-gb#status) - [Apps](https://knowledgebase.clearooms.com/settings?hsLang=en-gb#apps) - [Support](https://knowledgebase.clearooms.com/support?hsLang=en-gb) - [Security](https://knowledgebase.clearooms.com/security?hsLang=en-gb#main-content) - [SSO, SCIM Apps & Integrations](https://knowledgebase.clearooms.com/security?hsLang=en-gb#sso-scim-apps-integrations) - [Privacy](https://knowledgebase.clearooms.com/security?hsLang=en-gb#privacy) - [Desk Booking App](https://knowledgebase.clearooms.com/desk-booking-app?hsLang=en-gb) - [Room Display App](https://knowledgebase.clearooms.com/room-display-app?hsLang=en-gb) - [Video Tutorials](https://knowledgebase.clearooms.com/video-tutorials?hsLang=en-gb#main-content) - [Getting Started With Clearooms](https://knowledgebase.clearooms.com/video-tutorials?hsLang=en-gb#getting-started-with-clearooms) - [Clearooms Desk Booking App: Getting Started With Clearooms](https://knowledgebase.clearooms.com/video-tutorials?hsLang=en-gb#clearooms-desk-booking-app-getting-started-with-clearooms) - [Desks](https://knowledgebase.clearooms.com/video-tutorials?hsLang=en-gb#desks) - [Meeting Rooms](https://knowledgebase.clearooms.com/video-tutorials?hsLang=en-gb#meeting-rooms) - [Smart Booking And Favourites](https://knowledgebase.clearooms.com/video-tutorials?hsLang=en-gb#smart-booking-and-favourites) - [Clearooms Room Display App](https://knowledgebase.clearooms.com/video-tutorials?hsLang=en-gb#clearooms-room-display-app) - [Apps And Integrations](https://knowledgebase.clearooms.com/video-tutorials?hsLang=en-gb#apps-and-integrations) - [Users](https://knowledgebase.clearooms.com/video-tutorials?hsLang=en-gb#users) - [Office Plan](https://knowledgebase.clearooms.com/video-tutorials?hsLang=en-gb#office-plan) - [Desk Neighbourhoods & Meeting Zones](https://knowledgebase.clearooms.com/video-tutorials?hsLang=en-gb#desk-neighbourhoods-meeting-zones) - [My Bookings](https://knowledgebase.clearooms.com/video-tutorials?hsLang=en-gb#my-bookings) - [Services](https://knowledgebase.clearooms.com/video-tutorials?hsLang=en-gb#services) - [Kiosk](https://knowledgebase.clearooms.com/video-tutorials?hsLang=en-gb#kiosk) - [Custom Fields](https://knowledgebase.clearooms.com/video-tutorials?hsLang=en-gb#custom-fields) - [Who's In](https://knowledgebase.clearooms.com/video-tutorials?hsLang=en-gb#whos-in) - [Status](https://knowledgebase.clearooms.com/video-tutorials?hsLang=en-gb#status) - [Help Centre](https://knowledgebase.clearooms.com/video-tutorials?hsLang=en-gb#help-centre) - [OpenSpaces](https://knowledgebase.clearooms.com/video-tutorials?hsLang=en-gb#openspaces) - [Parking Spaces](https://knowledgebase.clearooms.com/video-tutorials?hsLang=en-gb#parking-spaces) - [OpenSpaces](https://knowledgebase.clearooms.com/openspaces?hsLang=en-gb) - [Parking Spaces](https://knowledgebase.clearooms.com/parking-spaces?hsLang=en-gb#main-content) - [Parking Misuse Reporting](https://knowledgebase.clearooms.com/parking-spaces?hsLang=en-gb#parking-misuse-reporting) - [Arrivals HQ](https://knowledgebase.clearooms.com/arrivals-hq?hsLang=en-gb#main-content) - [Journeys](https://knowledgebase.clearooms.com/arrivals-hq?hsLang=en-gb#journeys) - [Reports](https://knowledgebase.clearooms.com/arrivals-hq?hsLang=en-gb#reports) - [Multi Tenant](https://knowledgebase.clearooms.com/arrivals-hq?hsLang=en-gb#multi-tenant) - [Documents & Compliance](https://knowledgebase.clearooms.com/arrivals-hq?hsLang=en-gb#documents-compliance) - [Emergency and Evacuations](https://knowledgebase.clearooms.com/arrivals-hq?hsLang=en-gb#emergency-and-evacuations) - [Hosts & notifications](https://knowledgebase.clearooms.com/arrivals-hq?hsLang=en-gb#hosts-notifications) - [Badges](https://knowledgebase.clearooms.com/arrivals-hq?hsLang=en-gb#badges) - [Deliveries](https://knowledgebase.clearooms.com/arrivals-hq?hsLang=en-gb#deliveries) - [Sites](https://knowledgebase.clearooms.com/arrivals-hq?hsLang=en-gb#sites) [![Colour Transparent](https://knowledgebase.clearooms.com/hs-fs/hubfs/Colour%20Transparent.png?width=1672&height=313&name=Colour%20Transparent.png "Colour Transparent")](http://clearooms.com) [mailto:support@clearooms.com](mailto:support@clearooms.com) Copyright © 2025, clearooms.com