Difference between revisions of "SUNScholar/Theme/Color Palette"
Jump to navigation
Jump to search
m |
m (→Examples) |
||
| Line 6: | Line 6: | ||
The following are examples: | The following are examples: | ||
| − | :'''<span style="padding: 10px; color:#fff; background:#7c3145">Maroon 1 | + | :'''<span style="padding: 10px; color:#fff; background:#7c3145">Maroon 1</span>''' |
| − | :'''<span style="padding: 10px; color:#fff; background:#743210">Maroon 2 | + | :'''<span style="padding: 10px; color:#fff; background:#743210">Maroon 2</span>''' |
| − | :'''<span style="padding: 10px; color:#fff; background:#6a2a3b">Maroon 3 | + | :'''<span style="padding: 10px; color:#fff; background:#6a2a3b">Maroon 3</span>''' |
| − | :'''<span style="padding: 10px; color:#fff; background:#572331">Maroon 4 | + | :'''<span style="padding: 10px; color:#fff; background:#572331">Maroon 4</span>''' |
| − | :'''<span style="padding: 10px; color:#fff; background:#59112d">Maroon 5 | + | :'''<span style="padding: 10px; color:#fff; background:#59112d">Maroon 5</span>''' |
Revision as of 17:52, 19 August 2014
Back to Theme
Examples
The following are examples:
- Maroon 1
- Maroon 2
- Maroon 3
- Maroon 4
- Maroon 5
- Orange active link text on black background for trail
- Dark gray on light background for headings
- Maroon border with white text on an orange background used for buttons
- Light gray border with white text on an orange background used for hover and pressed buttons
Values
- maroon-1 = 7c3145
- maroon-2 = 743210
- maroon-3 = 6a2a3b
- maroon-4 = 572331
- maroon-5 = 59112d
- gray-1 = 626262
- gray-2 = b2b8b8
- gray-3 = e5e5e5
- orange = ff9900
- base-1 = eee
- base-2 = ddd
