Design Tokens

Les Design Tokens sont un ensemble de variables qui représentent les décisions de Design et remplacent les valeurs statiques dans le code.

Couleurs

Le thème clair est utilisé pour configurer le thème de Vuetify :

Pour voir la palette de couleurs, consultez la page Couleurs.

Pour installer les Design Tokens, consultez les instructions d'installation.

import { tokens } from '@cnamts/design-tokens';
console.log(tokens.pageWidth);

const { tokens } = require('@cnamts/design-tokens');
console.log(tokens.pageWidth);

@import '@cnamts/design-tokens/dist/tokens';

.pro {
	color: $vd-page-width;
}

const { tokens } = require('@cnamts/design-tokens');
console.log(tokens['page-width']);