Skip to content

Commit 3c4c742

Browse files
authored
Update sharepoint-site-theming-json-schema.md
Added color palette and PowerShell code for new Periwinkle color palette.
1 parent 2fc4cb9 commit 3c4c742

File tree

1 file changed

+52
-0
lines changed

1 file changed

+52
-0
lines changed

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

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -458,6 +458,58 @@ The following code shows how to define a dictionary in PowerShell for the Gray t
458458
}
459459
```
460460

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+
461513
## Dark Yellow theme
462514

463515
The following table shows the color palette used by the Dark Yellow theme.

0 commit comments

Comments
 (0)