diff --git a/components/article/flags.php b/components/article/flags.php
index 5f29fda..5f134fa 100644
--- a/components/article/flags.php
+++ b/components/article/flags.php
@@ -2,7 +2,7 @@
 if ($flags) {
   foreach( $flags as $flag ) {
     $term_meta = get_option( "taxonomy_term_$flag->term_id" );
-    echo "<div class='toast bg-" . $term_meta['niveau'] . "'>";
+    echo "<div class='toast bg-soft-" . $term_meta['niveau'] . "'>";
     echo $flag->description;
     echo "</div>";
   }
diff --git a/components/globalflag.php b/components/globalflag.php
index aedf851..4a2ea08 100644
--- a/components/globalflag.php
+++ b/components/globalflag.php
@@ -9,7 +9,7 @@ if ($flags) {
   foreach( $flags as $flag ) {
     if ($flag->slug == "global") {
       $term_meta = get_option( "taxonomy_term_$flag->term_id" );
-      echo "<div class='toast toast-" . $term_meta['niveau'] . "'>";
+      echo "<div class='toast bg-soft-" . $term_meta['niveau'] . "'>";
       echo $flag->description;
       echo "</div>";
     }
diff --git a/home.php b/home.php
index c54c2fb..5526409 100644
--- a/home.php
+++ b/home.php
@@ -23,7 +23,7 @@
   </section>
     <?php if ( !is_paged() ) {
       ?>
-        <div class="toast mb-1 bg-info home-toast"><strong class="m-0"><i class="fa fa-fw fa-info"></i> Note :</strong>  Si vous êtes intéressé pour découvrir plus
+        <div class="toast mb-1 bg-soft-info home-toast"><strong class="m-0"><i class="fa fa-fw fa-info"></i> Note :</strong>  Si vous êtes intéressé pour découvrir plus
         de contenus trouvé sur internet, vous pouvez aussi regarder mon <a href="http://shaarli.kazhnuz.space/">Shaarli</a>, qui sert plus à
         partager des petites découverte rigolote ou intéressantes.</div>
       <?php
diff --git a/style.css b/style.css
index 1fa367d..85a8368 100644
--- a/style.css
+++ b/style.css
@@ -381,7 +381,7 @@ body {
 **/
 /* 2.2 - Global Typography */
 html, body {
-  font-family: Open Sans, sans-serif;
+  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Cantarell, Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
   text-align: left;
   font-size: 4.75mm;
   line-height: 1.6rem;
@@ -400,18 +400,18 @@ mark {
   border-radius: 0.1rem; }
 
 a {
-  color: #761d0f;
-  outline-color: #e33d22;
+  color: #7e1313;
+  outline-color: #e03131;
   padding: 0.05rem;
   border-radius: 0.1rem;
   text-decoration: underline dashed; }
   a:visited {
-    color: #761d0f; }
+    color: #7e1313; }
   a:hover, a:hover.fg-dark, .fg-light a:hover, a:active, a:active.fg-dark, .fg-light a:active {
     background-color: rgba(33, 37, 41, 0.1);
     text-decoration: none; }
   .fg-light a:hover, a:hover.fg-light, .fg-light a:active, a:active.fg-light {
-    background-color: rgba(254, 254, 254, 0.2);
+    background-color: rgba(255, 255, 255, 0.2);
     text-decoration: none; }
 
 a:focus-visible, input:focus-visible {
@@ -420,7 +420,7 @@ a:focus-visible, input:focus-visible {
   outline-offset: 1px; }
 
 mark {
-  background-color: #feebb0;
+  background-color: white;
   color: inherit; }
 
 p, ul, ol {
@@ -450,12 +450,12 @@ ul, ol {
       padding: 0; }
 
 ::selection, ::-moz-selection {
-  background-color: #339af0;
-  color: #fefefe; }
+  background-color: #1971c2;
+  color: #ffffff; }
 
 /* 2.3 - Titles */
 h1, h2, h3, h4, h5, h6, h7 {
-  font-family: Open Sans, sans-serif;
+  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Cantarell, Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
   text-align: left;
   font-size: 1em;
   padding: 0;
@@ -466,10 +466,10 @@ h1, h2, h3, h4, h5, h6, h7 {
     border: none; }
 
 sup > a, sub > a {
-  color: #e33d22;
+  color: #e03131;
   background-color: transparent; }
   sup > a:hover, sup > a:focus, sup > a:active, sub > a:hover, sub > a:focus, sub > a:active {
-    color: #ba2e18; }
+    color: #c11d1d; }
 
 .main-title {
   font-family: Teko, sans-serif;
@@ -482,7 +482,7 @@ h1, .title-1 {
   font-size: 2.441rem;
   line-height: 3.2rem;
   font-weight: 800;
-  color: #e33d22; }
+  color: #e03131; }
 
 h2, .title-2 {
   font-size: 2.441rem;
@@ -532,7 +532,7 @@ blockquote, .quote, .well, pre, .pre, .well-pre {
 
 code {
   background: transparent;
-  color: #e33d22; }
+  color: #e03131; }
 
 .small-text {
   font-size: 0.9em; }
@@ -545,7 +545,7 @@ code {
   display: block; }
 
 #wrapper {
-  background-color: #fefefe; }
+  background-color: #ffffff; }
 
 .container-big {
   padding-left: 1.6rem;
@@ -1111,13 +1111,13 @@ strong.btn-fake {
 .btn-readmore, .btn-link {
   background-color: transparent;
   outline-color: transparent;
-  color: #e33d22; }
+  color: #e03131; }
   .btn-readmore:visited, .btn-link:visited {
     background-color: transparent;
-    color: #e33d22; }
+    color: #e03131; }
   .btn-readmore:hover, .btn-readmore:active, .btn-readmore:visited:hover, .btn-readmore:visited:active, .btn-readmore:not(.disabled):not(:disabled):hover, .btn-readmore:not(.disabled):not(:disabled):active, .btn-link:hover, .btn-link:active, .btn-link:visited:hover, .btn-link:visited:active, .btn-link:not(.disabled):not(:disabled):hover, .btn-link:not(.disabled):not(:disabled):active {
     background-color: #dbe0e5;
-    color: #e65139;
+    color: #e34747;
     outline-color: #dbe0e5;
     box-shadow: none; }
   .btn-readmore:not(:hover), .btn-link:not(:hover) {
@@ -1193,10 +1193,10 @@ ul.breadcrumb, ol.breadcrumb, .breadcrumb {
     .breadcrumb li.breadcrumb-item a.active, .breadcrumb li.breadcrumb-item > span.active {
       background-color: #343a40;
       outline-color: #343a40;
-      color: #fefefe; }
+      color: #ffffff; }
       .breadcrumb li.breadcrumb-item a.active:visited, .breadcrumb li.breadcrumb-item > span.active:visited {
         background-color: #343a40;
-        color: #fefefe; }
+        color: #ffffff; }
       .breadcrumb li.breadcrumb-item a.active:hover, .breadcrumb li.breadcrumb-item a.active:active, .breadcrumb li.breadcrumb-item a.active:visited:hover, .breadcrumb li.breadcrumb-item a.active:visited:active, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):hover, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):active, .breadcrumb li.breadcrumb-item > span.active:hover, .breadcrumb li.breadcrumb-item > span.active:active, .breadcrumb li.breadcrumb-item > span.active:visited:hover, .breadcrumb li.breadcrumb-item > span.active:visited:active, .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled):hover, .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled):active {
         background-color: #343a40;
         color: white;
@@ -1250,8 +1250,8 @@ nav.pagination {
         outline-color: #d2d4d6;
         box-shadow: none; }
     nav.pagination .page-numbers.current, nav.pagination .next.current, nav.pagination .prev.current {
-      background-color: #e33d22;
-      color: #fefefe; }
+      background-color: #e03131;
+      color: #ffffff; }
 
 /*
  * 2. Cards and containers
@@ -1308,11 +1308,11 @@ nav.pagination {
       border-bottom-left-radius: 8px;
       border-bottom-right-radius: 8px; }
     .card-header h1, .card-header h2, .card-header h3, .card-header h4, .card-header h5, .card-header h6, .card-header h7, .card-header h8, .card-header h9, .card-header h10 {
-      font-family: Open Sans, sans-serif;
+      font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Cantarell, Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
       font-size: 1em;
       padding: 0px;
       margin: 0px;
-      color: #fefefe;
+      color: #ffffff;
       font-weight: 300;
       line-height: 1.6em; }
     .card-header .fa {
@@ -1342,10 +1342,10 @@ ul.card-list, .card > ul {
     padding-right: 0.4em; }
 
 .list-danger li.list-element::before {
-  color: #e33d22; }
+  color: #e03131; }
 
 .list-success li.list-element::before {
-  color: #51cf66; }
+  color: #2f9e44; }
 
 .smallcard-header {
   font-size: 1.1em;
@@ -1373,11 +1373,11 @@ ul.card-list, .card > ul {
     border-bottom-left-radius: 8px;
     border-bottom-right-radius: 8px; }
   .smallcard-header h1, .smallcard-header h2, .smallcard-header h3, .smallcard-header h4, .smallcard-header h5, .smallcard-header h6, .smallcard-header h7, .smallcard-header h8, .smallcard-header h9, .smallcard-header h10 {
-    font-family: Open Sans, sans-serif;
+    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Cantarell, Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     font-size: 1em;
     padding: 0px;
     margin: 0px;
-    color: #fefefe;
+    color: #ffffff;
     font-weight: 300;
     line-height: 1.6em; }
 
@@ -1415,12 +1415,12 @@ ul.card-list, .card > ul {
     .menu a:visited .badge {
       margin: 0; }
   .menu.fg-light a, .fg-light .menu a {
-    color: #fefefe;
-    outline-color: #fefefe; }
+    color: #ffffff;
+    outline-color: #ffffff; }
     .menu.fg-light a:hover, .menu.fg-light a:active, .menu.fg-light a.submenu:focus, .fg-light .menu a:hover, .fg-light .menu a:active, .fg-light .menu a.submenu:focus {
-      background-color: rgba(254, 254, 254, 0.3); }
+      background-color: rgba(255, 255, 255, 0.3); }
   .menu.fg-light input, .fg-light .menu input {
-    outline-color: #fefefe; }
+    outline-color: #ffffff; }
   .menu.fg-dark a, .fg-dark .menu a {
     color: #212529;
     outline-color: #212529; }
@@ -1557,7 +1557,7 @@ th {
 input,
 textarea {
   width: 100%;
-  background-color: #fefefe;
+  background-color: #ffffff;
   border-radius: 4px;
   border: 0px solid rgba(0, 0, 0, 0);
   padding: 0.4em;
@@ -1614,104 +1614,104 @@ textarea {
  * Colorize some aspect of a class
 **/
 .bg-primary {
-  background-color: #e33d22;
-  color: #fefefe; }
+  background-color: #e03131;
+  color: #ffffff; }
   .bg-primary a {
     color: currentColor;
     outline-color: currentColor; }
   .bg-primary:hover {
-    background-color: #e33d22;
-    color: #fefefe; }
+    background-color: #e03131;
+    color: #ffffff; }
     .bg-primary:hover a {
       color: currentColor;
       outline-color: currentColor; }
 
 .bg-secondary {
   background-color: #343a40;
-  color: #fefefe; }
+  color: #ffffff; }
   .bg-secondary a {
     color: currentColor;
     outline-color: currentColor; }
   .bg-secondary:hover {
     background-color: #343a40;
-    color: #fefefe; }
+    color: #ffffff; }
     .bg-secondary:hover a {
       color: currentColor;
       outline-color: currentColor; }
 
 .bg-warning {
-  background-color: #ff922b;
-  color: #fefefe; }
+  background-color: #e8590c;
+  color: #ffffff; }
   .bg-warning a {
     color: currentColor;
     outline-color: currentColor; }
   .bg-warning:hover {
-    background-color: #ff922b;
-    color: #fefefe; }
+    background-color: #e8590c;
+    color: #ffffff; }
     .bg-warning:hover a {
       color: currentColor;
       outline-color: currentColor; }
 
 .bg-danger {
-  background-color: #e33d22;
-  color: #fefefe; }
+  background-color: #e03131;
+  color: #ffffff; }
   .bg-danger a {
     color: currentColor;
     outline-color: currentColor; }
   .bg-danger:hover {
-    background-color: #e33d22;
-    color: #fefefe; }
+    background-color: #e03131;
+    color: #ffffff; }
     .bg-danger:hover a {
       color: currentColor;
       outline-color: currentColor; }
 
 .bg-info {
-  background-color: #339af0;
-  color: #fefefe; }
+  background-color: #1971c2;
+  color: #ffffff; }
   .bg-info a {
     color: currentColor;
     outline-color: currentColor; }
   .bg-info:hover {
-    background-color: #339af0;
-    color: #fefefe; }
+    background-color: #1971c2;
+    color: #ffffff; }
     .bg-info:hover a {
       color: currentColor;
       outline-color: currentColor; }
 
 .bg-success {
-  background-color: #51cf66;
-  color: #fefefe; }
+  background-color: #2f9e44;
+  color: #ffffff; }
   .bg-success a {
     color: currentColor;
     outline-color: currentColor; }
   .bg-success:hover {
-    background-color: #51cf66;
-    color: #fefefe; }
+    background-color: #2f9e44;
+    color: #ffffff; }
     .bg-success:hover a {
       color: currentColor;
       outline-color: currentColor; }
 
 .bg-muted {
   background-color: #adb5bd;
-  color: #fefefe; }
+  color: #ffffff; }
   .bg-muted a {
     color: currentColor;
     outline-color: currentColor; }
   .bg-muted:hover {
     background-color: #adb5bd;
-    color: #fefefe; }
+    color: #ffffff; }
     .bg-muted:hover a {
       color: currentColor;
       outline-color: currentColor; }
 
 .bg-light {
-  background-color: #fefefe;
+  background-color: #ffffff;
   color: #212529; }
   .bg-light a {
     color: currentColor;
     outline-color: currentColor; }
   .bg-light:hover {
-    background-color: #fefefe;
+    background-color: #ffffff;
     color: #212529; }
     .bg-light:hover a {
       color: currentColor;
@@ -1719,136 +1719,253 @@ textarea {
 
 .bg-dark {
   background-color: #343a40;
-  color: #fefefe; }
+  color: #ffffff; }
   .bg-dark a {
     color: currentColor;
     outline-color: currentColor; }
   .bg-dark:hover {
     background-color: #343a40;
-    color: #fefefe; }
+    color: #ffffff; }
     .bg-dark:hover a {
       color: currentColor;
       outline-color: currentColor; }
 
+.bg-soft-primary {
+  background-color: #ffc9c9;
+  color: #212529; }
+  .bg-soft-primary a {
+    color: currentColor;
+    outline-color: currentColor; }
+  .bg-soft-primary:hover {
+    background-color: #ffc9c9;
+    color: #212529; }
+    .bg-soft-primary:hover a {
+      color: currentColor;
+      outline-color: currentColor; }
+
+.bg-soft-secondary {
+  background-color: #adb5bd;
+  color: #ffffff; }
+  .bg-soft-secondary a {
+    color: currentColor;
+    outline-color: currentColor; }
+  .bg-soft-secondary:hover {
+    background-color: #adb5bd;
+    color: #ffffff; }
+    .bg-soft-secondary:hover a {
+      color: currentColor;
+      outline-color: currentColor; }
+
+.bg-soft-warning {
+  background-color: #ffd8a8;
+  color: #212529; }
+  .bg-soft-warning a {
+    color: currentColor;
+    outline-color: currentColor; }
+  .bg-soft-warning:hover {
+    background-color: #ffd8a8;
+    color: #212529; }
+    .bg-soft-warning:hover a {
+      color: currentColor;
+      outline-color: currentColor; }
+
+.bg-soft-danger {
+  background-color: #ffc9c9;
+  color: #212529; }
+  .bg-soft-danger a {
+    color: currentColor;
+    outline-color: currentColor; }
+  .bg-soft-danger:hover {
+    background-color: #ffc9c9;
+    color: #212529; }
+    .bg-soft-danger:hover a {
+      color: currentColor;
+      outline-color: currentColor; }
+
+.bg-soft-info {
+  background-color: #a5d8ff;
+  color: #212529; }
+  .bg-soft-info a {
+    color: currentColor;
+    outline-color: currentColor; }
+  .bg-soft-info:hover {
+    background-color: #a5d8ff;
+    color: #212529; }
+    .bg-soft-info:hover a {
+      color: currentColor;
+      outline-color: currentColor; }
+
+.bg-soft-success {
+  background-color: #b2f2bb;
+  color: #212529; }
+  .bg-soft-success a {
+    color: currentColor;
+    outline-color: currentColor; }
+  .bg-soft-success:hover {
+    background-color: #b2f2bb;
+    color: #212529; }
+    .bg-soft-success:hover a {
+      color: currentColor;
+      outline-color: currentColor; }
+
+.bg-soft-muted {
+  background-color: #f1f3f5;
+  color: #212529; }
+  .bg-soft-muted a {
+    color: currentColor;
+    outline-color: currentColor; }
+  .bg-soft-muted:hover {
+    background-color: #f1f3f5;
+    color: #212529; }
+    .bg-soft-muted:hover a {
+      color: currentColor;
+      outline-color: currentColor; }
+
+.bg-soft-light {
+  background-color: #ffffff;
+  color: #212529; }
+  .bg-soft-light a {
+    color: currentColor;
+    outline-color: currentColor; }
+  .bg-soft-light:hover {
+    background-color: #ffffff;
+    color: #212529; }
+    .bg-soft-light:hover a {
+      color: currentColor;
+      outline-color: currentColor; }
+
+.bg-soft-dark {
+  background-color: #adb5bd;
+  color: #ffffff; }
+  .bg-soft-dark a {
+    color: currentColor;
+    outline-color: currentColor; }
+  .bg-soft-dark:hover {
+    background-color: #adb5bd;
+    color: #ffffff; }
+    .bg-soft-dark:hover a {
+      color: currentColor;
+      outline-color: currentColor; }
+
 .text-primary {
-  color: #e33d22; }
+  color: #e03131; }
 
 .text-secondary {
   color: #343a40; }
 
 .text-warning {
-  color: #ff922b; }
+  color: #e8590c; }
 
 .text-danger {
-  color: #e33d22; }
+  color: #e03131; }
 
 .text-info {
-  color: #339af0; }
+  color: #1971c2; }
 
 .text-success {
-  color: #51cf66; }
+  color: #2f9e44; }
 
 .text-muted {
   color: #adb5bd; }
 
 .text-light {
-  color: #fefefe; }
+  color: #ffffff; }
 
 .text-dark {
   color: #343a40; }
 
 .btn-primary {
-  background-color: #e33d22;
-  outline-color: #e33d22;
-  color: #fefefe;
+  background-color: #e03131;
+  outline-color: #e03131;
+  color: #ffffff;
   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
   .btn-primary:visited {
-    background-color: #e33d22;
-    color: #fefefe; }
+    background-color: #e03131;
+    color: #ffffff; }
   .btn-primary:hover, .btn-primary:active, .btn-primary:visited:hover, .btn-primary:visited:active, .btn-primary:not(.disabled):not(:disabled):hover, .btn-primary:not(.disabled):not(:disabled):active {
-    background-color: #e75a43;
+    background-color: #e55050;
     color: white;
-    outline-color: #e75a43;
+    outline-color: #e55050;
     box-shadow: none; }
 
 .btn-secondary {
   background-color: #343a40;
   outline-color: #343a40;
-  color: #fefefe;
+  color: #ffffff;
   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
   .btn-secondary:visited {
     background-color: #343a40;
-    color: #fefefe; }
+    color: #ffffff; }
   .btn-secondary:hover, .btn-secondary:active, .btn-secondary:visited:hover, .btn-secondary:visited:active, .btn-secondary:not(.disabled):not(:disabled):hover, .btn-secondary:not(.disabled):not(:disabled):active {
-    background-color: #52575d;
+    background-color: #52585d;
     color: white;
-    outline-color: #52575d;
+    outline-color: #52585d;
     box-shadow: none; }
 
 .btn-warning {
-  background-color: #ff922b;
-  outline-color: #ff922b;
-  color: #fefefe;
+  background-color: #e8590c;
+  outline-color: #e8590c;
+  color: #ffffff;
   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
   .btn-warning:visited {
-    background-color: #ff922b;
-    color: #fefefe; }
+    background-color: #e8590c;
+    color: #ffffff; }
   .btn-warning:hover, .btn-warning:active, .btn-warning:visited:hover, .btn-warning:visited:active, .btn-warning:not(.disabled):not(:disabled):hover, .btn-warning:not(.disabled):not(:disabled):active {
-    background-color: #ffa24b;
+    background-color: #eb7230;
     color: white;
-    outline-color: #ffa24b;
+    outline-color: #eb7230;
     box-shadow: none; }
 
 .btn-danger {
-  background-color: #e33d22;
-  outline-color: #e33d22;
-  color: #fefefe;
+  background-color: #e03131;
+  outline-color: #e03131;
+  color: #ffffff;
   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
   .btn-danger:visited {
-    background-color: #e33d22;
-    color: #fefefe; }
+    background-color: #e03131;
+    color: #ffffff; }
   .btn-danger:hover, .btn-danger:active, .btn-danger:visited:hover, .btn-danger:visited:active, .btn-danger:not(.disabled):not(:disabled):hover, .btn-danger:not(.disabled):not(:disabled):active {
-    background-color: #e75a43;
+    background-color: #e55050;
     color: white;
-    outline-color: #e75a43;
+    outline-color: #e55050;
     box-shadow: none; }
 
 .btn-info {
-  background-color: #339af0;
-  outline-color: #339af0;
-  color: #fefefe;
+  background-color: #1971c2;
+  outline-color: #1971c2;
+  color: #ffffff;
   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
   .btn-info:visited {
-    background-color: #339af0;
-    color: #fefefe; }
+    background-color: #1971c2;
+    color: #ffffff; }
   .btn-info:hover, .btn-info:active, .btn-info:visited:hover, .btn-info:visited:active, .btn-info:not(.disabled):not(:disabled):hover, .btn-info:not(.disabled):not(:disabled):active {
-    background-color: #51a9f2;
+    background-color: #3c86cb;
     color: white;
-    outline-color: #51a9f2;
+    outline-color: #3c86cb;
     box-shadow: none; }
 
 .btn-success {
-  background-color: #51cf66;
-  outline-color: #51cf66;
-  color: #fefefe;
+  background-color: #2f9e44;
+  outline-color: #2f9e44;
+  color: #ffffff;
   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
   .btn-success:visited {
-    background-color: #51cf66;
-    color: #fefefe; }
+    background-color: #2f9e44;
+    color: #ffffff; }
   .btn-success:hover, .btn-success:active, .btn-success:visited:hover, .btn-success:visited:active, .btn-success:not(.disabled):not(:disabled):hover, .btn-success:not(.disabled):not(:disabled):active {
-    background-color: #6bd67d;
+    background-color: #4ead60;
     color: white;
-    outline-color: #6bd67d;
+    outline-color: #4ead60;
     box-shadow: none; }
 
 .btn-muted {
   background-color: #adb5bd;
   outline-color: #adb5bd;
-  color: #fefefe;
+  color: #ffffff;
   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
   .btn-muted:visited {
     background-color: #adb5bd;
-    color: #fefefe; }
+    color: #ffffff; }
   .btn-muted:hover, .btn-muted:active, .btn-muted:visited:hover, .btn-muted:visited:active, .btn-muted:not(.disabled):not(:disabled):hover, .btn-muted:not(.disabled):not(:disabled):active {
     background-color: #b9c0c7;
     color: white;
@@ -1856,98 +1973,98 @@ textarea {
     box-shadow: none; }
 
 .btn-light {
-  background-color: #fefefe;
-  outline-color: #fefefe;
+  background-color: #ffffff;
+  outline-color: #ffffff;
   color: #212529;
   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
   .btn-light:visited {
-    background-color: #fefefe;
+    background-color: #ffffff;
     color: #212529; }
   .btn-light:hover, .btn-light:active, .btn-light:visited:hover, .btn-light:visited:active, .btn-light:not(.disabled):not(:disabled):hover, .btn-light:not(.disabled):not(:disabled):active {
-    background-color: #ddddde;
+    background-color: #dededf;
     color: #2c3237;
-    outline-color: #ddddde;
+    outline-color: #dededf;
     box-shadow: none; }
 
 .btn-dark {
   background-color: #343a40;
   outline-color: #343a40;
-  color: #fefefe;
+  color: #ffffff;
   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
   .btn-dark:visited {
     background-color: #343a40;
-    color: #fefefe; }
+    color: #ffffff; }
   .btn-dark:hover, .btn-dark:active, .btn-dark:visited:hover, .btn-dark:visited:active, .btn-dark:not(.disabled):not(:disabled):hover, .btn-dark:not(.disabled):not(:disabled):active {
-    background-color: #52575d;
+    background-color: #52585d;
     color: white;
-    outline-color: #52575d;
+    outline-color: #52585d;
     box-shadow: none; }
 
 .head-primary .card-header, .head-primary .menu-header, .head-primary.header-bg th {
-  background-color: #e33d22;
-  color: #fefefe; }
+  background-color: #e03131;
+  color: #ffffff; }
 
 .head-primary th {
-  color: #e33d22; }
+  color: #e03131; }
 
 .head-secondary .card-header, .head-secondary .menu-header, .head-secondary.header-bg th {
   background-color: #343a40;
-  color: #fefefe; }
+  color: #ffffff; }
 
 .head-secondary th {
   color: #343a40; }
 
 .head-warning .card-header, .head-warning .menu-header, .head-warning.header-bg th {
-  background-color: #ff922b;
-  color: #fefefe; }
+  background-color: #e8590c;
+  color: #ffffff; }
 
 .head-warning th {
-  color: #ff922b; }
+  color: #e8590c; }
 
 .head-danger .card-header, .head-danger .menu-header, .head-danger.header-bg th {
-  background-color: #e33d22;
-  color: #fefefe; }
+  background-color: #e03131;
+  color: #ffffff; }
 
 .head-danger th {
-  color: #e33d22; }
+  color: #e03131; }
 
 .head-info .card-header, .head-info .menu-header, .head-info.header-bg th {
-  background-color: #339af0;
-  color: #fefefe; }
+  background-color: #1971c2;
+  color: #ffffff; }
 
 .head-info th {
-  color: #339af0; }
+  color: #1971c2; }
 
 .head-success .card-header, .head-success .menu-header, .head-success.header-bg th {
-  background-color: #51cf66;
-  color: #fefefe; }
+  background-color: #2f9e44;
+  color: #ffffff; }
 
 .head-success th {
-  color: #51cf66; }
+  color: #2f9e44; }
 
 .head-muted .card-header, .head-muted .menu-header, .head-muted.header-bg th {
   background-color: #adb5bd;
-  color: #fefefe; }
+  color: #ffffff; }
 
 .head-muted th {
   color: #adb5bd; }
 
 .head-light .card-header, .head-light .menu-header, .head-light.header-bg th {
-  background-color: #fefefe;
+  background-color: #ffffff;
   color: #212529; }
 
 .head-light th {
-  color: #fefefe; }
+  color: #ffffff; }
 
 .head-dark .card-header, .head-dark .menu-header, .head-dark.header-bg th {
   background-color: #343a40;
-  color: #fefefe; }
+  color: #ffffff; }
 
 .head-dark th {
   color: #343a40; }
 
 .fg-light {
-  color: #fefefe; }
+  color: #ffffff; }
 
 .fg-dark {
   color: #212529; }
@@ -2241,7 +2358,7 @@ textarea {
 
 /* ------------------ HEADERS ------------------- */
 #page-header {
-  background: #e33d22 url("img/background.png");
+  background: #e03131 url("img/background.png");
   margin-bottom: 1.5rem;
   font-size: 0.8rem; }
   #page-header .fa {
@@ -2274,9 +2391,9 @@ header h1 {
   border-left: 0;
   border-right: 0;
   padding: 0.75rem;
-  color: #fefefe; }
+  color: #ffffff; }
   .navbar a {
-    color: #fefefe; }
+    color: #ffffff; }
   .navbar li {
     margin: 0; }
 
@@ -2388,19 +2505,19 @@ ul.tag-list {
 
 /* ------------------ PAGE ------------------- */
 #wrapper {
-  background-color: #fefefe; }
+  background-color: #ffffff; }
 
 /* ------------------ FOOTER ------------------- */
 body {
   background-color: #343a40; }
 
 footer {
-  color: #fefefe;
+  color: #ffffff;
   padding-bottom: 1.5rem; }
   footer .columns {
     font-size: 0.8rem; }
     footer .columns a {
-      color: #fefefe; }
+      color: #ffffff; }
 
 .home-toast {
   max-width: 800px;
@@ -2473,7 +2590,7 @@ footer {
     color: #212529; }
 
 .preview-featured h2 {
-  color: #fefefe; }
+  color: #ffffff; }
 
 .preview-excerpt {
   margin-top: 0.8rem;
@@ -2564,7 +2681,7 @@ footer {
   bottom: 24px;
   right: 24px;
   background-color: rgba(0, 0, 0, 0.2);
-  color: #fefefe;
+  color: #ffffff;
   padding: 0.75em;
   border: none;
   font-size: 1.2rem;