« Modèle:Couleur » : différence entre les versions — WikiHalo Aller au contenu
Bienvenue sur le WikiHalo. Ce wiki peut être amélioré par tous les visiteurs, même sans créer de compte.
Découvrez comment contribuer.

« Modèle:Couleur » : différence entre les versions

Le WikiHalo rappelle à ses contributeurs que toute information ajoutée doit être [[Aide:Sources|officielle et vérifiable]]. Les contributions sans sources et les théories sur [[Halo Infinite]] seront rejetées. <noinclude>[[Catégorie:WikiHalo]]</noinclude>
Aucun résumé des modifications
Aucun résumé des modifications
Ligne 1 : Ligne 1 :
<style>
:root {
:root {
   --unsc-color-1: #338833;
   --unsc-color-1: #338833;
Ligne 10 : Ligne 11 :
   --unsc-color-3: #eeffee;
   --unsc-color-3: #eeffee;
}
}
</style>


<includeonly>{{#switch: {{{1}}}
<includeonly>{{#switch: {{{1}}}

Version du 29 décembre 2025 à 13:08

<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>


Usage

{{couleur|faction|nuance}}

Renvoie le code hexadécimal de la couleur voulue, en fonction de la faction et du numéro de nuance choisi. Le croisillon en début de code est inclus. En usage dans les infoboxes.

Faction Code Couleur primaire Couleur secondaire Couleur tertiaire
UNSC et affiliés unsc style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

var(--unsc-color-1); text-align:center; color:#ffffff;" | <style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

var(--unsc-color-1)

style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

var(--unsc-color-2); text-align:center;" | <style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

var(--unsc-color-2)

style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

var(--unsc-color-3); text-align:center;" | <style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

var(--unsc-color-3)

Alliance Covenante, Covenants de Jul 'Mdama et affiliés cov style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#5500cc; text-align:center; color:#ffffff;" |<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#5500cc

style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#9966dd; text-align:center;" |<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#9966dd

style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#eeddff; text-align:center;" |<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#eeddff

Brutes (hors personnages) brutes style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#552200; text-align:center; color:#ffffff;" |<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#552200

style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#994433; text-align:center;" |<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#994433

style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#eeccbb; text-align:center;" |<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#eeccbb

Forerunners for style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#999999; text-align:center; color:#ffffff;" |<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#999999

style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#DDDDDD; text-align:center;" |<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#DDDDDD

style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#f0f0f0; text-align:center;" |<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#f0f0f0

Rebelles (dont Hérétiques) rebelles style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#cc2200; text-align:center; color:#ffffff;" |<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#cc2200

style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#ff7766; text-align:center;" |<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#ff7766

style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#ffdddd; text-align:center;" |<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#ffdddd

Anciens humains humanc style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#A0522D; text-align:center; color:#ffffff;" |<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#A0522D

style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#F5DEB3; text-align:center;" |<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#F5DEB3

style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#FFF8DC; text-align:center;" |<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#FFF8DC

Parasite par style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#808000; text-align:center; color:#ffffff;" |<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#808000

style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#808040; text-align:center;" |<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#808040

style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#FFF8DC; text-align:center;" |<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#FFF8DC

Entités ent style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#08A8E5; text-align:center; color:#ffffff;" |<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#08A8E5

style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#71848B; text-align:center;" |<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#71848B

style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#f0f0f0; text-align:center;" |<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#f0f0f0

Lames de Sanghelios sos style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#D55208; text-align:center; color:#ffffff;" |<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#D55208

style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#FFED95; text-align:center;" |<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#FFED95

style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#FFF8DC; text-align:center;" |<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#FFF8DC

Parias paria style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#8A0108; text-align:center; color:#ffffff;" |<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#8A0108

style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#71848B; text-align:center;" |<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#71848B

style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#f0f0f0; text-align:center;" |<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#f0f0f0

Couleur par défaut (inclus personnages non affiliés, civils, criminels...) style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#000099; text-align:center; color:#ffffff;" |<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#000099

style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#4477FF; text-align:center;" |<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#4477FF

style="background-color:<style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#f0f0f0; text-align:center;" |<style>

root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

#f0f0f0

Code

Code Résultat
{{couleur|unsc|1}} <style>
root {
 --unsc-color-1: #338833;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

}

html.skin-theme-clientpref-night {

 --unsc-color-1: red;
 --unsc-color-2: #66cc66;
 --unsc-color-3: #eeffee;

} </style>

var(--unsc-color-1)