---
title: "useTheme"
description: "useTheme() trả về 'light' hoặc 'dark' và re-render theo host theme. API này read-only: app thích ứng với workspace, không đổi theme của Core."
url: "https://sotaagents.ai/vi/manual/developer-guide/use-theme"
generated_by: "sotaagents-ldp"
docs_index: "https://sotaagents.ai/manual/llms.txt"
locale: "vi"
---

# useTheme

`useTheme()` trả về `'light'` hoặc `'dark'` và re-render theo host theme. API này read-only: app thích ứng với workspace, không đổi theme của Core.

TSX

```
import { useTheme } from '@sota/platform';

export function Preview() {
  const theme = useTheme();
  return <div className="preview" data-theme={theme}>Preview</div>;
}
```

Code

```css
.preview {
  color: var(--foreground);
  background: var(--background);
}

.preview[data-theme='dark'] .diagram {
  filter: brightness(0.9);
}
```

Ưu tiên design token được native surface kế thừa. Chỉ dùng hook khi behavior hoặc asset thật sự khác theo theme.