This article: 🇹🇷 TR 🇬🇧 EN 🇷🇺 RU
Appearance Settings English

Dark Mode, Light Theme & System Theme — defte.co Appearance Guide

defte.co · June 2026 ~6 min read
What is Defte?
Defte is a free online appointment booking and business management platform for service-based businesses. It works for salons, barbershops, clinics, consultants, and 30+ other industries. Start free →

The defte.co management dashboard ships with three distinct visual themes: Light, Dark, and System. Switching between them takes a single click, and every theme is designed to reduce eye strain while keeping your brand identity intact.

Three Themes, One Platform

Running a salon means spending long hours in front of a screen — checking the appointment list in the morning, adding clients at noon, reviewing statistics in the evening. That's why defte.co offers multiple appearance options built for real-world working conditions.

☀️ Light Theme White and warm stone tones. Ideal for daytime use, well-lit offices, or reception desks. High text contrast for fast scanning.
🌙 Dark Theme Deep grey and anthracite backgrounds. Dramatically reduces eye strain in low-light environments or at night. Eliminates screen glare.
⚙️ System Theme Follows the operating system preference automatically. When your phone or computer switches to night mode, the dashboard follows — no manual change needed.

Light Theme: Design Details

The light theme uses #fafaf9 (stone-50) as its background — a warm-tinted white that avoids the eye-irritating glare of pure white. Cards and panel areas use #ffffff, while dividers are rendered in #e7e5e4 (stone-200).

The signature amber (#f59e0b) accent colour stands out most powerfully in light mode: action buttons, active menu items, and notification badges use this tone. The eye naturally gravitates toward amber anchors, making critical information instantly visible.

For front-desk work: The light theme matches the natural daytime lighting of a salon environment. When opened in front of a client, it projects a clean, professional appearance.

Dark Theme: Design Details

The dark theme's primary background is #0c0a09 (stone-950) — near-black with a barely perceptible warm undertone to avoid the harsh contrast of pure black. Panel and card areas use #1c1917 (stone-900); borders are rendered in #292524 (stone-800).

The amber accent reads differently in dark mode: the #fbbf24 tone glows like gold against the deep background. Buttons and active items are immediately distinguishable. Body text is rendered in #fafaf9 (stone-50) for comfortable readability.

On OLED screens, dark mode also delivers measurable battery savings: dark pixels consume almost no energy in OLED technology. For salon owners who work on smartphones throughout the day, this translates to noticeably less charge drain.

Night shifts and dim interiors: Checking the appointment list in low light no longer means squinting. Dark mode gives late-night dashboard users genuine comfort.

System Theme: Automatic Adaptation

When System theme is selected, defte.co listens to the browser's or operating system's prefers-color-scheme media query. When "dark mode" is enabled on macOS, iOS, Android, or Windows, the dashboard automatically switches to the dark theme; it returns to light mode when daylight mode is active.

This option is ideal for salon owners who work across both desktop and mobile. You use light mode on your desktop in the morning and switch to dark mode on your phone in the evening — without changing any setting manually.

How to Change the Theme

  1. Go to defte.co/dashboard/settings.
  2. Open the Appearance tab.
  3. Click Light, Dark, or System.
  4. The change applies instantly — no save button required.

Your preference is saved in the browser. On your next login from the same device, the selected theme loads automatically. You can use different themes on different devices.

Theme Support in the Mobile App

📱 iOS Full system-mode support on iOS 15+. Dynamic Island and safe-area colours adapt correctly to both themes.
🤖 Android Compatible with Android 10+ Material You colour system. FCM notifications display correctly in both themes.
🖥️ PWA / Web The browser-installed Progressive Web App version reflects theme changes instantly.

Why Three Themes?

A single dark or light mode is not enough, because every user's environment, schedule, and preference is different:

defte.co respects all three preferences by offering all three options.

Try the Themes Yourself

Go to Settings → Appearance in your defte.co dashboard and switch between all three themes with a single click.

Go to Settings →