Modulo:Materialize colors examples/man

Questo modulo ad uso interno serve semplicemente a generare la tavolozza di colori di esempio presente in questo template:

• {{Materialize colors}}

Funzioni

allPalettesHTML

Questo metodo permette di generare tutte le palette dei colori. Utilizzo di esempio nel wikitesto.

Utilizzo base:

{{Materialize colors}}
{{#invoke:Materialize colors examples|allPalettesHTML}}

Utilizzo avanzato:

{{Materialize colors}}
{{#invoke:Materialize colors examples|allPalettesHTML
|colorExtraClass = classe CSS aggiuntiva da mostrare per ogni colore
|colorPre        = wikitesto prima di ogni singolo colore
|colorPost       = wikitesto dopo ogni singolo colore
|containerPre    = wikitesto prima di ogni gruppo di colori
|containerPost   = wikitesto dopo ogni gruppo di colori
|isText          = normalmente è a 0 cioè la tavolozza è per contenuti, impostare ad 1 per colorare il testo
}}

Esempio di tavolozza per colorare un contenitore

Segue un esempio per generare una tavolozza dei nomi per colorare un contenitore, dividendo il risultato in qualche colonna (usando altri template di appoggio):

{{Materialize colors}}
{{Bootstrap}}
<div class="row">
{{#invoke:Materialize colors examples
|allPalettesHTML
|containerPre  = <div class="col-md-3 materialize-colors-palette">
|containerPost = </div>
}}
</div>

Ecco il risultato che si otterrebbe utilizzando quest'ultimo wikitesto:

Apri per visualizzare l'esempio

red lighten-5

red lighten-4

red lighten-3

red lighten-2

red

red darken-1

red darken-2

red darken-3

red darken-4

red accent-1

red accent-2

red accent-3

red accent-4

pink lighten-5

pink lighten-4

pink lighten-3

pink lighten-2

pink

pink darken-1

pink darken-2

pink darken-3

pink darken-4

pink accent-1

pink accent-2

pink accent-3

pink accent-4

purple lighten-5

purple lighten-4

purple lighten-3

purple lighten-2

purple

purple darken-1

purple darken-2

purple darken-3

purple darken-4

purple accent-1

purple accent-2

purple accent-3

purple accent-4

deep-purple lighten-5

deep-purple lighten-4

deep-purple lighten-3

deep-purple lighten-2

deep-purple

deep-purple darken-1

deep-purple darken-2

deep-purple darken-3

deep-purple darken-4

deep-purple accent-1

deep-purple accent-2

deep-purple accent-3

deep-purple accent-4

indigo lighten-5

indigo lighten-4

indigo lighten-3

indigo lighten-2

indigo

indigo darken-1

indigo darken-2

indigo darken-3

indigo darken-4

indigo accent-1

indigo accent-2

indigo accent-3

indigo accent-4

blue lighten-5

blue lighten-4

blue lighten-3

blue lighten-2

blue

blue darken-1

blue darken-2

blue darken-3

blue darken-4

blue accent-1

blue accent-2

blue accent-3

blue accent-4

light-blue lighten-5

light-blue lighten-4

light-blue lighten-3

light-blue lighten-2

light-blue

light-blue darken-1

light-blue darken-2

light-blue darken-3

light-blue darken-4

light-blue accent-1

light-blue accent-2

light-blue accent-3

light-blue accent-4

cyan lighten-5

cyan lighten-4

cyan lighten-3

cyan lighten-2

cyan

cyan darken-1

cyan darken-2

cyan darken-3

cyan darken-4

cyan accent-1

cyan accent-2

cyan accent-3

cyan accent-4

teal lighten-5

teal lighten-4

teal lighten-3

teal lighten-2

teal

teal darken-1

teal darken-2

teal darken-3

teal darken-4

teal accent-1

teal accent-2

teal accent-3

teal accent-4

green lighten-5

green lighten-4

green lighten-3

green lighten-2

green

green darken-1

green darken-2

green darken-3

green darken-4

green accent-1

green accent-2

green accent-3

green accent-4

light-green lighten-5

light-green lighten-4

light-green lighten-3

light-green lighten-2

light-green

light-green darken-1

light-green darken-2

light-green darken-3

light-green darken-4

light-green accent-1

light-green accent-2

light-green accent-3

light-green accent-4

lime lighten-5

lime lighten-4

lime lighten-3

lime lighten-2

lime

lime darken-1

lime darken-2

lime darken-3

lime darken-4

lime accent-1

lime accent-2

lime accent-3

lime accent-4

yellow lighten-5

yellow lighten-4

yellow lighten-3

yellow lighten-2

yellow

yellow darken-1

yellow darken-2

yellow darken-3

yellow darken-4

yellow accent-1

yellow accent-2

yellow accent-3

yellow accent-4

amber lighten-5

amber lighten-4

amber lighten-3

amber lighten-2

amber

amber darken-1

amber darken-2

amber darken-3

amber darken-4

amber accent-1

amber accent-2

amber accent-3

amber accent-4

orange lighten-5

orange lighten-4

orange lighten-3

orange lighten-2

orange

orange darken-1

orange darken-2

orange darken-3

orange darken-4

orange accent-1

orange accent-2

orange accent-3

orange accent-4

deep-orange lighten-5

deep-orange lighten-4

deep-orange lighten-3

deep-orange lighten-2

deep-orange

deep-orange darken-1

deep-orange darken-2

deep-orange darken-3

deep-orange darken-4

deep-orange accent-1

deep-orange accent-2

deep-orange accent-3

deep-orange accent-4

brown lighten-5

brown lighten-4

brown lighten-3

brown lighten-2

brown

brown darken-1

brown darken-2

brown darken-3

brown darken-4

grey lighten-5

grey lighten-4

grey lighten-3

grey lighten-2

grey

grey darken-1

grey darken-2

grey darken-3

grey darken-4

blue-grey lighten-5

blue-grey lighten-4

blue-grey lighten-3

blue-grey lighten-2

blue-grey

blue-grey darken-1

blue-grey darken-2

blue-grey darken-3

blue-grey darken-4

white

black

Esempio di tavolozza per colorare un testo

Segue un esempio per generare una tavolozza dei nomi per colorare un testo, dividendo il risultato in qualche colonna (usando altri template di appoggio):

{{Materialize colors}}
{{Bootstrap}}
<div class="row">
{{#invoke:Materialize colors examples
|allPalettesHTML
|isText        = 1
|containerPre  = <div class="col-md-4">
|containerPost = </div>
}}
</div>

Ecco il risultato che si otterrebbe utilizzando quest'ultimo wikitesto:

Apri per visualizzare l'esempio

red-text text-lighten-5

red-text text-lighten-4

red-text text-lighten-3

red-text text-lighten-2

red-text

red-text text-darken-1

red-text text-darken-2

red-text text-darken-3

red-text text-darken-4

red-text text-accent-1

red-text text-accent-2

red-text text-accent-3

red-text text-accent-4

pink-text text-lighten-5

pink-text text-lighten-4

pink-text text-lighten-3

pink-text text-lighten-2

pink-text

pink-text text-darken-1

pink-text text-darken-2

pink-text text-darken-3

pink-text text-darken-4

pink-text text-accent-1

pink-text text-accent-2

pink-text text-accent-3

pink-text text-accent-4

purple-text text-lighten-5

purple-text text-lighten-4

purple-text text-lighten-3

purple-text text-lighten-2

purple-text

purple-text text-darken-1

purple-text text-darken-2

purple-text text-darken-3

purple-text text-darken-4

purple-text text-accent-1

purple-text text-accent-2

purple-text text-accent-3

purple-text text-accent-4

deep-purple-text text-lighten-5

deep-purple-text text-lighten-4

deep-purple-text text-lighten-3

deep-purple-text text-lighten-2

deep-purple-text

deep-purple-text text-darken-1

deep-purple-text text-darken-2

deep-purple-text text-darken-3

deep-purple-text text-darken-4

deep-purple-text text-accent-1

deep-purple-text text-accent-2

deep-purple-text text-accent-3

deep-purple-text text-accent-4

indigo-text text-lighten-5

indigo-text text-lighten-4

indigo-text text-lighten-3

indigo-text text-lighten-2

indigo-text

indigo-text text-darken-1

indigo-text text-darken-2

indigo-text text-darken-3

indigo-text text-darken-4

indigo-text text-accent-1

indigo-text text-accent-2

indigo-text text-accent-3

indigo-text text-accent-4

blue-text text-lighten-5

blue-text text-lighten-4

blue-text text-lighten-3

blue-text text-lighten-2

blue-text

blue-text text-darken-1

blue-text text-darken-2

blue-text text-darken-3

blue-text text-darken-4

blue-text text-accent-1

blue-text text-accent-2

blue-text text-accent-3

blue-text text-accent-4

light-blue-text text-lighten-5

light-blue-text text-lighten-4

light-blue-text text-lighten-3

light-blue-text text-lighten-2

light-blue-text

light-blue-text text-darken-1

light-blue-text text-darken-2

light-blue-text text-darken-3

light-blue-text text-darken-4

light-blue-text text-accent-1

light-blue-text text-accent-2

light-blue-text text-accent-3

light-blue-text text-accent-4

cyan-text text-lighten-5

cyan-text text-lighten-4

cyan-text text-lighten-3

cyan-text text-lighten-2

cyan-text

cyan-text text-darken-1

cyan-text text-darken-2

cyan-text text-darken-3

cyan-text text-darken-4

cyan-text text-accent-1

cyan-text text-accent-2

cyan-text text-accent-3

cyan-text text-accent-4

teal-text text-lighten-5

teal-text text-lighten-4

teal-text text-lighten-3

teal-text text-lighten-2

teal-text

teal-text text-darken-1

teal-text text-darken-2

teal-text text-darken-3

teal-text text-darken-4

teal-text text-accent-1

teal-text text-accent-2

teal-text text-accent-3

teal-text text-accent-4

green-text text-lighten-5

green-text text-lighten-4

green-text text-lighten-3

green-text text-lighten-2

green-text

green-text text-darken-1

green-text text-darken-2

green-text text-darken-3

green-text text-darken-4

green-text text-accent-1

green-text text-accent-2

green-text text-accent-3

green-text text-accent-4

light-green-text text-lighten-5

light-green-text text-lighten-4

light-green-text text-lighten-3

light-green-text text-lighten-2

light-green-text

light-green-text text-darken-1

light-green-text text-darken-2

light-green-text text-darken-3

light-green-text text-darken-4

light-green-text text-accent-1

light-green-text text-accent-2

light-green-text text-accent-3

light-green-text text-accent-4

lime-text text-lighten-5

lime-text text-lighten-4

lime-text text-lighten-3

lime-text text-lighten-2

lime-text

lime-text text-darken-1

lime-text text-darken-2

lime-text text-darken-3

lime-text text-darken-4

lime-text text-accent-1

lime-text text-accent-2

lime-text text-accent-3

lime-text text-accent-4

yellow-text text-lighten-5

yellow-text text-lighten-4

yellow-text text-lighten-3

yellow-text text-lighten-2

yellow-text

yellow-text text-darken-1

yellow-text text-darken-2

yellow-text text-darken-3

yellow-text text-darken-4

yellow-text text-accent-1

yellow-text text-accent-2

yellow-text text-accent-3

yellow-text text-accent-4

amber-text text-lighten-5

amber-text text-lighten-4

amber-text text-lighten-3

amber-text text-lighten-2

amber-text

amber-text text-darken-1

amber-text text-darken-2

amber-text text-darken-3

amber-text text-darken-4

amber-text text-accent-1

amber-text text-accent-2

amber-text text-accent-3

amber-text text-accent-4

orange-text text-lighten-5

orange-text text-lighten-4

orange-text text-lighten-3

orange-text text-lighten-2

orange-text

orange-text text-darken-1

orange-text text-darken-2

orange-text text-darken-3

orange-text text-darken-4

orange-text text-accent-1

orange-text text-accent-2

orange-text text-accent-3

orange-text text-accent-4

deep-orange-text text-lighten-5

deep-orange-text text-lighten-4

deep-orange-text text-lighten-3

deep-orange-text text-lighten-2

deep-orange-text

deep-orange-text text-darken-1

deep-orange-text text-darken-2

deep-orange-text text-darken-3

deep-orange-text text-darken-4

deep-orange-text text-accent-1

deep-orange-text text-accent-2

deep-orange-text text-accent-3

deep-orange-text text-accent-4

brown-text text-lighten-5

brown-text text-lighten-4

brown-text text-lighten-3

brown-text text-lighten-2

brown-text

brown-text text-darken-1

brown-text text-darken-2

brown-text text-darken-3

brown-text text-darken-4

grey-text text-lighten-5

grey-text text-lighten-4

grey-text text-lighten-3

grey-text text-lighten-2

grey-text

grey-text text-darken-1

grey-text text-darken-2

grey-text text-darken-3

grey-text text-darken-4

blue-grey-text text-lighten-5

blue-grey-text text-lighten-4

blue-grey-text text-lighten-3

blue-grey-text text-lighten-2

blue-grey-text

blue-grey-text text-darken-1

blue-grey-text text-darken-2

blue-grey-text text-darken-3

blue-grey-text text-darken-4

white-text

black-text