1e41f4b71Sopenharmony_ci# Theme Configuration
2e41f4b71Sopenharmony_ci
3e41f4b71Sopenharmony_ci
4e41f4b71Sopenharmony_ciTo configure the theme for a service widget, use the attribute described below.
5e41f4b71Sopenharmony_ci
6e41f4b71Sopenharmony_ci|      Name         |             Description                |
7e41f4b71Sopenharmony_ci| ------------------  |  -----------------------------  |
8e41f4b71Sopenharmony_ci|   app_background    |        Background color of the widget.       |
9e41f4b71Sopenharmony_ci
10e41f4b71Sopenharmony_ci
11e41f4b71Sopenharmony_ciTo configure the theme, create the **resources** folder at the same level as **pages** in the **widget** folder and set the above attribute in the **widget/resources/styles/default.json** file. For example, to configure the default theme of a widget to light gray:
12e41f4b71Sopenharmony_ci
13e41f4b71Sopenharmony_ci```json
14e41f4b71Sopenharmony_ci{
15e41f4b71Sopenharmony_ci  "style": {
16e41f4b71Sopenharmony_ci    "app_background": "#dcdcdc"
17e41f4b71Sopenharmony_ci  }
18e41f4b71Sopenharmony_ci}
19e41f4b71Sopenharmony_ci```
20