You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/design/themes-colors.md
+17-13Lines changed: 17 additions & 13 deletions
Original file line number
Diff line number
Diff line change
@@ -1,22 +1,22 @@
1
1
---
2
2
title: SharePoint themes and colors
3
-
description: Design principles that helped form the current SharePoint themes and color palette.
4
-
ms.date: 01/24/2018
3
+
description: Design principles that help form the current SharePoint themes and color palette.
4
+
ms.date: 05/21/2018
5
5
---
6
6
7
7
# SharePoint themes and colors
8
8
9
-
Like the Microsoft brand palette, the SharePoint themes are designed to build on the Microsoft brand, while at the same time allow for flexibility to enliven our partnerships without dominating them. They reveal our shared goals and personality, and reflect our diversity and ability to optimize the SharePoint experience.
9
+
Like the Microsoft brand palette, the SharePoint themes are designed to build on the Microsoft brand, while at the same time allow for flexibility to enliven our partnerships without dominating them. They reveal our shared goals and personality, and they reflect our diversity and ability to optimize the SharePoint experience.
10
10
11
11
## Main colors
12
12
13
-
The SharePoint color palette has been optimized for screens and devices, and to provide enough flexibility to ensure continuity with your brand. The SharePoint-provided colors also guarantee accessible and legible experiences.
13
+
The SharePoint color palette is now optimized for screens and devices. In addition, it is optimized to provide enough flexibility to ensure continuity with your brand. The SharePoint-provided colors also guarantee accessible and legible experiences.
14
14
15
15

16
16
17
17
## Neutral palette
18
18
19
-
Neutral colors recede into the background in order to let our products shine. They allow brand colors to pop when we need to draw attention to content. When coupling neutrals with brand colors, make sure there is suitable contrast between them.
19
+
Neutral colors recede into the background to let our products shine. They allow brand colors to pop when we need to draw attention to content. When coupling neutrals with brand colors, make sure there is suitable contrast between them.
20
20
21
21
<br/>
22
22
<table>
@@ -28,7 +28,7 @@ Neutral colors recede into the background in order to let our products shine. Th
Once a color is selected, light and dark shades of the accent color are created based on HSB values of color luminosity. Web parts and apps can use shade variations to create visual hierarchy and to provide an indication of interaction.
68
+
After you select a color, light and dark shades of the accent color are created based on HSB values of color luminosity. Web parts and apps can use shade variations to create visual hierarchy and provide an indication of interaction.
69
69
70
70
<br/>
71
71
@@ -105,21 +105,25 @@ Once a color is selected, light and dark shades of the accent color are created
105
105
106
106
## Dark themes
107
107
108
-
SharePoint includes a palette that support dark themes. The SharePoint-provided colors also guarantee accessible and legible experiences.
108
+
SharePoint includes a palette that supports dark themes. The SharePoint-provided colors guarantee accessible and legible experiences.
109
109
110
110

111
111
112
112
## Principles
113
113
114
114
The following design principles helped form the current SharePoint themes and color palette.
115
115
116
-
**Guided**. Our theming system works at a global level so that updates can be made consistently across each site, allowing users to optimize their websites effortlessly. Our theming system operates in a controlled environment so that successful outcomes can be optimized quickly.
116
+
### Guided
117
+
Our theming system works at a global level so that updates can be made consistently across each site, allowing users to optimize their websites effortlessly. Our theming system operates in a controlled environment so that successful outcomes can be optimized quickly.
117
118
118
-
**Smart and efficient**. Our theming system expedites the site creation process by using smart algorithms to generate options that maximize aesthetic choices.
119
+
### Smart and efficient
120
+
Our theming system expedites the site creation process by using smart algorithms to generate options that maximize aesthetic choices.
119
121
120
-
**Professional**. Our themes embody a professional look and feel that ensures coherency and conveys the brand of our enterprise audiences.
122
+
### Professional
123
+
Our themes embody a professional look and feel that ensures coherency and conveys the brand of our enterprise audiences.
121
124
122
-
**Accessible**. Our built-in accessibility checker ensures universal design at all levels of default themes. For users who decide to customize, we provide helpful guidelines to design for accessibility.
125
+
### Accessible
126
+
Our built-in accessibility checker ensures universal design at all levels of default themes. For users who decide to customize, we provide helpful guidelines to design for accessibility.
0 commit comments