Skip to content

Commit 2ac07d2

Browse files
authored
Merge pull request SharePoint#980 from Linda-Editor/patch-6
Second table fix
2 parents d407009 + 0a00cb3 commit 2ac07d2

File tree

1 file changed

+25
-15
lines changed

1 file changed

+25
-15
lines changed

docs/design/themes-colors.md

Lines changed: 25 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -37,10 +37,9 @@ Our built-in accessibility checker ensures universal design at all levels of def
3737

3838
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.
3939

40-
4140
### Red
4241

43-
<table style="font-weight:bold; vertical-align:middle">
42+
<table>
4443
<tr>
4544
<td style="color:white; background-color:#751b1e">themeDarker: #751b1e</td>
4645
<td style="color:white; background-color:#000000">black: #000000</td>
@@ -54,11 +53,13 @@ The SharePoint color palette has been optimized for screens and devices, and to
5453
<td style="color:white; background-color:#333">neutralPrimary: #333</td>
5554
</tr>
5655
<tr>
57-
<td style="color:white; background-color:#d13438">themePrimary: #d13438</td>
56+
<td rowspan=3 style="font-weight:bold; vertical-align:middle; color:white; background-color:#d13438">themePrimary: #d13438</td>
5857
<td style="color:white; background-color:#3c3c3c">neutralPrimaryAlt: #3c3c3c</td>
5958
</tr>
6059
<tr>
6160
<td style="color:white; background-color:#666666">neutralSecondary: #666666</td>
61+
</tr>
62+
<tr>
6263
<td style="color:black; background-color:#a6a6a6">neutralTertiary: #a6a6a6</td>
6364
</tr>
6465
<tr>
@@ -71,8 +72,7 @@ The SharePoint color palette has been optimized for screens and devices, and to
7172
</tr>
7273
<tr>
7374
<td style="color:black; background-color:#f6d6d8">themeLight: #f6d6d8</td>
74-
<td style="color:black; background-color:#f4f4f4">neutralLighter: #f4f4f4</td>
75-
</tr>
75+
<td style="color:black; background-color:#f4f4f4">neutralLighter: #f4f4f4</td></tr>
7676
<tr>
7777
<td style="color:black; background-color:#faebeb">themeLighter: #faebeb</td>
7878
<td style="color:black; background-color:#f8f8f8">neutralLighterAlt: #f8f8f8</td>
@@ -87,7 +87,7 @@ The SharePoint color palette has been optimized for screens and devices, and to
8787

8888
### Orange
8989

90-
<table style="font-weight:bold; vertical-align:middle">
90+
<table>
9191
<tr>
9292
<td style="color:white; background-color:#6f2d09">themeDarker: #6f2d09</td>
9393
<td style="color:white; background-color:#000000">black: #000000</td>
@@ -101,11 +101,13 @@ The SharePoint color palette has been optimized for screens and devices, and to
101101
<td style="color:white; background-color:#333">neutralPrimary: #333</td>
102102
</tr>
103103
<tr>
104-
<td style="color:white; background-color:#ca5010">themePrimary: #ca5010</td>
104+
<td rowspan=3 style="font-weight:bold; vertical-align:middle; color:white; background-color:#ca5010">themePrimary: #ca5010</td>
105105
<td style="color:white; background-color:#3c3c3c">neutralPrimaryAlt: #3c3c3c</td>
106106
</tr>
107107
<tr>
108108
<td style="color:white; background-color:#666666">neutralSecondary: #666666</td>
109+
</tr>
110+
<tr>
109111
<td style="color:black; background-color:#a6a6a6">neutralTertiary: #a6a6a6</td>
110112
</tr>
111113
<tr>
@@ -134,7 +136,7 @@ The SharePoint color palette has been optimized for screens and devices, and to
134136

135137
### Green
136138

