kazhnuz.css/src/scss/definitions/_palette.scss

83 lines
1.9 KiB
SCSS
Raw Normal View History

2019-12-07 15:58:08 +01:00
/* --- 00. PALETTE --- */
/*
2019-12-07 15:58:08 +01:00
* 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)
*
2019-12-07 15:58:08 +01:00
*/
2021-07-25 14:12:29 +02:00
$whiteness_value: 0.8;
2019-12-07 15:58:08 +01:00
// Couleurs de base du theme :
2021-07-25 14:12:29 +02:00
$palette: (
"blue":#268bd2,
"violet":#d33682,
"red":#dc322f,
"orange":#cb4b16,
"green":#859900,
"skyblue":#2aa198,
"dark": #002b36,
"light":#fdf6e3,
"yellow":#b58900,
"grey":#586e75,
"dark2":#073642,
2021-07-30 13:13:12 +02:00
"light2":#eee8d5);
2021-07-25 14:12:29 +02:00
$semantics: (
"primary":"violet",
"secondary":"skyblue",
"warning":"orange",
"danger":"red",
"info":"skyblue",
"success":"green",
"muted":"grey");
2021-07-30 13:13:12 +02:00
$helpers: (
"font":"dark2",
"font-light":"light",
"background":"light",
"background-alt":"light2",
"link":"skyblue",
"selection":"skyblue",
"mark":"yellow",
);
@function get-color($name) {
2021-07-30 13:13:12 +02:00
@if map-has-key($helpers, $name) {
@return map-get($palette, map-get($helpers, $name));
} @else {
2021-07-30 13:13:12 +02:00
@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");