Difference between revisions of "Help:Colors"

From Team Fortress Wiki
Jump to: navigation, search
(== See also == {{Color themes}})
(3 intermediate revisions by 3 users not shown)
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}}
  
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.
+
The [[Team Fortress Wiki]] uses several '''color''' schemes. The main scheme is based on the orange extracted from the [[BLU]] team class emblems (See [[:File:Soldier badge BLU.png|Soldier badge BLU.png]]).
  
{|  class="wikitable grid"
 
! class="header" |
 
! class="header" colspan="4" | Standard
 
! class="header" colspan="4" | Light
 
|-
 
! class="header" | Hue
 
! Backgd
 
! 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: #ECB2E1" | #ECB2E1
 
| style="background: #EC6AD3" | #EC6AD3
 
| style="background: #970A7C; color: white" | #970A7C
 
| style="background: #47013A; color: white" | #47013A
 
| 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" | Main
! 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:#FFFCF7;" | #FFFCF7
| style="background: #FFDD99" | #FFDD99
+
| style="background:#FEF5E0;" | #FEF5E0
| style="background: #FFAA00" | #FFAA00
+
| style="background:#F9D483;" | #F9D483
| style="background: #80704C" | #80704C
+
| style="background:#F3A957;" | #F3A957
|}
+
| style="background:#79542B;" | #79542B
 
 
== Section color schemes ==
 
 
 
Several sections on Team Fortress Wiki have specific color schemes for visual reference.
 
 
 
{| class="wikitable grid"
 
! class="header" |Sections
 
! class="header" |Backgd
 
! class="header" |Highlight
 
! class="header" |Border
 
 
|-
 
|-
! style="padding:10px 0px;" | [[Help:Contents|Help]]
+
! class="header" rowspan="2" width="150px" | Community Portal
| style="background: #FBF6EA" | #FBF6EA
+
! class="header" | Background
| style="background: #FFCC66" | #FFCC66
+
! colspan="2" rowspan="4" |
| style="background: #957A35" | #957A35
+
! class="header" | Heading
 +
! class="header" | Border
 
|-
 
|-
! style="padding:10px 0px;" | [[Team Fortress Wiki:Community Portal|Community portal]]
+
| style="background:#F0F8FF;" | #F0F8FF
| style="background: #F0F8FF" | #F0F8FF
+
| style="background:#B0C4DE;" | #B0C4DE
| style="background: #B0C4DE" | #B0C4DE  
+
| style="background:#4682B4;" | #4682B4
| style="background: #4682B4" | #4682B4  
 
 
|-
 
|-
! style="padding:10px 0px;" | [[Team Fortress Wiki:Discussion|Discussion portal]]
+
! class="header" rowspan="2" width="150px" | TF2 Weblinks
| style="background: #FFF8F0" | #FFF8F0
+
! class="header" | Background
| style="background: #DEC4B0" | #DEC4B0
+
! class="header" | Heading
| style="background: #B48246" | #B48246
+
! class="header" | Border
 
|-
 
|-
! style="padding:10px 0px;" | Projects
+
| style="background:#FFFFE0;" | #FFFFE0
| style="background: #FFFFE0" | #FFFFE0  
+
| style="background:#EEE8AA;" | #EEE8AA
| style="background: #EEE8AA" | #EEE8AA  
+
| style="background:#BDB76B;" | #BDB76B
| style="background: #BDB76B" | #BDB76B  
 
 
|}
 
|}
  
<noinclude>
+
== See also ==
[[Category:Help| ]]
+
{{Color themes}}
</noinclude>
 

Revision as of 22:44, 31 March 2019

The Team Fortress Wiki uses several color schemes. The main scheme is based on the orange extracted from the BLU team 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

See also