style: define custom color palette

Author: DiogoRibeiro7

README.md

@@ -75,7 +75,7 @@ GitHub Actions already runs these commands automatically during deployments.
 
 ~~Have a consistency in the font and font sizes (ideally you want to use 2 fonts. One for the header/subtitle and one for the text. You can use this kind of website https://fontjoy.com/ which allow you to pair fonts).~~
 
-Choose a few main colours for your site (I would suggest black/white/grey but not in solid. You can also use this kind of site: https://coolors.co/palettes/popular/2a4849).
+~~Choose a few main colours for your site (I would suggest black/white/grey but not in solid. You can also use this kind of site: https://coolors.co/palettes/popular/2a4849).~~
 
 ~~Reduce then size of the homepage top image (ideally you want your first articles to be visible on load and not hidden below the fold).~~
 

_sass/minimal-mistakes/_variables.scss

@@ -73,7 +73,13 @@ $border-color: $lighter-gray !default;
 $form-background-color: $lighter-gray !default;
 $footer-background-color: $lighter-gray !default;
 
-$primary-color: #6f777d !default;
+$color-primary: #2a4849 !default;
+$color-secondary: #6c757d !default;
+$color-background: #f7f9fa !default;
+$color-surface: #ffffff !default;
+$color-accent: #ffca00 !default;
+
+$primary-color: $color-primary !default;
 $success-color: #3fa63f !default;
 $warning-color: #d67f05 !default;
 $danger-color: #ee5f5b !default;

_sass/minimal-mistakes/skins/_air.scss

@@ -3,10 +3,11 @@
    ========================================================================== */
 
 /* Colors */
-$background-color: #f7f9fa !default;
+$background-color: $color-background !default;
 $text-color: #2a2a2a !default;
-$muted-text-color: #6c757d !default;
-$primary-color: #2a4849 !default;
+$muted-text-color: $color-secondary !default;
+$primary-color: $color-primary !default;
+$accent-color: $color-accent !default;
 $border-color: mix(#fff, $text-color, 85%) !default;
 $footer-background-color: $primary-color !default;
 $link-color: $primary-color !default;