Skip to content

Commit d7396b9

Browse files
Linda-EditorLinda-Editor
authored
Attempt to fix tables
I removed "rowspan=3" which was showing up outside the boxes on the live site, and made a few other changes, so let's hope this does the trick...
1 parent 2cf5580 commit d7396b9

File tree

1 file changed

+126
-3
lines changed

1 file changed

+126
-3
lines changed

‎docs/design/themes-colors.md

Lines changed: 126 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -175,12 +175,135 @@ The SharePoint color palette has been optimized for screens and devices, and to
175175

176176
### Blue
177177

178-
<table><tr><td style="color:white; background-color:#004578">themeDarker: #004578</td><td style="color:white; background-color:#000000">black: #000000</td></tr><tr><td style="color:white; background-color:#005a9e">themeDark: #005a9e</td><td style="color:white; background-color:#212121">neutralDark: #212121</td></tr><tr><td style="color:white; background-color:#106ebe">themeDarkAlt: #106ebe</td><td style="color:white; background-color:#333">neutralPrimary: #333</td></tr><tr><td rowspan=3 style="font-weight:bold; vertical-align:middle; color:white; background-color:#0078d7">themePrimary: #0078d7</td><td style="color:white; background-color:#3c3c3c">neutralPrimaryAlt: #3c3c3c</td></tr><tr><td style="color:white; background-color:#666666">neutralSecondary: #666666</td></tr><tr><td style="color:black; background-color:#a6a6a6">neutralTertiary: #a6a6a6</td></tr><tr><td style="color:white; background-color:#2b88d8">themeSecondary: #2b88d8</td><td style="color:black; background-color:#c8c8c8">neutralTertiaryAlt: #c8c8c8</td></tr><tr><td style="color:black; background-color:#71afe5">themeTertiary: #71afe5</td><td style="color:black; background-color:#eaeaea">neutralLight: #eaeaea</td></tr><tr><td style="color:black; background-color:#c7e0f4">themeLight: #c7e0f4</td><td style="color:black; background-color:#f4f4f4">neutralLighter: #f4f4f4</td></tr><tr><td style="color:black; background-color:#deecf9">themeLighter: #deecf9</td><td style="color:black; background-color:#f8f8f8">neutralLighterAlt: #f8f8f8</td></tr><tr><td style="color:black; background-color:#eff6fc">themeLighterAlt: #eff6fc</td><td style="color:black; background-color:#fff">white: #fff</td></tr></table>
178+
<table style="font-weight:bold; vertical-align:middle">
179+
<tr>
180+
<td style="color:white; background-color:#004578">themeDarker: #004578</td>
181+
<td style="color:white; background-color:#000000">black: #000000</td>
182+
</tr>
183+
<tr>
184+
<td style="color:white; background-color:#005a9e">themeDark: #005a9e</td>
185+
<td style="color:white; background-color:#212121">neutralDark: #212121</td>
186+
</tr>
187+
<tr>
188+
<td style="color:white; background-color:#106ebe">themeDarkAlt: #106ebe</td>
189+
<td style="color:white; background-color:#333">neutralPrimary: #333</td>
190+
</tr>
191+
<tr>
192+
<td style="color:white; background-color:#0078d7">themePrimary: #0078d7</td>
193+
<td style="color:white; background-color:#3c3c3c">neutralPrimaryAlt: #3c3c3c</td>
194+
</tr>
195+
<tr>
196+
<td style="color:white; background-color:#666666">neutralSecondary: #666666</td>
197+
<td style="color:black; background-color:#a6a6a6">neutralTertiary: #a6a6a6</td>
198+
</tr>
199+
<tr>
200+
<td style="color:white; background-color:#2b88d8">themeSecondary: #2b88d8</td>
201+
<td style="color:black; background-color:#c8c8c8">neutralTertiaryAlt: #c8c8c8</td>
202+
</tr>
203+
<tr>
204+
<td style="color:black; background-color:#71afe5">themeTertiary: #71afe5</td>
205+
<td style="color:black; background-color:#eaeaea">neutralLight: #eaeaea</td>
206+
</tr>
207+
<tr>
208+
<td style="color:black; background-color:#c7e0f4">themeLight: #c7e0f4</td>
209+
<td style="color:black; background-color:#f4f4f4">neutralLighter: #f4f4f4</td>
210+
</tr>
211+
<tr>
212+
<td style="color:black; background-color:#deecf9">themeLighter: #deecf9</td>
213+
<td style="color:black; background-color:#f8f8f8">neutralLighterAlt: #f8f8f8</td>
214+
</tr>
215+
<tr>
216+
<td style="color:black; background-color:#eff6fc">themeLighterAlt: #eff6fc</td>
217+
<td style="color:black; background-color:#fff">white: #fff</td>
218+
</tr>
219+
</table>
179220

