Skip to content

Commit 6327869

Browse files
authored
Update sharepoint-site-theming-json-schema.md
Updated JSON definition example w/ missing Fabric slots; added note about inclusion of accent and error slots missing from theme generator output.
1 parent 7695597 commit 6327869

File tree

1 file changed

+16
-3
lines changed

1 file changed

+16
-3
lines changed

docs/declarative-customization/site-theming/sharepoint-site-theming-json-schema.md

Lines changed: 16 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
---
1+
---
22
title: SharePoint site theming - JSON schema
33
description: The new SharePoint site theming features use a JSON schema to store color settings and other information about each theme.
4-
ms.date: 04/19/2018
4+
ms.date: 04/20/2018
55
---
66

77
# SharePoint site theming: JSON schema
@@ -41,7 +41,12 @@ The new [SharePoint site theming](sharepoint-site-theming-overview.md) features
4141
* white
4242
* primaryBackground
4343
* primaryText
44+
* bodyBackground
45+
* bodyText
46+
* disabledBackground
47+
* disabledText
4448
* error
49+
* accent
4550

4651
The colors in the **theme** element are specified as 6-digit or 3-digit hexadecimal RGB string values.
4752

@@ -78,7 +83,12 @@ The following is an example of a JSON object that defines a theme.
7883
        white: "#262a35", 
7984
        primaryBackground: "#262a35", 
8085
        primaryText: "#ffffff", 
81-
        error: "#ff5f5f" 
86+
bodyBackground: "#ffffff";
87+
bodyText: "#333333";
88+
disabledBackground: "#f4f4f4";
89+
disabledText: "#c8c8c8";
90+
error: "#ff5f5f";
91+
accent: "#ffb900";
8292
} 
8393
8494
```
@@ -89,6 +99,9 @@ The SharePoint Framework includes eight built-in themes: six on light background
8999

90100
Another option is to use the [Theme Generator tool](https://developer.microsoft.com/en-us/fabric#/styles/themegenerator) to build a custom theme. It provides an interactive UI for selecting theme colors, and automatically generates the JSON, SASS, and PowerShell definitions for your custom theme.
91101

102+
> [!NOTE]
103+
> The theme generator definitions do not currently include the "error" or "accent" color slots. These can be manually added to your generated definition before uploading to the tenant.
104+
92105
![Theme Generator tool](../../images/theme-generator-tool.png)
93106

94107
The following is a summary of the built-in themes, including JSON definitions for the theme colors that you can use as a starting point for customization.

0 commit comments

Comments
 (0)