@ohos.uiAppearance (UI Appearance)

The uiAppearance module provides basic capabilities for managing the system appearance. It allows for color mode configuration currently, and will introduce more features over time.

NOTE

The APIs of this module are supported since API version 10. Updates will be marked with a superscript to indicate their earliest API version.

The APIs provided by this module are system APIs.

Modules to Import

import uiAppearance from '@ohos.uiAppearance'

DarkMode

Enumerates the color modes.

System capability: SystemCapability.ArkUI.UiAppearance

uiAppearance.setDarkMode

setDarkMode(mode: DarkMode, callback: AsyncCallback<void>): void

Sets the system color mode. This API uses an asynchronous callback to return the result.

Permission required: ohos.permission.UPDATE_CONFIGURATION

System capability: SystemCapability.ArkUI.UiAppearance

Parameters

Error codes

For details about the error codes, see UI Appearance Error Codes.

Example

import uiAppearance from '@ohos.uiAppearance'
import { BusinessError } from '@ohos.base';
try {
  uiAppearance.setDarkMode(uiAppearance.DarkMode.ALWAYS_DARK, (error) => {
    if (error) {
      console.error('Set dark-mode failed, ' + error.message);
    } else {
      console.info('Set dark-mode successfully.');
    }
  })
} catch (error) {
  let message = (error as BusinessError).message;
  console.error('Set dark-mode failed, ' + message);
}

uiAppearance.setDarkMode

setDarkMode(mode: DarkMode): Promise<void>;

Sets the system color mode. This API uses a promise to return the result.

Permission required: ohos.permission.UPDATE_CONFIGURATION

System capability: SystemCapability.ArkUI.UiAppearance

Parameters

Return value

Error codes

For details about the error codes, see UI Appearance Error Codes.

Example

import uiAppearance from '@ohos.uiAppearance'
import { BusinessError } from '@ohos.base';
try {
  uiAppearance.setDarkMode(uiAppearance.DarkMode.ALWAYS_DARK).then(() => {
    console.info('Set dark-mode successfully.');
  }).catch((error:Error) => {
    console.error('Set dark-mode failed, ' + error.message);
  });
} catch (error) {
  let message = (error as BusinessError).message;
  console.error('Set dark-mode failed, ' + message);
}

uiAppearance.getDarkMode

getDarkMode(): DarkMode;

Obtains the system color mode.

Permission required: ohos.permission.UPDATE_CONFIGURATION

System capability: SystemCapability.ArkUI.UiAppearance

Return value

Error codes

For details about the error codes, see UI Appearance Error Codes.

Example

import uiAppearance from '@ohos.uiAppearance'
import { BusinessError } from '@ohos.base';
try {
  let darkMode = uiAppearance.getDarkMode();
  console.info('Get dark-mode ' + darkMode);
} catch (error) {
  let message = (error as BusinessError).message;
  console.error('Get dark-mode failed, ' + message);
}