Pelote
EN
Styles

Styles

Le même composant, les mêmes rôles de couleur, trois matières. Le sélecteur ci-dessous s'applique à tout le site.

Ce sélecteur est propre au site. La documentation décrit les trois matières, elle n'impose pas un sélecteur dans les apps.

Expressive

La référence. Teinte, formes expressives, pilules, mouvement à ressort.

PeloteTonalChip

Plaza

Wii U et 3DS : plastique doux et brillant, rayures fines, gel sur l'action principale, police arrondie.

PelotePlaza

Chrome

Y2K : métal poli, verre dépoli, halos, LEDs, angles vifs et Michroma en capitales.

PeloteY2K

La recette

ExpressivePlazaChrome
Fondsurfacerepeating-linear-gradient(surface, sc 1px/7px)surface + halo pc / tc
Actionprimary / on-primary--gel / primarygel primary + shadow-chrome
Conteneursc sans ombrescl + gloss-hi + shadow-plazasc 82 % + flou + outline-v
TypographieGoogle Sans FlexM PLUS Rounded 1c 700/800Michroma en capitales
IcônesMaterial Symbols RoundedRoundedSharp

Plus

TokensAssetsLicence GitHub

Apparence

Le choix s'applique tout de suite et reste sur cet appareil.

Mode
Couleur du thème Tous les rôles sont régénérés depuis cette couleur source.
Style La matière change, les composants et les rôles restent les mêmes.
Material YouSur le web, la couleur du fond d'écran n'est pas accessible. Choisis une couleur source ci-dessus ; dans les apps Android 12+, Material You suit le fond d'écran.