137-
<table style="font-weight:bold; vertical-align:middle">
139+
<table>
138140
<tr>
139141
<td style="color:white; background-color:#094c23">themeDarker: #094c23</td>
140142
<td style="color:white; background-color:#000000">black: #000000</td>
@@ -148,11 +150,13 @@ The SharePoint color palette has been optimized for screens and devices, and to
148150
<td style="color:white; background-color:#333">neutralPrimary: #333</td>
149151
</tr>
150152
<tr>
151-
<td style="color:white; background-color:#10893e">themePrimary: #10893e</td>
153+
<td rowspan=3 style="font-weight:bold; vertical-align:middle; color:white; background-color:#10893e">themePrimary: #10893e</td>
152154
<td style="color:white; background-color:#3c3c3c">neutralPrimaryAlt: #3c3c3c</td>
153155
</tr>
154156
<tr>
155157
<td style="color:white; background-color:#666666">neutralSecondary: #666666</td>
158+
</tr>
159+
<tr>
156160
<td style="color:black; background-color:#a6a6a6">neutralTertiary: #a6a6a6</td>
157161
</tr>
158162
<tr>
@@ -181,7 +185,7 @@ The SharePoint color palette has been optimized for screens and devices, and to
181185

182186
### Blue
183187

184-
<table style="font-weight:bold; vertical-align:middle">
188+
<table>
185189
<tr>
186190
<td style="color:white; background-color:#004578">themeDarker: #004578</td>
187191
<td style="color:white; background-color:#000000">black: #000000</td>
@@ -195,11 +199,13 @@ The SharePoint color palette has been optimized for screens and devices, and to
195199
<td style="color:white; background-color:#333">neutralPrimary: #333</td>
196200
</tr>
197201
<tr>
198-
<td style="color:white; background-color:#0078d7">themePrimary: #0078d7</td>
202+
<td rowspan=3 style="font-weight:bold; vertical-align:middle; color:white; background-color:#0078d7">themePrimary: #0078d7</td>
199203
<td style="color:white; background-color:#3c3c3c">neutralPrimaryAlt: #3c3c3c</td>
200204
</tr>
201205
<tr>
202206
<td style="color:white; background-color:#666666">neutralSecondary: #666666</td>
207+
</tr>
208+
<tr>
203209
<td style="color:black; background-color:#a6a6a6">neutralTertiary: #a6a6a6</td>
204210
</tr>
205211
<tr>
@@ -228,7 +234,7 @@ The SharePoint color palette has been optimized for screens and devices, and to
228234

229235
### Purple
230236

231-
<table style="font-weight:bold; vertical-align:middle">
237+
<table>
232238
<tr>
233239
<td style="color:white; background-color:#27268a">themeDarker: #27268a</td>
234240
<td style="color:white; background-color:#000000">black: #000000</td>
@@ -242,11 +248,13 @@ The SharePoint color palette has been optimized for screens and devices, and to
242248
<td style="color:white; background-color:#333">neutralPrimary: #333</td>
243249
</tr>
244250
<tr>
245-
<td style="color:white; background-color:#6b69d6">themePrimary: #6b69d6</td>
251+
<td rowspan=3 style="font-weight:bold; vertical-align:middle; color:white; background-color:#6b69d6">themePrimary: #6b69d6</td>
246252
<td style="color:white; background-color:#3c3c3c">neutralPrimaryAlt: #3c3c3c</td>
247253
</tr>
248254
<tr>
249255
<td style="color:white; background-color:#666666">neutralSecondary: #666666</td>
256+
</tr>
257+
<tr>
250258
<td style="color:black; background-color:#a6a6a6">neutralTertiary: #a6a6a6</td>
251259
</tr>
252260
<tr>
@@ -275,7 +283,7 @@ The SharePoint color palette has been optimized for screens and devices, and to
275283

276284
### Gray
277285

278-
<table style="font-weight:bold; vertical-align:middle">
286+
<table>
279287
<tr>
280288
<td style="color:white; background-color:#323130">themeDarker: #323130</td>
281289
<td style="color:white; background-color:#000000">black: #000000</td>
@@ -289,11 +297,13 @@ The SharePoint color palette has been optimized for screens and devices, and to
289297
<td style="color:white; background-color:#333">neutralPrimary: #333</td>
290298
</tr>
291299
<tr>
292-
<td style="color:white; background-color:#5d5a58">themePrimary: #5d5a58</td>
300+
<td rowspan=3 style="font-weight:bold; vertical-align:middle; color:white; background-color:#5d5a58">themePrimary: #5d5a58</td>
293301
<td style="color:white; background-color:#3c3c3c">neutralPrimaryAlt: #3c3c3c</td>
294302
</tr>
295303
<tr>
296304
<td style="color:white; background-color:#666666">neutralSecondary: #666666</td>
305+
</tr>
306+
<tr>
297307
<td style="color:black; background-color:#a6a6a6">neutralTertiary: #a6a6a6</td>
298308
</tr>
299309
<tr>

0 commit comments

Comments
 (0)