在鸿蒙开发中，如何实现应用的自定义系统主题设置？

Question

在鸿蒙开发中，如何实现应用的自定义系统主题设置？
本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

自定义系统主题设置可以用于改变应用的系统主题。

@Entry
@Component
struct CustomSystemThemeSettingApp {
  setSystemTheme(theme: string) {
    SystemTheme.set(theme);
  }

  build() {
    return (
      <UI.Page>
        <UI.Label text="Custom System Theme Setting" />
        <UI.Button text="Set Dark Theme" onClick={() => this.setSystemTheme('dark')} />
        <UI.Button text="Set Light Theme" onClick={() => this.setSystemTheme('light')} />
      </UI.Page>
    );
  }
}

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。