Difference between revisions of "SUNScholar/Theme/Color Palette"

From Libopedia
Jump to navigation Jump to search
m
m
Line 12: Line 12:
  
  
:'''<span style="padding: 10px; color:#fff; border-style:solid; border-width:5px; border-color:#626262; background:#ff9900">Gray border with white text on an orange background used for hover and pressed buttons</span>'''
+
:'''<span style="padding: 10px; color:#fff; border-style:solid; border-width:5px; border-color:#b2b8b8; background:#ff9900">Gray border with white text on an orange background used for hover and pressed buttons</span>'''
 
 
 
 
'''#572331 = <span style="padding: 10px; color:#fff; background:#572331">White text on maroon-3 background </span>'''
 
 
 
 
 
*'''<span style="padding: 10px; color:#fff; background:#7c3145">White text on gray-1 #7c3145 background </span>'''
 
 
 
 
 
*'''<span style="padding: 10px; color:#fff; background:#7c3145">White text on gray-2 #7c3145 background </span>'''
 
 
 
 
 
*'''<span style="padding: 10px; color:#fff; background:#7c3145">White text on gray-3 #7c3145 background </span>'''
 
 
 
 
 
*'''<span style="padding: 10px; color:#fff; background:#7c3145">White text on orange #7c3145 background </span>'''
 
 
 
 
 
*'''<span style="padding: 10px; color:#fff; background:#7c3145">White text on base #7c3145 background </span>'''
 
  
 
==Values==
 
==Values==

Revision as of 12:57, 10 August 2014

Back to Theme

Examples

The following are examples:

Maroon background


Maroon border with white text on an orange background used for buttons


Gray border with white text on an orange background used for hover and pressed buttons

Values

  • maroon-1 = 7c3145
  • maroon-2 = 6a2a3b
  • maroon-3 = 572331
  • gray-1 = 626262
  • gray-2 = b2b8b8
  • gray-3 = e5e5e5
  • orange = ff9900
  • base = f7f7f7