Last edited 3 years ago

Template:STDarkGrey: Difference between revisions

Registered User
(Merge articles)
Registered User
(Merge articles)
 
Line 1: Line 1:
<noinclude>
<noinclude>
==Usage==
==Usage==
The [[Template:STDarkGrey|STDarkGrey]] template is used '''to get the hexadecimal code''' of the STMicroelectronics corporate secondary color <span style="color: {{STDarkGrey}};">shade of dark grey (&#9608;)</span>.
The [[Template:STDarkGrey|STDarkGrey]] template is used '''to color text''' in pages, with the STMicroelectronics corporate primary color {{STDarkGrey|shade of dark grey (&#9608;)}}.


  Usage:  <nowiki>{{</nowiki>STDarkGrey}}
  Usage:  <nowiki>{{</nowiki>STDarkGrey|{{HighlightParam|<text to color>}}|tint={{HighlightParam|<tint>}}}}
Where:
*{{HighlightParam|<text to color>}} is the text to format in dark grey. If this template is called with no text, the hexadecimal code of the color is returned.
*{{HighlightParam|<tint>}} is the tint of the color expressed in percentage. If tint is not set then the original color is used (tint = 100%). The possible value are:
**'''75''': 75% of the original color tint
**'''50''': 50% of the original color tint
**'''25''': 25% of the original color tint


==Basic examples==
==Basic examples==
{| class="st-table"
{| class="st-table"
! You type !! You get
! You type !! You get
|-
|  Coloring text in dark grey
<pre style="white-space: pre-wrap;">
This is a {{STDarkGrey|STMicroelectronics corporate color: shade of dark grey: &#9608;}}
</pre>
|
This is a {{STDarkGrey|STMicroelectronics corporate color: shade of dark grey: &#9608;}}
|-
|  Coloring text in 75% tint of dark grey
<pre style="white-space: pre-wrap;">
This is a {{STDarkGrey|STMicroelectronics corporate color: 75% tint of dark grey: &#9608; | tint=75}}
</pre>
|
This is a {{STDarkGrey|STMicroelectronics corporate color: 75% tint of dark grey: &#9608; | tint=75}}
|-
|  Coloring text in 50% tint of dark grey
<pre style="white-space: pre-wrap;">
This is a {{STDarkGrey|STMicroelectronics corporate color: 50% tint of dark grey: &#9608; | tint=50}}
</pre>
|
This is a {{STDarkGrey|STMicroelectronics corporate color: 50% tint of dark grey: &#9608; | tint=50}}
|-
|  Coloring text in 25% tint of dark grey
<pre style="white-space: pre-wrap;">
This is a {{STDarkGrey|STMicroelectronics corporate color: 25% tint of dark grey: &#9608; | tint=25}}
</pre>
|
This is a {{STDarkGrey|STMicroelectronics corporate color: 25% tint of dark grey: &#9608; | tint=25}}
|-
|-
| Getting the hexadecimal code of the color
| Getting the hexadecimal code of the color
Line 15: Line 49:
|
|
{{STDarkGrey}} is the hexadecimal code of STMicroelectronics dark grey.
{{STDarkGrey}} is the hexadecimal code of STMicroelectronics dark grey.
|-
| Getting the hexadecimal code of the 75% tint of the color
<pre style="white-space: pre-wrap;">
{{STDarkGrey | tint=75}} is the hexadecimal code of STMicroelectronics 75% tint of dark grey.
</pre>
|
{{STDarkGrey | tint=75}} is the hexadecimal code of STMicroelectronics 75% tint of dark grey.
|-
| Getting the hexadecimal code of the 50% tint of the color
<pre style="white-space: pre-wrap;">
{{STDarkGrey | tint=50}} is the hexadecimal code of STMicroelectronics 50% tint of dark grey.
</pre>
|
{{STDarkGrey | tint=50}} is the hexadecimal code of STMicroelectronics 50% tint of dark grey.
|-
| Getting the hexadecimal code of the 25% tint of the color
<pre style="white-space: pre-wrap;">
{{STDarkGrey | tint=25}} is the hexadecimal code of STMicroelectronics 25% tint of dark grey.
</pre>
|
{{STDarkGrey | tint=25}} is the hexadecimal code of STMicroelectronics 25% tint of dark grey.
|}
|}


Line 21: Line 76:
! You type !! You get
! You type !! You get
|-
|-
| Parameter is ignored
| dark grey and bold
<pre style="white-space: pre-wrap;">
This is a {{STDarkGrey|'''STMicroelectronics'''}} corporate color: '''{{STDarkGrey|shade of dark grey: &#9608;}}'''
</pre>
|
This is a {{STDarkGrey|'''STMicroelectronics'''}} corporate color: '''{{STDarkGrey|shade of dark grey: &#9608;}}'''
|-
| dark grey and italic
<pre style="white-space: pre-wrap;">
<pre style="white-space: pre-wrap;">
This is a {{STDarkGrey|'''STMicroelectronics'''}} corporate color
This is a {{STDarkGrey|''STMicroelectronics''}} corporate color: ''{{STDarkGrey|shade of dark grey: &#9608;}}''
</pre>
</pre>
|
|
This is a {{STDarkGrey|'''STMicroelectronics'''}} corporate color
This is a {{STDarkGrey|''STMicroelectronics''}} corporate color: ''{{STDarkGrey|shade of dark grey: &#9608;}}''
|}
|}


Line 35: Line 97:


==Code==
==Code==
</noinclude>&#35;464650
</noinclude>{{#switch:{{{tint|none}}}
| 75 = {{#vardefine:tintval|74747C}}
| 50 = {{#vardefine:tintval|A2A2A7}}
| 25 = {{#vardefine:tintval|D1D1D3}}
| #default = {{#vardefine:tintval|464650}}
}}{{#if: {{{1|}}}|<span style="color: #{{#var:tintval}};">{{{1}}}</span>|&#35;{{#var:tintval}}}}

Latest revision as of 17:59, 7 October 2021

1. Usage

The STDarkGrey template is used to color text in pages, with the STMicroelectronics corporate primary color shade of dark grey (█).

Usage:  {{STDarkGrey|<text to color>|tint=<tint>}}

Where:

  • <text to color> is the text to format in dark grey. If this template is called with no text, the hexadecimal code of the color is returned.
  • <tint> is the tint of the color expressed in percentage. If tint is not set then the original color is used (tint = 100%). The possible value are:
    • 75: 75% of the original color tint
    • 50: 50% of the original color tint
    • 25: 25% of the original color tint

2. Basic examples

You type You get
Coloring text in dark grey
This is a {{STDarkGrey|STMicroelectronics corporate color: shade of dark grey: █}}

This is a STMicroelectronics corporate color: shade of dark grey: █

Coloring text in 75% tint of dark grey
This is a {{STDarkGrey|STMicroelectronics corporate color: 75% tint of dark grey: █ | tint=75}}

This is a STMicroelectronics corporate color: 75% tint of dark grey: █

Coloring text in 50% tint of dark grey
This is a {{STDarkGrey|STMicroelectronics corporate color: 50% tint of dark grey: █ | tint=50}}

This is a STMicroelectronics corporate color: 50% tint of dark grey: █

Coloring text in 25% tint of dark grey
This is a {{STDarkGrey|STMicroelectronics corporate color: 25% tint of dark grey: █ | tint=25}}

This is a STMicroelectronics corporate color: 25% tint of dark grey: █

Getting the hexadecimal code of the color
{{STDarkGrey}} is the hexadecimal code of STMicroelectronics dark grey.

#464650 is the hexadecimal code of STMicroelectronics dark grey.

Getting the hexadecimal code of the 75% tint of the color
{{STDarkGrey | tint=75}} is the hexadecimal code of STMicroelectronics 75% tint of dark grey.

#74747C is the hexadecimal code of STMicroelectronics 75% tint of dark grey.

Getting the hexadecimal code of the 50% tint of the color
{{STDarkGrey | tint=50}} is the hexadecimal code of STMicroelectronics 50% tint of dark grey.

#A2A2A7 is the hexadecimal code of STMicroelectronics 50% tint of dark grey.

Getting the hexadecimal code of the 25% tint of the color
{{STDarkGrey | tint=25}} is the hexadecimal code of STMicroelectronics 25% tint of dark grey.

#D1D1D3 is the hexadecimal code of STMicroelectronics 25% tint of dark grey.

3. More examples

You type You get
dark grey and bold
This is a {{STDarkGrey|'''STMicroelectronics'''}} corporate color: '''{{STDarkGrey|shade of dark grey: █}}'''

This is a STMicroelectronics corporate color: shade of dark grey: █

dark grey and italic
This is a {{STDarkGrey|''STMicroelectronics''}} corporate color: ''{{STDarkGrey|shade of dark grey: █}}''

This is a STMicroelectronics corporate color: shade of dark grey: █

4. Maintenance

This template is a template common to all ST wikis.
Modifications must be done into the WikiModel. They must be reviewed by all ST wikis maintainers.
When approved, the template can be pushed/merged towards all ST wikis.

5. Code

#464650

No categories assignedEdit