---
title: "Light / dark, menus and the contact dock"
url: https://phatdev.net/en/docs/tandoanh-theme/giao-dien-dieu-huong
lang: en
updated: 2026-10-20
alternate:
  vi: https://phatdev.net/docs/tandoanh-theme/giao-dien-dieu-huong
markdown: https://phatdev.net/en/docs/tandoanh-theme/giao-dien-dieu-huong.md
---

# Light / dark, menus and the contact dock

Part of the doc set: [Tân Doanh](https://phatdev.net/en/docs/tandoanh-theme.md)

> Color mode, mega menu, mobile menu, contact dock and popups.

## Light / dark
Follows the device setting, with a toggle button that remembers the visitor's choice, synchronized across the whole site through the `data-theme` attribute.

## Mega menu
A custom-built vertical category mega menu (no plugin), configured by drag and drop across 3 levels in the **Mega Menu** tab, with an image for each group.

## Mobile menu
A slide-in menu that drills down one level at a time, with a back button, used on screens 1080 px wide and below (including iPad in portrait). The data is shared with the mega menu.

## Contact dock
A vertical column of buttons on desktop and a floating expandable button on mobile, for hotline, Zalo, Messenger, Telegram and email; arrange each channel in the **Contact Footer** tab.

## Popup
Multiple popups scoped by page, triggered automatically, after a delay, on scroll or on exit intent; frequency is controlled by cookie; separate banners for desktop and mobile. Assets load only when a popup matches the page.