Difference between revisions of "SUNScholar/Theme/Color Palette"
Jump to navigation
Jump to search
m (→Values) |
m (→Examples) |
||
| Line 7: | Line 7: | ||
:'''<span style="padding: 10px; color:#fff; background:#7c3145">Maroon 1 for active links and header logo background </span>''' | :'''<span style="padding: 10px; color:#fff; background:#7c3145">Maroon 1 for active links and header logo background </span>''' | ||
| − | + | :'''<span style="padding: 10px; color:#fff; background:#743210">Maroon 2 for active links and header logo background </span>''' | |
| − | :'''<span style="padding: 10px; color:#fff; background:#6a2a3b">Maroon | + | :'''<span style="padding: 10px; color:#fff; background:#6a2a3b">Maroon 3 for active links and header logo background </span>''' |
| − | + | :'''<span style="padding: 10px; color:#fff; background:#572331">Maroon 4 for active links and header logo background </span>''' | |
| − | :'''<span style="padding: 10px; color:#fff; background:#572331">Maroon | + | :'''<span style="padding: 10px; color:#fff; background:#59112d">Maroon 5 for active links and header logo background </span>''' |
| − | |||
| − | :'''<span style="padding: 10px; color:#fff; background:#59112d">Maroon | ||
Revision as of 17:50, 19 August 2014
Back to Theme
Examples
The following are examples:
- Maroon 1 for active links and header logo background
- Maroon 2 for active links and header logo background
- Maroon 3 for active links and header logo background
- Maroon 4 for active links and header logo background
- Maroon 5 for active links and header logo background
- 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
