> Portal Navigation:
> 
> - Append `.md` to any URL under `https://dev.wix.com/docs/` to get its markdown version.
> - Pages are either content pages (article or reference text) or menu pages (a list of links to child pages).
> - To get a menu page, truncate any URL to a parent path and append `.md` (e.g. `https://dev.wix.com/docs/sdk.md`, `https://dev.wix.com/docs/sdk/core-modules.md`).
> - Top-level index of all portals: https://dev.wix.com/docs/llms.txt
> - Full concatenated docs: https://dev.wix.com/docs/llms-full.txt

## Resource: Properties

## Article: Properties

## Article Link: https://dev.wix.com/docs/sdk/site-sdk/site-settings/site-theme/properties.md

## Article Content:

import { Property, PropertyList, ExpandableSection, RequestResponseExamples } from "@wix/docs-ui/content";

{/* Generated by @wix/tw-typedoc-to-wix-docs from packages/site-service-site-theme/src/definition/index.ts. Do not edit this file directly — edit the TSDoc in the source package. */}

# Site Theme Properties

## colors

**Type:** `SiteColors` (read-only)

Site's theme colors, keyed by theme color ID.

Use it to resolve a theme color ID, such as `color_4`, to its color value.

The host fills `colors` and `colorsMap` from the same list of theme colors, so `colors['color_<n>']`
is the same value as `colorsMap[n]`, counting from `color_0`.

Don't change the object's entries. Every component on the page reads the same object, so a change shows
in all of them, and the site doesn't save it.

<ExpandableSection name="Child Properties">
  <PropertyList>
    <Property name="[colorIndex: string]" type="string">
      CSS color value of the theme color with this ID. IDs have the form `color_<n>`, starting at
      `color_0`.
    </Property>
  </PropertyList>
</ExpandableSection>

### Example

```json
{
  "color_0": "#FFFFFF",
  "color_1": "#E8E6E6",
  "color_2": "#9C9C9C",
  "color_3": "#1F1F1F",
  "color_4": "#0088CB",
  "color_5": "#ED1C24"
}
```

---

## colorsMap

**Type:** `ColorsMap` (read-only)

Site's theme colors, in order.

The host fills `colorsMap` and `colors` from the same list of theme colors, so entry `n` is the theme
color with ID `color_<n>`.

Don't change the array, for example by sorting it in place. Every component on the page reads the same
array, so a change shows in all of them, and the site doesn't save it.

### Example

```json
[
  "#FFFFFF",
  "#E8E6E6",
  "#9C9C9C",
  "#1F1F1F",
  "#0088CB",
  "#ED1C24"
]
```

---

## fonts

**Type:** `SiteFonts` (read-only)

Site's theme fonts, keyed by theme font ID.

Don't change the object's entries. Every component on the page reads the same object, so a change shows
in all of them, and the site doesn't save it.

<ExpandableSection name="Child Properties">
  <PropertyList>
    <Property name="[fontIndex: string]" type="string">
      Definition of the theme font with this ID, such as its size and font family. IDs have the form
      `font_<n>`, starting at `font_0`.
    </Property>
  </PropertyList>
</ExpandableSection>

### Example

```json
{
  "font_0": "normal normal normal 40px/1.4em helvetica-w01-bold,sans-serif",
  "font_1": "normal normal normal 16px/1.4em proxima-n-w01-reg,sans-serif"
}
```