imported>Aramachus: replaced explicit element colors through their css classes

2023-11-16T22:19:12Z

replaced explicit element colors through their css classes

← Older revision		Revision as of 22:19, 16 November 2023
Line 1:		Line 1:
	<~~font~~ ~~color="~~{{#switch:{{lc:{{{1}}}}}		<span {{#switch:{{lc:{{{1}}}}}
			\| earth = class="earth-color"
⚫	\|beige = #cc9900
			\| water = class="water-color"
⚫	\|light blue = #33ccff
			\| wind = class="wind-color"
	\|fire = red
			\| fire = class="fire-color"
	\|earth = #cc9900
			\| ice = class="ice-color"
	\|water = blue
			\| lightning = class="lightning-color"
	\|wind = green
			\| light = class="light-color"
	\|ice = #33CCFF
			\| dark = class="dark-color"
	\|lightning = purple
		⚫	\| beige = style="color: #cc9900"
	\|light = gray
		⚫	\| light blue = style="color: #33ccff"
	\|dark = black
	\|nm = red		\| nm = style="color: red"
	\|positive = green		\| positive = style="color: green"
	\|negative = red		\| negative = style="color: red"
	\|neutral = #cc9900		\| neutral = style="color: #cc9900"
	\|#default = {{lc:{{{1}}}}}		\| #default = style="color: {{lc:{{{1}}}}}"
	}}">{{#switch:{{lc:{{{style\|}}}}}		}}>{{#switch:{{lc:{{{style\|}}}}}
	\|normal = {{{2}}}		\| normal = {{{2}}}
	\|bold = '''{{{2}}}'''		\| bold = '''{{{2}}}'''
	\|italic = ''{{{2}}}''		\| italic = ''{{{2}}}''
	\|bold-italic = '''''{{{2}}}'''''		\| bold-italic = '''''{{{2}}}'''''
	\|'''{{{2}}}'''		\| '''{{{2}}}'''
	}}</~~font~~><noinclude>		}}</span><noinclude>
	[[Category:Templates\|{{PAGENAME}}]]		[[Category:Templates\|{{PAGENAME}}]]
	==Usage==		==Usage==
