---
url: https://docs.danghong.me/sites/media/design.md
description: >-
  Thiết kế của media.danghong.me: dùng theme danghong, có dark mode theo hệ điều
  hành, lưới ảnh và lightbox; ngoại lệ so với lõi design system.
---

# media.danghong.me Design

**Theme:** [danghong](../../ecosystem/design-system/themes/danghong.md). **Lõi:** [Core](../../ecosystem/design-system/core.md). CSS viết tay trong `media/src/render.js` (không dùng Tailwind).

## Ngoại lệ so với theme và lõi

| Hạng mục | media | Ghi chú |
| :--- | :--- | :--- |
| Dark mode | Có, theo `prefers-color-scheme` | danghong.me không có ([theme](../../ecosystem/design-system/themes/danghong.md) TD2) |
| Tên token | `--bg`, `--soft`, `--fg`, `--muted`, `--accent`, `--accent-soft`, `--line`, `--card`, `--overlay` | Khác bộ tên chuẩn ([theme](../../ecosystem/design-system/themes/danghong.md) TD1) |
| Lưới ảnh | Album hiển thị lưới ảnh dày, lightbox nền `--overlay` | Ngoại lệ hợp lệ của tầng site |
| Trang chủ | Dải album cuộn ngang, lưới câu chuyện | |

## Việc còn mở

| # | Việc |
| :--- | :--- |
| MD1 | Thêm footer hệ sinh thái chuẩn ([Core](../../ecosystem/design-system/core.md) §5); footer hiện chỉ có link danghong.me. |