Sylphoid: noinclude cat

2024-11-11T20:28:41Z

noinclude cat

← Older revision		Revision as of 20:28, 11 November 2024
Line 56:		Line 56:
	Armor colored div with 0.5 alpha		Armor colored div with 0.5 alpha
	</div>		</div>


	===Previews===		===Previews===
	{{Transclude\|Module:Color/doc#Previews}}		{{Transclude\|Module:Color/doc#Previews}}

			<noinclude>[[Category:Template documentation]]</noinclude>
	[[Category:Template documentation]]

Sur: ported from Template:SlotColor

2024-11-02T04:17:34Z

ported from Template:SlotColor

New page

Retrieve's the color of a given key in any color format (default hex).

===Parameters===
{{Transclude|Module:Color/doc#Parameters}}

===Examples===
To retrieve the color alone
<code><nowiki>{{Color|Tech}}</nowiki></code>

{{Color|Tech|debug_mode=true}}

To retrieve other color formats
<code><nowiki>{{Color|Tech|rgb}}</nowiki></code>

{{Color|Tech|rgb|debug_mode=true}}

To style text:
<code><nowiki><span style="color: {{Color|Weapon}};">Weapon colored text</span></nowiki></code>

<span style="color: {{Color|Weapon}};">Weapon colored text</span>

To style divs:
<code><nowiki><div style="background-color: {{Color|Tech}};">
Tech colored div</div></nowiki></code>

<div style="background-color: {{Color|Tech}};">
Tech colored div
</div>

To get the color without otherwise necessary prefix/postfix wrapping:

<code><nowiki>{{Color|Tech|rgb|no_wrap=true}}</nowiki></code>

{{Color|Tech|rgb|no_wrap=true|debug_mode=true}}

This can manually be wrapped like <code><nowiki>rgba({{Color|Tech|no_wrap=true}}, 0.5)</nowiki></code> to customize the alpha channel (opacity/transparency) of the color to your liking. Note that with transparency, the color will vary on light or dark mode, so consider adding a white/black background behind to enforce consistency.

To alter the alpha value using rgb dynamically:
<code><nowiki><div style="background-color: rgba({{Color|Armor|rgb|no_wrap=true}}, 1.0);">
Armor colored div with 1.0 alpha</div></nowiki></code>

<div style="background-color: rgba({{Color|Armor|rgb|no_wrap=true}}, 1.0);">
Armor colored div with 1.0 alpha
</div>

<code><nowiki><div style="background-color: rgba({{Color|Armor|rgb|no_wrap=true}}, 0.5);">
Armor colored div with 0.5 alpha</div></nowiki></code>

<div style="background-color: rgba({{Color|Armor|rgb|no_wrap=true}}, 0.5);">
Armor colored div with 0.5 alpha
</div>

===Previews===
{{Transclude|Module:Color/doc#Previews}}

[[Category:Template documentation]]

Template:Color/doc - Revision history

Sylphoid: noinclude cat

Sur: ported from Template:SlotColor