|
1 | 1 | ---
|
2 | 2 | title: SharePoint site theming - JSON schema
|
3 | 3 | description: The new SharePoint site theming features use a JSON schema to store color settings and other information about each theme.
|
4 |
| -ms.date: 06/28/2022 |
| 4 | +ms.date: 10/20/2022 |
5 | 5 | ms.localizationpriority: high
|
6 | 6 | ---
|
7 | 7 |
|
@@ -458,6 +458,58 @@ The following code shows how to define a dictionary in PowerShell for the Gray t
|
458 | 458 | }
|
459 | 459 | ```
|
460 | 460 |
|
| 461 | +## Periwinkle theme |
| 462 | + |
| 463 | +The following table shows the color palette used by the Periwinkle theme. |
| 464 | + |
| 465 | +| Theme colors | Neutral colors | |
| 466 | +| ------------------------ | --------------------------- | |
| 467 | +| themeDarker: #383966 | black: #000000 | |
| 468 | +| themeDark: #3D3E78 | neutralDark: #201f1e | |
| 469 | +| themeDarkAlt: #444791 | neutralPrimary: #323130 | |
| 470 | +| themePrimary: #5B5FC7 | neutralPrimaryAlt: #3b3a39 | |
| 471 | +| | neutralSecondary: #605e5c | |
| 472 | +| | neutralTertiary: #a19f9d | |
| 473 | +| themeSecondary: #7579EB | neutralTertiaryAlt: #c8c6c4 | |
| 474 | +| themeTertiary: #7F85F5 | neutralLight: #edebe9 | |
| 475 | +| themeLight: #AAB1FA | neutralLighter: #f3f2f1 | |
| 476 | +| themeLighter: #B6BCFA | neutralLighterAlt: #faf9f8 | |
| 477 | +| themeLighterAlt: #C5CBFA | white: #fff | |
| 478 | + |
| 479 | +The following code shows how to define a dictionary in PowerShell for the Periwinkle theme's color palette. |
| 480 | + |
| 481 | +```powershell |
| 482 | +{ |
| 483 | + themeDarker: '#383966', |
| 484 | + themeDark: '#3D3E78', |
| 485 | + themeDarkAlt: '#444791', |
| 486 | + themePrimary: '#5B5FC7', |
| 487 | + themeSecondary: '#7579EB', |
| 488 | + themeTertiary: '#7F85F5', |
| 489 | + themeLight: '#AAB1FA', |
| 490 | + themeLighter: '#B6BCFA', |
| 491 | + themeLighterAlt: '#C5CBFA', |
| 492 | + black: '#000000', |
| 493 | + neutralDark: '#201f1e', |
| 494 | + neutralPrimary: '#323130', |
| 495 | + neutralPrimaryAlt: '#3b3a39', |
| 496 | + neutralSecondary: '#605e5c', |
| 497 | + neutralTertiary: '#a19f9d', |
| 498 | + neutralTertiaryAlt: '#c8c6c4', |
| 499 | + neutralLight: '#edebe9', |
| 500 | + neutralLighter: '#f3f2f1', |
| 501 | + neutralLighterAlt: '#faf9f8', |
| 502 | + white: '#fff', |
| 503 | + neutralQuaternaryAlt: '#dadada', |
| 504 | + neutralQuaternary: '#d0d0d0', |
| 505 | + neutralSecondaryAlt: '#767676', |
| 506 | + primaryBackground: '#fff', |
| 507 | + primaryText: '#333', |
| 508 | + accent: '#5B5FC7' |
| 509 | +} |
| 510 | +``` |
| 511 | + |
| 512 | + |
461 | 513 | ## Dark Yellow theme
|
462 | 514 |
|
463 | 515 | The following table shows the color palette used by the Dark Yellow theme.
|
|
0 commit comments