• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# Configuring Starting Window Resources
2<!--Kit: ArkUI-->
3<!--Subsystem: Window-->
4<!--Owner: @xiaochaobu-->
5<!--Designer: @tenMiles-->
6<!--Tester: @qinliwen0417-->
7<!--Adviser: @ge-yafang-->
8
9The configuration of starting window resources is similar to other resource configurations. You can classify the resources and configure them for different scenarios. Normally, this approach is used when you configure the starting window content for dark mode or different device types.
10
11## Configuring the Starting Window for Dark Mode
12<!--RP1-->
13- The dark and light color mode of the starting window follows the system's color scheme.
14<!--RP1End-->
15
16The following uses the background color configuration of the [enhanced starting window](launch-page-config.md#configuring-an-enhanced-starting-window) as an example. In the default UIAbility template, the value of **startWindowBackgroundColor** is **$color:start_window_background**. You can configure the color in the **resources** directory in the following way so that the color setting takes effect for dark mode. The configuration of other fields is the same as that of the background color. You can configure the resources corresponding to the field in the **resources** directory.
17
181. Modify the color value of **start_window_background** in the **resources/base/element/color.json** file to set the default background color of the starting window in normal mode. Example:
19
20   ```json
21   {
22     "color": [
23       {
24         "name": "start_window_background",
25         "value": "#FFFFFFFF"
26       }
27     ]
28   }
29   ```
30
312. Modify the color value of **start_window_background** to **#FF000000** in the **resources/dark/element/color.json** file to set the default background color of the starting window in dark mode. Example:
32
33   ```json
34   {
35     "color": [
36       {
37         "name": "start_window_background",
38         "value": "#FF000000"
39       }
40     ]
41   }
42   ```
43
44## Configuring the Starting Window for Different Devices
45
46Similar to dark mode, you can create resource directories such as **car** and **tablet** in the **resources** directory and configure different starting window content for these devices. For details, see [Creating a Resource Directory and Resource File](.../quick-start/resource-categories-and-access.md#creating-a-resource-directory-and-resource-file).
47
48If no resource file is configured for the starting window field in a specific scenario, the resource file in the **base** directory is used by default.
49