180221
### Purple
181222

182-
<table><tr><td style="color:white; background-color:#27268a">themeDarker: #27268a</td><td style="color:white; background-color:#000000">black: #000000</td></tr><tr><td style="color:white; background-color:#3230b0">themeDark: #3230b0</td><td style="color:white; background-color:#212121">neutralDark: #212121</td></tr><tr><td style="color:white; background-color:#5250cf">themeDarkAlt: #5250cf</td><td style="color:white; background-color:#333">neutralPrimary: #333</td></tr><tr><td rowspan=3 style="font-weight:bold; vertical-align:middle; color:white; background-color:#6b69d6">themePrimary: #6b69d6</td><td style="color:white; background-color:#3c3c3c">neutralPrimaryAlt: #3c3c3c</td></tr><tr><td style="color:white; background-color:#666666">neutralSecondary: #666666</td></tr><tr><td style="color:black; background-color:#a6a6a6">neutralTertiary: #a6a6a6</td></tr><tr><td style="color:white; background-color:#7a78da">themeSecondary: #7a78da</td><td style="color:black; background-color:#c8c8c8">neutralTertiaryAlt: #c8c8c8</td></tr><tr><td style="color:black; background-color:#c1c0ee">themeTertiary: #c1c0ee</td><td style="color:black; background-color:#eaeaea">neutralLight: #eaeaea</td></tr><tr><td style="color:black; background-color:#e1e1f7">themeLight: #e1e1f7</td><td style="color:black; background-color:#f4f4f4">neutralLighter: #f4f4f4</td></tr><tr><td style="color:black; background-color:#f0f0fb">themeLighter: #f0f0fb</td><td style="color:black; background-color:#f8f8f8">neutralLighterAlt: #f8f8f8</td></tr><tr><td style="color:black; background-color:#f8f7fd">themeLighterAlt: #f8f7fd</td><td style="color:black; background-color:#fff">white: #fff</td></tr></table>
223+
<table style="font-weight:bold; vertical-align:middle">
224+
<tr>
225+
<td style="color:white; background-color:#27268a">themeDarker: #27268a</td>
226+
<td style="color:white; background-color:#000000">black: #000000</td>
227+
</tr>
228+
<tr>
229+
<td style="color:white; background-color:#3230b0">themeDark: #3230b0</td>
230+
<td style="color:white; background-color:#212121">neutralDark: #212121</td>
231+
</tr>
232+
<tr>
233+
<td style="color:white; background-color:#5250cf">themeDarkAlt: #5250cf</td>
234+
<td style="color:white; background-color:#333">neutralPrimary: #333</td>
235+
</tr>
236+
<tr>
237+
<td style="color:white; background-color:#6b69d6">themePrimary: #6b69d6</td>
238+
<td style="color:white; background-color:#3c3c3c">neutralPrimaryAlt: #3c3c3c</td>
239+
</tr>
240+
<tr>
241+
<td style="color:white; background-color:#666666">neutralSecondary: #666666</td>
242+
<td style="color:black; background-color:#a6a6a6">neutralTertiary: #a6a6a6</td>
243+
</tr>
244+
<tr>
245+
<td style="color:white; background-color:#7a78da">themeSecondary: #7a78da</td>
246+
<td style="color:black; background-color:#c8c8c8">neutralTertiaryAlt: #c8c8c8</td>
247+
</tr>
248+
<tr>
249+
<td style="color:black; background-color:#c1c0ee">themeTertiary: #c1c0ee</td>
250+
<td style="color:black; background-color:#eaeaea">neutralLight: #eaeaea</td>
251+
</tr>
252+
<tr>
253+
<td style="color:black; background-color:#e1e1f7">themeLight: #e1e1f7</td>
254+
<td style="color:black; background-color:#f4f4f4">neutralLighter: #f4f4f4</td>
255+
</tr>
256+
<tr>
257+
<td style="color:black; background-color:#f0f0fb">themeLighter: #f0f0fb</td>
258+
<td style="color:black; background-color:#f8f8f8">neutralLighterAlt: #f8f8f8</td>
259+
</tr>
260+
<tr>
261+
<td style="color:black; background-color:#f8f7fd">themeLighterAlt: #f8f7fd</td>
262+
<td style="color:black; background-color:#fff">white: #fff</td>
263+
</tr>
264+
</table>
183265

