如何支持全局主题切换

.grayscale(this.saturateValue) // 设置根组件的颜色饱和度  
1.

@Entry 
@Component 
struct TabsExample { 
  @State selectedFontColor: string = '#007DFF' 
  @State saturateValue: number = 0; 
  build() { 
    Column() { 
      Row(){ 
        Column().width(100).height(100).backgroundColor(Color.Pink) 
        Column().width(100).height(100).backgroundColor(Color.Orange) 
      } 
      Button("页面置灰") 
        .onClick(() => { 
          this.saturateValue = 1; // 页面置灰 
        }) 
 
      Button("恢复彩色") 
        .onClick(() => { 
          this.saturateValue = 0; // 页面复原 
        }) 
    }.width('100%') 
    .grayscale(this.saturateValue) // 设置根组件的颜色饱和度 
  } 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.