_variables.scss 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. // La couleur principale du thème
  2. $main-first: #ca7227; // couleur principale
  3. $main-first-alt: #b7641d; // var pour les hovers
  4. $main-first-light: #fdf6ef; // var light 1
  5. $main-first-lighter: #fefaf7; // var light 2
  6. $main-first-dark: #3c3835; // var pour les hovers
  7. $main-first-darker: #221f1d; // var pour les hovers
  8. // les couleurs de polices liées
  9. $main-font-color: #363330;
  10. $light-font-color: #6d655f;
  11. $white: #fff; // le blanc (des fois qu'on aurait envie de le teinter un peu)
  12. // toute la palette des gris, très utile
  13. // on essaiera de teinter ces gris suivant la couleur principale
  14. $grey-darker: #524236;
  15. $grey-dark: #766556;
  16. $grey-medium-dark: #ba9;
  17. $grey-medium: #d9ccbf;
  18. $grey-medium-light: #e4d8cc;
  19. $grey-light: #f5f0ec;
  20. $grey-lighter: #fcfaf8;
  21. $unread-font-color: #161a38;
  22. $unread-bg: #f2f6f8;
  23. $unread-bg-light: #fdfdfe;
  24. // les couleurs d'alertes (rouge, jaune, vert)
  25. $alert-bg: #f5633e; // la base
  26. $alert-light: #fde0d8; // +light
  27. $alert-text: #73341f; // +foncé
  28. $warning-bg: #f4f762;
  29. $warning-light: #fdfde0;
  30. $warning-text: #73762f;
  31. $success-bg: #10f5b2;
  32. $success-light: #cffdef;
  33. $success-text: #0c7556;
  34. // les favoris
  35. $fav-bg: #ffc300;
  36. $fav-light: #fff6da;
  37. // la couleur de sidebar, utile si on a envie d'un thème qui aurait une sidebar foncé, e.g.
  38. $sid-font-color: #363330; // la couleur de fond de la barre de gauche et du header
  39. $sid-bg: #fbf9f6; // le background général de la barre de gauche, et du header
  40. $sid-bg-alt: #f7f2ea; // le background de l'intérieur des groupes
  41. $sid-bg-dark: #efe3d3; // les hovers
  42. $sid-sep: #f0e7da; // les séparateurs
  43. $sid-active: $main-first; // la couleur active
  44. $sid-active-font: #fff; // la couleur active
  45. $sid-pills: rgba(35,35,0, 0.15); // les gélules