Switching Between Light Mode and Dark Mode
What it is
RAPTIX supports two colour themes — light mode (bright white and light-grey backgrounds with dark text) and dark mode (deep charcoal and navy backgrounds with light text). One click on the toggle button in the top bar or mobile header switches the entire platform immediately. Your choice is remembered permanently in your browser, so you never have to set it again on that device.
Why it's useful / Key benefits
- One tap, instant change. The entire interface switches at once — every page, panel, and component.
- Comfortable for all environments. Light mode suits bright offices; dark mode reduces eye strain in low-light settings and on monitors used in darker rooms.
- Your preference is remembered. The platform saves your choice on each device, so reopening the browser or coming back the next day keeps your preferred theme without you doing anything.
- Automatic first-time default. On your very first visit, the platform reads your operating system or browser's colour-scheme preference and starts in the matching mode automatically — no setup required.
- No page reload. The switch is instant; everything transitions smoothly without reloading the page or losing any work in progress.
Before you start
- You must be signed in to access the dark mode toggle.
- There is no administrator setting that forces a theme on all users — each user controls their own preference independently.
- Dark mode preference is stored per device (specifically per browser on that device). If you use the platform on a second device or a different browser, you may need to set your preference there too.
How to use it — step by step
On a desktop or laptop
-
Look at the top bar running across the top of the screen.
-
Find the rounded square button in the right section of the top bar, between the logo area and the bell icon. In light mode this button shows a sun icon (amber/gold colour). In dark mode it shows a moon icon (blue colour).
-
Click the button once. The platform immediately switches to the opposite mode. The icon animates as it transitions:
- Switching to dark mode: the sun icon rotates and shrinks away; the moon icon appears.
- Switching to light mode: the moon icon shrinks away; the sun icon appears.
-
Every part of the interface updates instantly — top bar, navigation panel, page backgrounds, cards, tables, text, and input fields all shift to the new colour scheme.
-
Your choice is saved automatically. Close the browser, reopen it tomorrow, and the platform will still be in your chosen mode.
On a phone or tablet
-
Look at the mobile header bar at the top of the screen.
-
The sun or moon icon button is located in the right section of the mobile header, next to your avatar.
-
Tap the button once to switch modes. The icon animates and every part of the visible interface transitions immediately.
-
The mobile slide-out menu also uses the active theme — open it after switching to see it in your new colour scheme.
Options & settings explained
| Setting | Details |
|---|---|
| Light mode | White and light-grey backgrounds, dark text, and full-colour icons. Best for use in bright environments. |
| Dark mode | Deep charcoal (dark grey) and navy backgrounds, light/white text, and adjusted icon colours. Best for low-light or night use. |
| How preference is saved | Saved automatically in your browser's local storage under the key darkMode. No account setting is changed — the preference is per-browser, per-device. |
| First-visit default | If you have never set a preference, the platform checks your device or browser's system colour-scheme preference (prefers-color-scheme) and starts in the matching mode. |
| Toggle button (desktop) | Located in the top bar, right section, to the left of the bell icon. Shows sun in light mode, moon in dark mode. |
| Toggle button (mobile) | Located in the mobile header bar, right section, to the left of the avatar. Same sun/moon icons. |
Tips & best practices
- Use dark mode for long document review sessions. When working through several PDFs or long workflow screens, dark mode significantly reduces screen glare and fatigue.
- The preference is device-specific. If you work on both a desktop and a laptop, set your preference on each device. The platform will remember it separately on each.
- Dark mode works on all modules. Every part of the platform — Home, Workflows, Documents, AI Agents, Knowledge, Applications, and all admin screens — fully supports dark mode.
- No sync between tabs. If you have the platform open in two browser tabs and change the mode in one, refresh the other tab to see the change applied there as well.
Frequently asked questions
Q: I switched to dark mode but it went back to light mode when I opened a new tab. Why? Dark mode is applied the moment you switch and is stored in your browser. A new tab opening in light mode would suggest the preference was not saved correctly — try switching once more and refreshing the new tab. If the issue persists, check whether your browser is set to clear local storage on close.
Q: Can an administrator set a default colour scheme for the whole organisation? No — the colour scheme is a personal preference per user, per device. Administrators cannot force a specific theme.
Q: Why does the platform start in dark mode even though I have not set it? On your first visit, the platform reads your operating system's preferred colour scheme. If your computer or phone is set to dark mode system-wide, the platform starts in dark mode to match. You can override this at any time using the toggle button.
Q: Is there a keyboard shortcut to toggle dark mode? There is no dedicated keyboard shortcut for dark mode. Use the toggle button in the top bar.
Q: The top bar itself looks different in dark mode. Is that intentional? Yes. In light mode the top bar has a clean white background. In dark mode it uses a dark gradient (dark grey fading to slightly lighter grey) to create depth while keeping the interface easy on the eyes.