---
name: "onThemeChange"
mode: "api"
versionRequirements:
  - { name: "Base Library", version: "2.10.0" }
title: "ty.onThemeChange"
---

## onThemeChange

> [VERSION] Base Library >= 2.10.0

### Description

Listen for theme change events; only effective when darkmode is enabled

### Parameters

`(callback: Function)`

| Parameter | Type | Required | Description |
| --- | --- | --- | --- |
| `callback` | `(res: OnThemeChangeCallbackResult) => void` | Yes | Theme change event listener callback |

### Return Value

None


### Referenced Types

##### `interface` OnThemeChangeCallbackResult

| Property | Type | Required | Description |
| --- | --- | --- | --- |
| `theme` | `"light" \| "dark"` | Yes | Current theme; valid values: light or dark |


### Examples

#### Listen for theme change events

```js
Page({
  onLoad() {
    ty.onThemeChange((res) => {
      console.log('Current theme', res.theme);
    });
  },
});
```