1. 使用 ThemeControl.setDefaultTheme 设置应用级全局主题

• 通过 ThemeControl.setDefaultTheme 方法，可以在应用启动时（如在 onWindowStageCreate 阶段）设置一个自定义主题（CustomTheme），该主题会作为应用级的默认主题，影响所有组件的颜色风格（如背景色、字体色等）。
• 关键步骤：
  • 定义自定义主题类（实现 CustomColors 接口），覆写需要修改的颜色属性（如 brand、fontPrimary、backgroundPrimary 等）。未修改的属性会继承系统默认值。
  • 调用 ThemeControl.setDefaultTheme() 应用该主题。
• 示例代码（V1/V2 组件均支持）：

import { CustomTheme, CustomColors, ThemeControl } from '@kit.ArkUI';

// 自定义颜色
class BlueColors implements CustomColors {
  fontPrimary = Color.White;  // 影响文本主色
  backgroundPrimary = Color.Blue; // 影响背景主色
  brand = Color.Blue; // 影响品牌色
}

class PageCustomTheme implements CustomTheme {
  colors?: CustomColors;
  constructor(colors: CustomColors) {
    this.colors = colors;
  }
}

// 设置全局默认主题
const BlueColorsTheme = new PageCustomTheme(new BlueColors());
ThemeControl.setDefaultTheme(BlueColorsTheme); // 此调用后，所有组件默认使用 BlueColorsTheme 的颜色

2. 通过配置文件指定系统主题（如深色/浅色模式）

• 在 module.json5 中通过 systemTheme 标签指定应用使用的系统主题配置文件（如 theme_config.json），从而全局控制深浅色模式（从 API Version 20 开始支持）。
• 示例：

// module.json5
{
  "module": {
    "systemTheme": "$profile:theme_config" // 指向 profile/theme_config.json
  }
}

// resources/base/profile/theme_config.json
{
  "systemTheme": "$ohos:theme:ohos_theme" // 使用系统默认主题
}

3. 使用 WithTheme 组件进行局部主题覆盖

• 如果需要对特定区域设置独立主题，可以使用 WithTheme 组件包裹子组件，通过 theme 属性传入自定义主题，或通过 colorMode 指定深浅色模式。但这不是全局方法，仅影响局部。

可以实现的话，​​​​关键步骤和代码你可以看看我的代码：​​

1. ​​定义自定义主题色 (AppTheme.ets):​​

   • 创建 AppColors类实现 CustomColors接口。
   • 在 AppColors中声明要覆盖的系统默认颜色 token（如 brand, warning），并赋予新的 ResourceColor值。
   • 创建 AppTheme类实现 CustomTheme接口，其 colors属性指向 AppColors的实例。
   • 导出 AppTheme的实例 gAppTheme供其他模块使用。

// AppTheme.ets
import { CustomColors, CustomTheme } from '@kit.ArkUI';

export class AppColors implements CustomColors {
  brand: ResourceColor = '#FF75D9'; // 覆盖品牌色
  warning: ResourceColor = $r('app.color.start_window_background'); // 覆盖警告色（支持深/浅色模式）
}

export class AppTheme implements CustomTheme {
  public colors: AppColors = new AppColors();
}

export let gAppTheme: CustomTheme = new AppTheme(); // 导出主题实例

1. ​​在页面中应用自定义主题色 (Index.ets):​​

   • ​​关键点：​​ 必须在页面 build()方法执行​​之前​​设置主题。
   • 使用 ThemeControl.setDefaultTheme(gAppTheme)设置应用组件的默认主题。
   • 在自定义组件（如 DisplayPage）中实现 onWillApplyTheme(theme: Theme)生命周期方法。此方法在主题应用前被调用，参数 theme包含当前生效的主题对象。
   • 在 onWillApplyTheme中，可以从 theme.colors获取最新的颜色值（如 theme.colors.backgroundPrimary），并更新组件的状态变量（如 this.menuItemColor）。
   • 在 build()方法中，使用这些状态变量设置组件的样式（如 .backgroundColor(this.menuItemColor)）。

// Index.ets (关键部分)
import { Theme, ThemeControl } from '@kit.ArkUI';
import { gAppTheme } from './AppTheme';

// 在页面build前设置主题 !!!
ThemeControl.setDefaultTheme(gAppTheme);

[@Entry](/user/Entry)
[@Component](/user/Component)
struct DisplayPage {
  @State menuItemColor: ResourceColor = $r('sys.color.background_primary'); // 初始值

  onWillApplyTheme(theme: Theme) { // 主题应用前的回调
    this.menuItemColor = theme.colors.backgroundPrimary; // 获取并更新主题色
  }

  build() {
    Column() {
      // ... 组件树 ...
      ListItem() {
        Column() {
          // ... 内容 ...
        }
        .backgroundColor(this.menuItemColor) // 使用动态主题色
      }
      // ... 更多组件 ...
    }
  }
}

1. ​​在 UIAbility (应用入口) 中应用自定义主题色 (EntryAbility.ets):​​

   • ​​关键点：​​ 必须在 windowStage.loadContent的​​完成回调​​中设置主题，确保 ArkUI 框架已初始化。
   • 在 onWindowStageCreate方法中，调用 windowStage.loadContent加载页面。
   • 在 loadContent的回调函数内部，使用 ThemeControl.setDefaultTheme({ colors: abilityThemeColors })设置主题。可以直接内联定义 CustomColors或使用预先定义好的对象（如 abilityThemeColors）。

// EntryAbility.ets (关键部分)
import { window, CustomColors, ThemeControl } from '@kit.ArkUI';

class AppColors implements CustomColors { // 也可以在这里定义
  fontPrimary = 0xFFD53032;
  // ... 其他覆盖的颜色 ...
}
const abilityThemeColors = new AppColors();

export default class EntryAbility extends UIAbility {
  onWindowStageCreate(windowStage: window.WindowStage) {
    windowStage.loadContent('pages/Index', (err, data) => {
      if (err.code) { ... return; }
      // 在loadContent回调中设置主题 !!!
      ThemeControl.setDefaultTheme({ colors: abilityThemeColors });
    });
  }
}

​​主要一些注意事项：​​

• ​​继承性：​​ 在 CustomColors中只声明需要修改的颜色 token。未声明的 token 会自动继承系统的默认值。
• ​​资源引用 ($r):​​ 使用 $r(‘app.color.xxx’)引用应用资源，可以方便地实现深色/浅色模式适配（在 resources目录下定义不同模式的值）。
• ​​设置时机 (setDefaultTheme):​​
  • 在页面中：​​必须​​在 @Component的 build()方法执行​​之前​​调用（通常在 @Entry下方）。
  • 在 UIAbility 中：​​必须​​在 windowStage.loadContent的​​完成回调​​中调用。
• ​​恢复默认：​​ 调用 ThemeControl.setDefaultTheme(undefined)会使所有组件恢复使用系统默认的 token 颜色值。

HarmonyOS Next的主题色配置通过资源管理系统实现。在resources/base/element/目录下创建color.json文件，定义color_primary等颜色资源。系统级主题色需在AppScope的resources文件中配置，应用启动时自动加载。控件通过引用$color:color_primary即可统一应用主题色。主题色变更会通过资源ID关联自动更新所有使用该资源的控件，无需单独设置。