Line 32:		Line 32:
	</pre>		</pre>
	Any color may be used, but there are several predefined colors included for convenience:		Any color may be used, but there are several predefined colors included for convenience:
	{\| ~~width~~="~~20%~~"		{\| class="table-xs"
	!align="left"\| Color		! align="left" \| Color
	!align="left"\| Result		! align="left" \| Result
	\|-		\|-
	\| Beige \|\| {{Color\|beige\|XXX}}		\| Beige \|\| {{Color\|beige\|XXX}}
Line 50:		Line 50:

	In addition, all the elemental colors that are used for each crystal are in the template, (i.e. {{[[Template:Fire\|{{Fire}}]]}}). However, this template is not actually to be used on any crystal or element references, but only for if you want to mimic the color in other places.		In addition, all the elemental colors that are used for each crystal are in the template, (i.e. {{[[Template:Fire\|{{Fire}}]]}}). However, this template is not actually to be used on any crystal or element references, but only for if you want to mimic the color in other places.
	{\| ~~width~~="~~20%~~"		{\| class="table-xs"
	!align="left"\| Color		! align="left" \| Color
	!align="left"\| Result		! align="left" \| Result
	\|-		\|-
	\| ~~Fire~~ \|\| {{Color\|~~fire~~\|XXX}}		\| Earth \|\| {{Color\|earth\|XXX}}
	\|-		\|-
	\| Water \|\| {{Color\|water\|XXX}}		\| Water \|\| {{Color\|water\|XXX}}
	\|-		\|-
	\| ~~Lightning~~ \|\| {{Color\|~~lightning~~\|XXX}}		\| Wind \|\| {{Color\|wind\|XXX}}
	\|-		\|-
	\| ~~Earth~~ \|\| {{Color\|~~earth~~\|XXX}}		\| Fire \|\| {{Color\|fire\|XXX}}
	\|-		\|-
	\| ~~wind~~ \|\| {{Color\|~~wind~~\|XXX}}		\| Ice \|\| {{Color\|ice\|XXX}}
	\|-		\|-
	\| ~~ice~~ \|\| {{Color\|~~ice~~\|XXX}}		\| Lightning \|\| {{Color\|lightning\|XXX}}
	\|-		\|-
	\| ~~light~~ \|\| {{Color\|light\|XXX}}		\| Light \|\| {{Color\|light\|XXX}}
	\|-		\|-
	\| ~~dark~~ \|\| {{Color\|dark\|XXX}}		\| Dark \|\| {{Color\|dark\|XXX}}
	\|}		\|}

imported>Romidiant (Fandom): Created page with "{{#switch:{{lc:{{{style|}}}}} |normal = {{{2}}} |bold = '''{{{2}}}''' |italic = ''{{{2}}}'' |bold-italic = '''''{{{2}}}''''' |'''{{{2}}}''' }} Category:Templates|{..."

2022-08-18T22:04:10Z

Created page with "<font color="{{#switch:{{lc:{{{1}}}}} |beige = #cc9900 |light blue = #33ccff |fire = red |earth = #cc9900 |water = blue |wind = green |ice = #33CCFF |lightning = purple |light = gray |dark = black |nm = red |positive = green |negative = red |neutral = #cc9900 |#default = {{lc:{{{1}}}}} }}">{{#switch:{{lc:{{{style|}}}}} |normal = {{{2}}} |bold = '''{{{2}}}''' |italic = ''{{{2}}}'' |bold-italic = '''''{{{2}}}''''' |'''{{{2}}}''' }}</font><noinclude> Category:Templates|{..."

New page

<font color="{{#switch:{{lc:{{{1}}}}}
|beige = #cc9900
|light blue = #33ccff
|fire = red
|earth = #cc9900
|water = blue
|wind = green
|ice = #33CCFF
|lightning = purple
|light = gray
|dark = black
|nm = red
|positive = green
|negative = red
|neutral = #cc9900
|#default = {{lc:{{{1}}}}}
}}">{{#switch:{{lc:{{{style|}}}}}
|normal = {{{2}}}
|bold = '''{{{2}}}'''
|italic = ''{{{2}}}''
|bold-italic = '''''{{{2}}}'''''
|'''{{{2}}}'''
}}</font><noinclude>
[[Category:Templates|{{PAGENAME}}]]
==Usage==
<pre>
{{Color|color|text}}
</pre>
Style can be set to either normal, bold, italic, or bold-italic by declaring the style variable (the default is bold).
<pre>
{{Color|style=normal|color|text}}
</pre>
Any color may be used, but there are several predefined colors included for convenience:
{| width="20%"
!align="left"| Color
!align="left"| Result
|-
| Beige || {{Color|beige|XXX}}
|-
| Light Blue || {{Color|light blue|XXX}}
|-
| NM || {{Color|NM|XXX}}
|-
| Positive || {{Color|positive|XXX}}
|-
| Negative || {{Color|negative|XXX}}
|-
| Neutral || {{Color|neutral|XXX}}
|}

In addition, all the elemental colors that are used for each crystal are in the template, (i.e. {{[[Template:Fire|{{Fire}}]]}}). However, this template is not actually to be used on any crystal or element references, but only for if you want to mimic the color in other places.
{| width="20%"
!align="left"| Color
!align="left"| Result
|-
| Fire || {{Color|fire|XXX}}
|-
| Water || {{Color|water|XXX}}
|-
| Lightning || {{Color|lightning|XXX}}
|-
| Earth || {{Color|earth|XXX}}
|-
| wind || {{Color|wind|XXX}}
|-
| ice || {{Color|ice|XXX}}
|-
| light || {{Color|light|XXX}}
|-
| dark || {{Color|dark|XXX}}
|}

Be very mindful of using this template, users with custom themes may not be able to read text with hard-coded colors if an appropriate background color is not also defined.
==See Also==
*[[Template:Colorlink]] - a template used to make colored links.
</noinclude>

Template:Color - Revision history

imported>Aramachus: replaced explicit element colors through their css classes

imported>Romidiant (Fandom): Created page with "{{#switch:{{lc:{{{style|}}}}} |normal = {{{2}}} |bold = '''{{{2}}}''' |italic = ''{{{2}}}'' |bold-italic = '''''{{{2}}}''''' |'''{{{2}}}''' }} Category:Templates|{..."