✨ Featuresbeginner2 min read

Dark Mode in Unsheet — Automatic and Manual Theme Switching

Unsheet supports full dark and light themes across every page. Learn how to toggle themes and how the design system adapts automatically.

In this guide

  1. 1Toggle Dark Mode
  2. 2System Preference
  3. 3How the Theme System Works

Toggle Dark Mode

Click the sun/moon icon in the top-right corner of any page to switch between light and dark themes. Your preference is saved and persists across sessions.

System Preference

If you haven't manually set a preference, Unsheet respects your operating system's theme setting. On macOS, this follows your Appearance setting in System Settings. On Windows, it follows your Colors setting.

How the Theme System Works

Unsheet uses a design token system powered by CSS custom properties (oklch color space) and Tailwind CSS. Every component — from metric cards to charts to navigation — adapts seamlessly. The primary colour shifts from Electric Indigo in light mode to a Glowing Neon Indigo in dark mode.

Found this useful?

Share it with your team or network.

Frequently Asked Questions

Does Unsheet have dark mode?
Yes. Click the sun/moon icon in any navigation bar to toggle between light and dark themes. Unsheet also respects your system preference.

Related Guides

🚀Getting Started· 4 min

What Is Unsheet? The AI-Powered Spreadsheet Killer

Unsheet converts Excel and Google Sheets into beautiful, interactive web apps with live formula recalculation — no code required. Learn how it works.

Ready to kill your spreadsheets?

Upload your first file and see the magic in under 30 seconds.

Get Started Free →