Difference between revisions of "Help:Colors"

From Team Fortress Wiki
Jump to: navigation, search
Line 1: Line 1:
<!-- PLEASE do not change the spelling of color to colour. {{subst:SITENAME}} policy is to retain the English dialect used in the first nonstub version of an article. This prevents needless "spelling wars". Changing the spelling also breaks links and categories. Changing the spelling will be treated as vandalism, and for this reason will be swiftly reverted. Please see the discussion page if you want to comment.
+
{{Help navbar}}
-->
 
  
{{Help navbar}}
+
Team Fortress Wiki uses several color schemes. The main scheme is based on the orange extracted from BLU class emblems (See [[:File:Soldier badge BLU.png|Soldier badge BLU.png]]).
  
Any '''color''' (or colour, see [[wikipedia:American and British English spelling differences#-our, -or|spelling differences]]) can be used on Team Fortress Wiki, however not all colors work well together. To make things easier, below is a list of suggested monochromatic color schemes for your reference.
 
  
{| class="wikitable grid"
+
{| class="wikitable grid"
! class="header" |
+
! class="header" rowspan="2" width="150px" | Main
! class="header" colspan="4" | Standard
+
! class="header" | Background
! class="header" colspan="4" | Light
+
! class="header" | Lowlight
|-
+
! class="header" | Highlight
! class="header" | Hue
+
! class="header" | Heading
! Backgd
+
! class="header" | Border
! Highlight
 
! Primary
 
! Border
 
! Backgd
 
! Highlight
 
! Primary
 
! Border
 
|-
 
! style="padding:10px 0px;" | Red
 
| style="background: #F7C7BA" | #F7C7BA
 
| style="background: #F78B6F" | #F78B6F
 
| style="background: #D2370E" | #D2370E
 
| style="background: #631602; color: white" | #631602
 
| style="background: #FBEDEA" | #FBEDEA
 
| style="background: #FBDBD2" | #FBDBD2
 
| style="background: #E7B3A6" | #E7B3A6
 
| style="background: #954935; color: white" | #954935
 
|-
 
! style="padding:10px 0px;" | Red-Orange
 
| style="background: #FFD8B7" | #FFD8B7
 
| style="background: #FFAB66" | #FFAB66
 
| style="background: #D2770E" | #D2770E
 
| style="background: #6E3200; color: white" | #6E3200
 
| style="background: #FBF3EA" | #FBF3EA
 
| style="background: #FBE8D2" | #FBE8D2
 
| style="background: #E7C9A6" | #E7C9A6
 
| style="background: #956835; color: white" | #956835
 
|-
 
! style="padding:10px 0px;" | Orange
 
| style="background: #FFE7B7" | #FFE7B7
 
| style="background: #FFCC66" | #FFCC66
 
| style="background: #FFAA00" | #FFAA00
 
| style="background: #6E4900; color: white" | #6E4900
 
| style="background: #FBF6EA" | #FBF6EA
 
| style="background: #FBF0D2" | #FBF0D2
 
| style="background: #E7D5A6" | #E7D5A6
 
| style="background: #957A35; color: white" | #957A35
 
|-
 
! style="padding:10px 0px;" | Yellow-Orange
 
| style="background: #F7E6BA" | #F7E6BA
 
| style="background: #F7D16F" | #F7D16F
 
| style="background: #D29C0E" | #D29C0E
 
| style="background: #634802; color: white" | #634802
 
| style="background: #FBF9EA" | #FBF9EA
 
| style="background: #FBF6D2" | #FBF6D2
 
| style="background: #E7DFA6" | #E7DFA6
 
| style="background: #958935; color: white" | #958935
 
|-
 
! style="padding:10px 0px;" | Yellow
 
| style="background: #F7F0BA" | #F7F0BA
 
| style="background: #F7E76F" | #F7E76F
 
| style="background: #D2BB0E" | #D2BB0E
 
| style="background: #635702; color: white" | #635702
 
| style="background: #F8FAE9" | #F8FAE9
 
| style="background: #F5FAD1" | #F5FAD1
 
| style="background: #DAE1A2" | #DAE1A2
 
| style="background: #869133; color: white" | #869133
 
|-
 
! style="padding:10px 0px;" | Yellow-Green
 
| style="background: #EFF6B9" | #EFF6B9
 
| style="background: #E6F66E" | #E6F66E
 
| style="background: #B7CE0E" | #B7CE0E
 
| style="background: #556102; color: white" | #556102
 
| style="background: #F0F8E7" | #F0F8E7
 
| style="background: #E5F8CF" | #E5F8CF
 
| style="background: #B6D196" | #B6D196
 
| style="background: #5F8730; color: white" | #5F8730
 
|-
 
! style="padding:10px 0px;" | Green
 
| style="background: #D8F3B7" | #D8F3B7
 
| style="background: #B5F36D" | #B5F36D
 
| style="background: #6CBF0D" | #6CBF0D
 
| style="background: #315A01; color: white" | #315A01
 
| style="background: #E0F0E7" | #E0F0E7
 
| style="background: #C9F0DA" | #C9F0DA
 
| style="background: #76A58A" | #76A58A
 
| style="background: #266A43; color: white" | #266A43
 
|-
 
! style="padding:10px 0px;" | Blue-Green
 
| style="background: #B2ECCB" | #B2ECCB
 
| style="background: #6AECA2" | #6AECA2
 
| style="background: #0A9647" | #0A9647
 
| style="background: #01471F; color: white" | #01471F
 
| style="background: #DEE8ED" | #DEE8ED
 
| style="background: #C9E1ED" | #C9E1ED
 
| style="background: #6B8592" | #6B8592
 
| style="background: #224B5E; color: white" | #224B5E
 
|-
 
! style="padding:10px 0px;" | Blue
 
| style="background: #B2D7E9" | #B2D7E9
 
| style="background: #6FC1E9" | #6FC1E9
 
| style="background: #0F5F85; color: white" | #0F5F85
 
| style="background: #022B3F; color: white" | #022B3F
 
| style="background: #E1E3F0" | #E1E3F0
 
| style="background: #CED2F0" | #CED2F0
 
| style="background: #787D9F" | #787D9F
 
| style="background: #262E66; color: white" | #262E66
 
|-
 
! style="padding:10px 0px;" | Blue-Violet
 
| style="background: #B9BFEB" | #B9BFEB
 
| style="background: #7B88EB" | #7B88EB
 
| style="background: #1C2991; color: white" | #1C2991
 
| style="background: #030B44; color: white" | #030B44
 
| style="background: #E6E0EF" | #E6E0EF
 
| style="background: #D9CCEF" | #D9CCEF
 
| style="background: #84759D" | #84759D
 
| style="background: #3D2565; color: white" | #3D2565
 
|-
 
! style="padding:10px 0px;" | Violet
 
| style="background: #CAB6EB" | #A275EB
 
| style="background: #A076EB" | #A076EB
 
| style="background: #43168F; color: white" | #43168F
 
| style="background: #1A0343; color: white" | #1A0343
 
| style="background: #ECDEEE" | #ECDEEE
 
| style="background: #E9C8EE" | #E9C8EE
 
| style="background: #916E98" | #916E98
 
| style="background: #582362; color: white" | #582362
 
 
|-
 
|-
! style="padding:10px 0px;" | Red-Violet
+
| style="background:#FFFCF7;" | #FFFCF7
| style="background: #ECB2E1" | #ECB2E1
+
| style="background:#FEF5E0;" | #FEF5E0
| style="background: #EC6AD3" | #EC6AD3
+
| style="background:#F9D483;" | #F9D483
| style="background: #970A7C; color: white" | #970A7C
+
| style="background:#F3A957;" | #F3A957
| style="background: #47013A; color: white" | #47013A
+
| style="background:#79542B;" | #79542B
| style="background: #F6E5EC" | #F6E5EC
 
| style="background: #F6CEDD" | #F6CEDD
 
| style="background: #C78FA5" | #C78FA5
 
| style="background: #812E4E; color: white" | #812E4E
 
|-
 
! style="padding:10px 0px;" | -
 
| style="background: #D7D7D9" | #D7D7D9
 
| style="background: #C0C0C1" | #C0C0C1
 
| style="background: #6F6F71; color: white" | #6F6F71
 
| style="background: #2B2B30; color: white" | #2B2B30
 
| style="background: #EDEDE6" | #EDEDEE
 
| style="background: #DCDDDE" | #DCDDDE
 
| style="background: #A7A9AC" | #A5A5AC
 
| style="background: #636466; color: white" | #636466
 
 
|}
 
|}
  
== Wikitable color scheme ==
 
 
These styles are set automatically, but for reference these are the current colors used.
 
  
 
{| class="wikitable grid"
 
{| class="wikitable grid"
! class="header" |Backgd
+
! class="header" rowspan="2" width="150px" | Community Portal
! class="header" |Highlight
+
! class="header" | Background<!--
! class="header" |Primary
+
! class="header" | Lowlight
! class="header" |Border
+
! class="header" | Highlight --->
 +
! class="header" | Heading
 +
! class="header" | Border
 
|-
 
|-
| style="background: #FDFAF8" | #FDFAF8
+
| style="background:#F0F8FF;" | #F0F8FF <!--
| style="background: #FFDD99" | #FFDD99
+
| style="background:#;" | #
| style="background: #FFAA00" | #FFAA00
+
| style="background:#;" | #             --->
| style="background: #80704C" | #80704C
+
| style="background:#B0C4DE;" | #B0C4DE
 +
| style="background:#4682B4;" | #4682B4
 
|}
 
|}
  
== Section color schemes ==
 
 
Several sections on Team Fortress Wiki have specific color schemes for visual reference.
 
  
 
{| class="wikitable grid"
 
{| class="wikitable grid"
! class="header" |Sections
+
! class="header" rowspan="2" width="150px" | TF2 Weblinks
! class="header" |Backgd
+
! class="header" | Background<!--
! class="header" |Highlight
+
! class="header" | Lowlight
! class="header" |Border
+
! class="header" | Highlight --->
 +
! class="header" | Heading
 +
! class="header" | Border
 
|-
 
|-
! style="padding:10px 0px;" | [[Help:Contents|Help]]
+
| style="background:#FFFFE0;" | #FFFFE0<!--
| style="background: #FBF6EA" | #FBF6EA
+
| style="background:#;" | #
| style="background: #FFCC66" | #FFCC66
+
| style="background:#;" | #             --->
| style="background: #957A35" | #957A35
+
| style="background:#EEE8AA;" | #EEE8AA
|-
+
| style="background:#BDB76B;" | #BDB76B
! style="padding:10px 0px;" | [[Team Fortress Wiki:Community Portal|Community portal]]
 
| style="background: #F0F8FF" | #F0F8FF
 
| style="background: #B0C4DE" | #B0C4DE
 
| style="background: #4682B4" | #4682B4
 
|-
 
! style="padding:10px 0px;" | [[Team Fortress Wiki:Discussion|Discussion portal]]
 
| style="background: #FFF8F0" | #FFF8F0
 
| style="background: #DEC4B0" | #DEC4B0
 
| style="background: #B48246" | #B48246
 
|-
 
! style="padding:10px 0px;" | Projects
 
| style="background: #FFFFE0" | #FFFFE0
 
| style="background: #EEE8AA" | #EEE8AA  
 
| style="background: #BDB76B" | #BDB76B  
 
 
|}
 
|}
 
<noinclude>
 
[[Category:Help| ]]
 
</noinclude>
 

Revision as of 00:12, 5 September 2010

Team Fortress Wiki uses several color schemes. The main scheme is based on the orange extracted from BLU class emblems (See Soldier badge BLU.png).


Main Background Lowlight Highlight Heading Border
#FFFCF7 #FEF5E0 #F9D483 #F3A957 #79542B


Community Portal Background Heading Border
#F0F8FF #B0C4DE #4682B4


TF2 Weblinks Background Heading Border
#FFFFE0 #EEE8AA #BDB76B