Template:ColorScheme: Difference between revisions

From Inkipedia, the Splatoon wiki
(add documentation)
(Changed text colours for better readability per WebAIM contrast standards, added SO)
 
(4 intermediate revisions by one other user not shown)
Line 2: Line 2:
|#default = rgb({{SiteColor|{{{scheme|{{{1|}}}}}}}})
|#default = rgb({{SiteColor|{{{scheme|{{{1|}}}}}}}})
|"textcolor" = {{#switch: "{{{scheme|{{{1|}}}}}}"
|"textcolor" = {{#switch: "{{{scheme|{{{1|}}}}}}"
     |"Generic"        = white
     |"Generic"        = black
     |"NIWA"          = white
     |"NIWA"          = black
     |"Splatoon"      = black
     |"Splatoon"      = black
     |"Splatoon 2"    = white
     |"Splatoon 2"    = black
    |"Octo Expansion" = white
     |"Splatoon 3"    = black
     |"Splatoon 3"    = black
     |"Octo Expansion" = white
     |"Side Order"     = black
     |#default        = black
     |#default        = inherit
}}
}}
|"contentbackground" = rgba({{SiteColor|{{{scheme|{{{1|}}}}}}}}, 0.2)
|"contentbackground" = rgba({{SiteColor|{{{scheme|{{{1|}}}}}}}}, 0.2)
Line 20: Line 21:
** <code>textColor</code>: The color to use for text set against a background of the main color.
** <code>textColor</code>: The color to use for text set against a background of the main color.
** <code>contentBackground</code>: The background color for the content of a [[Template:Navbox|navbox]], etc.
** <code>contentBackground</code>: The background color for the content of a [[Template:Navbox|navbox]], etc.
* When <code>color</code> is blank or is otherwise none of the above, this template expands to <code>themeColor</code>.
 
When <code>color</code> is blank or is otherwise none of the values specified, the main color of the scheme given is returned.


== Example ==
== Example ==
Line 27: Line 29:
</nowiki></pre>
</nowiki></pre>


<span style="background-color:{{User:Makendo/Sandbox/ColorScheme|Splatoon 2}}; color:{{User:Makendo/Sandbox/ColorScheme|Splatoon 2|textColor}}; border-radius:5px; display:inline-block; padding: 0px 5px 0px 5px;">It works!</span>
<span style="background-color:{{ColorScheme|Splatoon 2}}; color:{{ColorScheme|Splatoon 2|textColor}}; border-radius:5px; display:inline-block; padding: 0px 5px 0px 5px;">It works!</span>
</noinclude>
</noinclude>

Latest revision as of 20:40, 9 July 2024

Arguments

This template takes 2 arguments:

  • scheme: The color scheme to pick a color from.
  • color: The color to apply. Optional; when specified, this should be one of the following:
    • themeColor: The main color of the color scheme.
    • textColor: The color to use for text set against a background of the main color.
    • contentBackground: The background color for the content of a navbox, etc.

When color is blank or is otherwise none of the values specified, the main color of the scheme given is returned.

Example

<span style="background-color: {{ColorScheme|Splatoon 2}}; color: {{ColorScheme|Splatoon 2|textColor}}; border-radius: 5px; display: inline-block; padding: 0px 5px 0px 5px;">It works!</span>

It works!