在鸿蒙应用开发中，如何使用ArkTS实现应用的主题和皮肤切换？

Question

在鸿蒙应用开发中，如何使用ArkTS实现应用的主题和皮肤切换？
本文参与了【 HarmonyOS NEXT 技术问答冲榜，等你来战！】，欢迎正在阅读的你也加入。

Answer 1

在 ArkTS 中可以通过自定义全局的样式变量来实现主题和皮肤的切换。
首先，定义一些样式变量：

// theme.ets
export const primaryColor = '#4CAF50';
export const secondaryColor = '#FFC107';

然后在应用的组件中使用这些变量：

import { primaryColor, secondaryColor } from './theme.ets';

@Entry
@Component
struct MyComponent {
  build() {
    Column() {
      Text('Hello').style({ backgroundColor: primaryColor });
      Button('Click me').style({ backgroundColor: secondaryColor });
    }
  }
}

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