/* --- 00. PALETTE --- */ /* * Les définitions globales des couleurs du theme. * * Elle permettent de définir rapidement à la fois les couleurs * de base qui seront utilisée pour tout le theme, mais * également celles spécifiques pour certains sujets (liens, texte) * */ $whiteness_value: 0.8; // Couleurs de base du theme : $palette: ( "blue":#339af0, "violet":#845ef7, "red":#ff6b6b, "orange":#ff922b, "green":#51cf66, "skyblue":#3bc9db, "dark": #343a40, "light":#fefefe, "yellow":#fcc419, "grey":#adb5bd, "dark2":#212529, "light2":#f1f3f5); $semantics: ( "primary":"blue", "secondary":"dark", "warning":"orange", "danger":"red", "info":"skyblue", "success":"green", "muted":"grey"); $helpers: ( "font":"dark2", "font-light":"light", "background":"light", "background-alt":"light2", "link":"blue", "selection":"blue", "mark":"yellow", ); @function get-color($name) { @if map-has-key($helpers, $name) { @return map-get($palette, map-get($helpers, $name)); } @else { @if map-has-key($semantics, $name) { @return map-get($palette, map-get($semantics, $name)); } @else { @return map-get($palette, $name); } } } // **Couleurs du theme** // Ne pas retirer ces couleurs, qui // sont essentielle pour que le framework functionne. // Pour les modifier, modifier le contenu du tableau $semantics. $color-link: get-color("link"); $color-selection: get-color("selection"); $color-mark: get-color("mark"); $color-font: get-color("font"); $color-font-light: get-color("font-light"); $color-primary: get-color("primary"); $color-secondary: get-color("secondary"); $color-warning: get-color("warning"); $color-danger: get-color("danger"); $color-info: get-color("info"); $color-success: get-color("success"); $color-muted: get-color("muted"); $color-background: get-color("background"); $color-background-alt: get-color("background-alt");