Charte graphique

Les éléments communs à tout PLACE. Les modules n’utilisent que ces jetons et ces composants ; changer un jeton ici change tout le site. Essayez le menu du thème (en haut à droite) pour voir le thème clair.

Logo

Emblème (en-tête, carte, icône d’onglet) et barre arc-en-ciel (--rainbow)

Couleurs

Fonds

--bg-0 fond le plus sombre

--bg-1 fond

--bg-2 fond le plus clair

--surface panneau

--surface-3 surface d’un contrôle

Textes et traits

--text texte

--text-2 texte secondaire

--muted texte discret

--line trait

--line-strong trait marqué

Couleurs du logo

--violet violet (accent par défaut)

--magenta magenta

--blue bleu

--blue-2 liens

--cyan survol, focus

Barre arc-en-ciel

--arc-1 rouge

--arc-2 orange

--arc-3 vert

--arc-4 cyan

--arc-5 jaune

--arc-6 framboise

--arc-7 olive

--arc-8 prune

États

--hc vert (heures creuses)

--hp jaune (heures pleines)

--peak rose (pointe)

--grad--grad-froid

L’accent (--accent) suit la classe du corps de page : is-base violet, is-hc vert, is-hp jaune, is-peak rose.

Textes

Titre de page

Titre de section

Sous-titre

Paragraphe courant avec un lien, du gras, de l’italique, du code et une touche Ctrl.

Citation : une idée mise en avant.

Liste à puces
Deuxième élément

Texte d’aide (.hint) · texte discret (.muted)

Boutons et étiquettes

étiquette attention important

Message d’information (.flash).

Message d’erreur (.flash-error).

Formulaires

Résultats

Valeur à copier : k7#Lm2!pQ9

Mots: 1 254
Caractères: 7 380
Temps: 6 min

Élément	Nombre	Part
premier	12	48 %
second	8	32 %

Cartes

Mots de passe

Générer des mots de passe solides et tester leur force, dans le navigateur.

Noms lisibles

Inventer des mots prononçables : identifiants, noms de code, phrases de passe.

Générateur htpasswd serveur

Créer une ligne de .htpasswd (bcrypt) pour protéger un dossier Apache.

Pictogrammes

settings

system

sun

light

dark

sunrise

columns

chevron

fleche

search

logout

warning

copier

actualiser

plus

retirer

fermer

telecharger

lien

crayon

diese

qr

groupe

globe

maison

outil

cadenas

cadenas-ouvert

cle

texte

horloge

chrono

calcul

temps

article

palette

eclair

nuage

compte

Feuilles de style

Chargées dans l’ordre de leur numéro, sur toutes les pages ; un outil ajoute les siennes après (outil.php : styles).

01-jetons.css
02-controles.css
03-mise-en-page.css
04-en-tete.css
05-pied.css
06-reglages.css
07-notification.css
08-connexion.css
10-place.css
11-carte.css
12-outils.css
99-clair.css