184266
### Gray
185267

186-
<table><tr><td style="color:white; background-color:#323130">themeDarker: #323130</td><td style="color:white; background-color:#000000">black: #000000</td></tr><tr><td style="color:white; background-color:#403e3d">themeDark: #403e3d</td><td style="color:white; background-color:#212121">neutralDark: #212121</td></tr><tr><td style="color:white; background-color:#53504e">themeDarkAlt: #53504e</td><td style="color:white; background-color:#333">neutralPrimary: #333</td></tr><tr><td rowspan=3 style="font-weight:bold; vertical-align:middle; color:white; background-color:#5d5a58">themePrimary: #5d5a58</td><td style="color:white; background-color:#3c3c3c">neutralPrimaryAlt: #3c3c3c</td></tr><tr><td style="color:white; background-color:#666666">neutralSecondary: #666666</td></tr><tr><td style="color:black; background-color:#a6a6a6">neutralTertiary: #a6a6a6</td></tr><tr><td style="color:white; background-color:#6d6a67">themeSecondary: #6d6a67</td><td style="color:black; background-color:#c8c8c8">neutralTertiaryAlt: #c8c8c8</td></tr><tr><td style="color:black; background-color:#bbb9b8">themeTertiary: #bbb9b8</td><td style="color:black; background-color:#eaeaea">neutralLight: #eaeaea</td></tr><tr><td style="color:black; background-color:#dfdedd">themeLight: #dfdedd</td><td style="color:black; background-color:#f4f4f4">neutralLighter: #f4f4f4</td></tr><tr><td style="color:black; background-color:#efeeee">themeLighter: #efeeee</td><td style="color:black; background-color:#f8f8f8">neutralLighterAlt: #f8f8f8</td></tr><tr><td style="color:black; background-color:#f7f7f7">themeLighterAlt: #f7f7f7</td><td style="color:black; background-color:#fff">white: #fff</td></tr></table>
268+
<table style="font-weight:bold; vertical-align:middle">
269+
<tr>
270+
<td style="color:white; background-color:#323130">themeDarker: #323130</td>
271+
<td style="color:white; background-color:#000000">black: #000000</td>
272+
</tr>
273+
<tr>
274+
<td style="color:white; background-color:#403e3d">themeDark: #403e3d</td>
275+
<td style="color:white; background-color:#212121">neutralDark: #212121</td>
276+
</tr>
277+
<tr>
278+
<td style="color:white; background-color:#53504e">themeDarkAlt: #53504e</td>
279+
<td style="color:white; background-color:#333">neutralPrimary: #333</td>
280+
</tr>
281+
<tr>
282+
<td style="color:white; background-color:#5d5a58">themePrimary: #5d5a58</td>
283+
<td style="color:white; background-color:#3c3c3c">neutralPrimaryAlt: #3c3c3c</td>
284+
</tr>
285+
<tr>
286+
<td style="color:white; background-color:#666666">neutralSecondary: #666666</td>
287+
<td style="color:black; background-color:#a6a6a6">neutralTertiary: #a6a6a6</td>
288+
</tr>
289+
<tr>
290+
<td style="color:white; background-color:#6d6a67">themeSecondary: #6d6a67</td>
291+
<td style="color:black; background-color:#c8c8c8">neutralTertiaryAlt: #c8c8c8</td>
292+
</tr>
293+
<tr>
294+
<td style="color:black; background-color:#bbb9b8">themeTertiary: #bbb9b8</td>
295+
<td style="color:black; background-color:#eaeaea">neutralLight: #eaeaea</td>
296+
</tr>
297+
<tr>
298+
<td style="color:black; background-color:#dfdedd">themeLight: #dfdedd</td>
299+
<td style="color:black; background-color:#f4f4f4">neutralLighter: #f4f4f4</td>
300+
</tr>
301+
<tr>
302+
<td style="color:black; background-color:#efeeee">themeLighter: #efeeee</td>
303+
<td style="color:black; background-color:#f8f8f8">neutralLighterAlt: #f8f8f8</td>
304+
</tr>
305+
<tr>
306+
<td style="color:black; background-color:#f7f7f7">themeLighterAlt: #f7f7f7</td>
307+
<td style="color:black; background-color:#fff">white: #fff</td>
308+
</tr>
309+
</table>

0 commit comments

Comments
 (0)