app.kluk.fr/app/assets/stylesheets/application.bulma.scss
Christophe Robillard ad251e7558 use charte from www
2026-09-29 06:34:43 +02:00

29 lines
1.3 KiB
SCSS

// Bulma, habillé aux couleurs et typographies de la charte Kluk (charte.css).
// Les valeurs reprennent les variables de charte.css : garder les deux en phase.
// Version sans mode sombre : la charte n'en a pas, et Bulma basculerait sinon
// champs, titres et fonds en sombre quand le système le demande.
@use 'bulma/versions/bulma-no-dark-mode' with (
$family-primary: ("Atkinson Hyperlegible Next", "Atkinson Hyperlegible", system-ui, sans-serif),
$family-secondary: ("Young Serif", Georgia, serif),
$primary: #2E2A26, // --encre : les boutons de la charte sont à l'encre
$link: #3F7A3B, // --vert-lien
$success: #5F9B59, // --vert
$warning: #EDA33D, // --orange
$danger: #D8573F, // --rouge
$info: #8D97A8, // --gris
$text: #2E2A26, // --encre
$text-strong: #2E2A26,
$text-weak: #5A534C, // --encre-douce
$scheme-main: #F5F6F0, // --porcelaine
$background: #E9ECE2, // --porcelaine-fonce
$border: #8A8279, // --bordure-champ
$radius: 0.5rem, // --arrondi-petit
$radius-large: 0.75rem, // --arrondi
);
// La charte vient après Bulma pour que ses règles de base l'emportent.
@use 'charte';
@use 'charte-bulma';
// Styles propres à l'application
@use 'kluk';