From 5af999ba7b078a898a14a4b3027a4141009cdba6 Mon Sep 17 00:00:00 2001
From: David Miller <hello@davidmiller.io>
Date: Tue, 4 May 2021 21:08:34 -0400
Subject: [PATCH] adjust primary hue and adjust footer links

---
 dist/css/styles.css             | 344 ++++++++++++++++----------------
 dist/index.html                 |   4 +-
 src/pug/index.pug               |   4 +-
 src/scss/variables/_colors.scss |   6 +-
 4 files changed, 178 insertions(+), 180 deletions(-)

diff --git a/dist/css/styles.css b/dist/css/styles.css
index 0c0f80f..c539daa 100644
--- a/dist/css/styles.css
+++ b/dist/css/styles.css
@@ -17,18 +17,18 @@
   --bs-pink: #d63384;
   --bs-red: #dc3545;
   --bs-orange: #fd7e14;
-  --bs-yellow: #fed136;
+  --bs-yellow: #ffc800;
   --bs-green: #198754;
   --bs-teal: #20c997;
   --bs-cyan: #0dcaf0;
   --bs-white: #fff;
   --bs-gray: #6c757d;
   --bs-gray-dark: #343a40;
-  --bs-primary: #fed136;
+  --bs-primary: #ffc800;
   --bs-secondary: #6c757d;
   --bs-success: #198754;
   --bs-info: #0dcaf0;
-  --bs-warning: #fed136;
+  --bs-warning: #ffc800;
   --bs-danger: #dc3545;
   --bs-light: #f8f9fa;
   --bs-dark: #212529;
@@ -208,11 +208,11 @@ sup {
 }
 
 a {
-  color: #fed136;
+  color: #ffc800;
   text-decoration: underline;
 }
 a:hover {
-  color: #cba72b;
+  color: #cca000;
 }
 
 a:not([href]):not([class]), a:not([href]):not([class]):hover {
@@ -1990,15 +1990,15 @@ progress {
 }
 
 .table-primary {
-  --bs-table-bg: #fff6d7;
-  --bs-table-striped-bg: #f2eacc;
+  --bs-table-bg: #fff4cc;
+  --bs-table-striped-bg: #f2e8c2;
   --bs-table-striped-color: #000;
-  --bs-table-active-bg: #e6ddc2;
+  --bs-table-active-bg: #e6dcb8;
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #ece4c7;
+  --bs-table-hover-bg: #ece2bd;
   --bs-table-hover-color: #000;
   color: #000;
-  border-color: #e6ddc2;
+  border-color: #e6dcb8;
 }
 
 .table-secondary {
@@ -2006,9 +2006,9 @@ progress {
   --bs-table-striped-bg: #d7d8da;
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #cbccce;
-  --bs-table-active-color: #000;
+  --bs-table-active-color: #fff;
   --bs-table-hover-bg: #d1d2d4;
-  --bs-table-hover-color: #000;
+  --bs-table-hover-color: #fff;
   color: #000;
   border-color: #cbccce;
 }
@@ -2018,9 +2018,9 @@ progress {
   --bs-table-striped-bg: #c7dbd2;
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #bcd0c7;
-  --bs-table-active-color: #000;
+  --bs-table-active-color: #fff;
   --bs-table-hover-bg: #c1d6cc;
-  --bs-table-hover-color: #000;
+  --bs-table-hover-color: #fff;
   color: #000;
   border-color: #bcd0c7;
 }
@@ -2038,15 +2038,15 @@ progress {
 }
 
 .table-warning {
-  --bs-table-bg: #fff6d7;
-  --bs-table-striped-bg: #f2eacc;
+  --bs-table-bg: #fff4cc;
+  --bs-table-striped-bg: #f2e8c2;
   --bs-table-striped-color: #000;
-  --bs-table-active-bg: #e6ddc2;
+  --bs-table-active-bg: #e6dcb8;
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #ece4c7;
+  --bs-table-hover-bg: #ece2bd;
   --bs-table-hover-color: #000;
   color: #000;
-  border-color: #e6ddc2;
+  border-color: #e6dcb8;
 }
 
 .table-danger {
@@ -2054,9 +2054,9 @@ progress {
   --bs-table-striped-bg: #eccccf;
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #dfc2c4;
-  --bs-table-active-color: #000;
+  --bs-table-active-color: #fff;
   --bs-table-hover-bg: #e5c7ca;
-  --bs-table-hover-color: #000;
+  --bs-table-hover-color: #fff;
   color: #000;
   border-color: #dfc2c4;
 }
@@ -2181,9 +2181,9 @@ progress {
 .form-control:focus {
   color: #212529;
   background-color: #fff;
-  border-color: #ffe89b;
+  border-color: #ffe480;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
 }
 .form-control::-webkit-date-and-time-value {
   height: 1.5em;
@@ -2354,9 +2354,9 @@ textarea.form-control-lg {
           appearance: none;
 }
 .form-select:focus {
-  border-color: #ffe89b;
+  border-color: #ffe480;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
 }
 .form-select[multiple], .form-select[size]:not([size="1"]) {
   padding-right: 0.75rem;
@@ -2421,13 +2421,13 @@ textarea.form-control-lg {
   filter: brightness(90%);
 }
 .form-check-input:focus {
-  border-color: #ffe89b;
+  border-color: #ffe480;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
 }
 .form-check-input:checked {
-  background-color: #fed136;
-  border-color: #fed136;
+  background-color: #ffc800;
+  border-color: #ffc800;
 }
 .form-check-input:checked[type=checkbox] {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
@@ -2436,8 +2436,8 @@ textarea.form-control-lg {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
 }
 .form-check-input[type=checkbox]:indeterminate {
-  background-color: #fed136;
-  border-color: #fed136;
+  background-color: #ffc800;
+  border-color: #ffc800;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
 }
 .form-check-input:disabled {
@@ -2466,7 +2466,7 @@ textarea.form-control-lg {
   }
 }
 .form-switch .form-check-input:focus {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffe89b'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffe480'/%3e%3c/svg%3e");
 }
 .form-switch .form-check-input:checked {
   background-position: right center;
@@ -2502,10 +2502,10 @@ textarea.form-control-lg {
   outline: 0;
 }
 .form-range:focus::-webkit-slider-thumb {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(254, 209, 54, 0.25);
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
 }
 .form-range:focus::-moz-range-thumb {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(254, 209, 54, 0.25);
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
 }
 .form-range::-moz-focus-outer {
   border: 0;
@@ -2514,7 +2514,7 @@ textarea.form-control-lg {
   width: 1rem;
   height: 1rem;
   margin-top: -0.25rem;
-  background-color: #fed136;
+  background-color: #ffc800;
   border: 0;
   border-radius: 1rem;
   -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -2529,7 +2529,7 @@ textarea.form-control-lg {
   }
 }
 .form-range::-webkit-slider-thumb:active {
-  background-color: #fff1c3;
+  background-color: #ffefb3;
 }
 .form-range::-webkit-slider-runnable-track {
   width: 100%;
@@ -2543,7 +2543,7 @@ textarea.form-control-lg {
 .form-range::-moz-range-thumb {
   width: 1rem;
   height: 1rem;
-  background-color: #fed136;
+  background-color: #ffc800;
   border: 0;
   border-radius: 1rem;
   -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -2558,7 +2558,7 @@ textarea.form-control-lg {
   }
 }
 .form-range::-moz-range-thumb:active {
-  background-color: #fff1c3;
+  background-color: #ffefb3;
 }
 .form-range::-moz-range-track {
   width: 100%;
@@ -2925,7 +2925,7 @@ textarea.form-control-lg {
 }
 .btn-check:focus + .btn, .btn:focus {
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
 }
 .btn:disabled, .btn.disabled, fieldset:disabled .btn {
   pointer-events: none;
@@ -2933,33 +2933,33 @@ textarea.form-control-lg {
 }
 
 .btn-primary {
-  color: #000;
-  background-color: #fed136;
-  border-color: #fed136;
+  color: #fff;
+  background-color: #ffc800;
+  border-color: #ffc800;
 }
 .btn-primary:hover {
-  color: #000;
-  background-color: #fed854;
-  border-color: #fed64a;
+  color: #fff;
+  background-color: #d9aa00;
+  border-color: #cca000;
 }
 .btn-check:focus + .btn-primary, .btn-primary:focus {
-  color: #000;
-  background-color: #fed854;
-  border-color: #fed64a;
-  box-shadow: 0 0 0 0.25rem rgba(216, 178, 46, 0.5);
+  color: #fff;
+  background-color: #d9aa00;
+  border-color: #cca000;
+  box-shadow: 0 0 0 0.25rem rgba(255, 208, 38, 0.5);
 }
 .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
-  color: #000;
-  background-color: #feda5e;
-  border-color: #fed64a;
+  color: #fff;
+  background-color: #cca000;
+  border-color: #bf9600;
 }
 .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.25rem rgba(216, 178, 46, 0.5);
+  box-shadow: 0 0 0 0.25rem rgba(255, 208, 38, 0.5);
 }
 .btn-primary:disabled, .btn-primary.disabled {
-  color: #000;
-  background-color: #fed136;
-  border-color: #fed136;
+  color: #fff;
+  background-color: #ffc800;
+  border-color: #ffc800;
 }
 
 .btn-secondary {
@@ -3023,63 +3023,63 @@ textarea.form-control-lg {
 }
 
 .btn-info {
-  color: #000;
+  color: #fff;
   background-color: #0dcaf0;
   border-color: #0dcaf0;
 }
 .btn-info:hover {
-  color: #000;
-  background-color: #31d2f2;
-  border-color: #25cff2;
+  color: #fff;
+  background-color: #0baccc;
+  border-color: #0aa2c0;
 }
 .btn-check:focus + .btn-info, .btn-info:focus {
-  color: #000;
-  background-color: #31d2f2;
-  border-color: #25cff2;
-  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
+  color: #fff;
+  background-color: #0baccc;
+  border-color: #0aa2c0;
+  box-shadow: 0 0 0 0.25rem rgba(49, 210, 242, 0.5);
 }
 .btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
-  color: #000;
-  background-color: #3dd5f3;
-  border-color: #25cff2;
+  color: #fff;
+  background-color: #0aa2c0;
+  border-color: #0a98b4;
 }
 .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
+  box-shadow: 0 0 0 0.25rem rgba(49, 210, 242, 0.5);
 }
 .btn-info:disabled, .btn-info.disabled {
-  color: #000;
+  color: #fff;
   background-color: #0dcaf0;
   border-color: #0dcaf0;
 }
 
 .btn-warning {
-  color: #000;
-  background-color: #fed136;
-  border-color: #fed136;
+  color: #fff;
+  background-color: #ffc800;
+  border-color: #ffc800;
 }
 .btn-warning:hover {
-  color: #000;
-  background-color: #fed854;
-  border-color: #fed64a;
+  color: #fff;
+  background-color: #d9aa00;
+  border-color: #cca000;
 }
 .btn-check:focus + .btn-warning, .btn-warning:focus {
-  color: #000;
-  background-color: #fed854;
-  border-color: #fed64a;
-  box-shadow: 0 0 0 0.25rem rgba(216, 178, 46, 0.5);
+  color: #fff;
+  background-color: #d9aa00;
+  border-color: #cca000;
+  box-shadow: 0 0 0 0.25rem rgba(255, 208, 38, 0.5);
 }
 .btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
-  color: #000;
-  background-color: #feda5e;
-  border-color: #fed64a;
+  color: #fff;
+  background-color: #cca000;
+  border-color: #bf9600;
 }
 .btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.25rem rgba(216, 178, 46, 0.5);
+  box-shadow: 0 0 0 0.25rem rgba(255, 208, 38, 0.5);
 }
 .btn-warning:disabled, .btn-warning.disabled {
-  color: #000;
-  background-color: #fed136;
-  border-color: #fed136;
+  color: #fff;
+  background-color: #ffc800;
+  border-color: #ffc800;
 }
 
 .btn-danger {
@@ -3173,27 +3173,27 @@ textarea.form-control-lg {
 }
 
 .btn-outline-primary {
-  color: #fed136;
-  border-color: #fed136;
+  color: #ffc800;
+  border-color: #ffc800;
 }
 .btn-outline-primary:hover {
-  color: #000;
-  background-color: #fed136;
-  border-color: #fed136;
+  color: #fff;
+  background-color: #ffc800;
+  border-color: #ffc800;
 }
 .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
-  box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.5);
+  box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.5);
 }
 .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
-  color: #000;
-  background-color: #fed136;
-  border-color: #fed136;
+  color: #fff;
+  background-color: #ffc800;
+  border-color: #ffc800;
 }
 .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
-  box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.5);
+  box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.5);
 }
 .btn-outline-primary:disabled, .btn-outline-primary.disabled {
-  color: #fed136;
+  color: #ffc800;
   background-color: transparent;
 }
 
@@ -3252,7 +3252,7 @@ textarea.form-control-lg {
   border-color: #0dcaf0;
 }
 .btn-outline-info:hover {
-  color: #000;
+  color: #fff;
   background-color: #0dcaf0;
   border-color: #0dcaf0;
 }
@@ -3260,7 +3260,7 @@ textarea.form-control-lg {
   box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
 }
 .btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
-  color: #000;
+  color: #fff;
   background-color: #0dcaf0;
   border-color: #0dcaf0;
 }
@@ -3273,27 +3273,27 @@ textarea.form-control-lg {
 }
 
 .btn-outline-warning {
-  color: #fed136;
-  border-color: #fed136;
+  color: #ffc800;
+  border-color: #ffc800;
 }
 .btn-outline-warning:hover {
-  color: #000;
-  background-color: #fed136;
-  border-color: #fed136;
+  color: #fff;
+  background-color: #ffc800;
+  border-color: #ffc800;
 }
 .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
-  box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.5);
+  box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.5);
 }
 .btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
-  color: #000;
-  background-color: #fed136;
-  border-color: #fed136;
+  color: #fff;
+  background-color: #ffc800;
+  border-color: #ffc800;
 }
 .btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
-  box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.5);
+  box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.5);
 }
 .btn-outline-warning:disabled, .btn-outline-warning.disabled {
-  color: #fed136;
+  color: #ffc800;
   background-color: transparent;
 }
 
@@ -3374,11 +3374,11 @@ textarea.form-control-lg {
 
 .btn-link {
   font-weight: 400;
-  color: #fed136;
+  color: #ffc800;
   text-decoration: underline;
 }
 .btn-link:hover {
-  color: #cba72b;
+  color: #cca000;
 }
 .btn-link:disabled, .btn-link.disabled {
   color: #6c757d;
@@ -3677,7 +3677,7 @@ textarea.form-control-lg {
 .dropdown-item.active, .dropdown-item:active {
   color: #fff;
   text-decoration: none;
-  background-color: #fed136;
+  background-color: #ffc800;
 }
 .dropdown-item.disabled, .dropdown-item:disabled {
   color: #adb5bd;
@@ -3718,7 +3718,7 @@ textarea.form-control-lg {
 }
 .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
   color: #fff;
-  background-color: #fed136;
+  background-color: #ffc800;
 }
 .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
   color: #adb5bd;
@@ -3893,7 +3893,7 @@ textarea.form-control-lg {
 .nav-pills .nav-link.active,
 .nav-pills .show > .nav-link {
   color: #fff;
-  background-color: #fed136;
+  background-color: #ffc800;
 }
 
 .nav-fill > .nav-link,
@@ -4420,12 +4420,12 @@ textarea.form-control-lg {
   }
 }
 .accordion-button:not(.collapsed) {
-  color: #e5bc31;
-  background-color: #fffaeb;
+  color: #e6b400;
+  background-color: #fffae6;
   box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
 }
 .accordion-button:not(.collapsed)::after {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e5bc31'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e6b400'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
   transform: rotate(180deg);
 }
 .accordion-button::after {
@@ -4449,9 +4449,9 @@ textarea.form-control-lg {
 }
 .accordion-button:focus {
   z-index: 3;
-  border-color: #ffe89b;
+  border-color: #ffe480;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
 }
 
 .accordion-header {
@@ -4537,7 +4537,7 @@ textarea.form-control-lg {
 .page-link {
   position: relative;
   display: block;
-  color: #fed136;
+  color: #ffc800;
   text-decoration: none;
   background-color: #fff;
   border: 1px solid #dee2e6;
@@ -4550,16 +4550,16 @@ textarea.form-control-lg {
 }
 .page-link:hover {
   z-index: 2;
-  color: #cba72b;
+  color: #cca000;
   background-color: #e9ecef;
   border-color: #dee2e6;
 }
 .page-link:focus {
   z-index: 3;
-  color: #cba72b;
+  color: #cca000;
   background-color: #e9ecef;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
 }
 
 .page-item:not(:first-child) .page-link {
@@ -4568,8 +4568,8 @@ textarea.form-control-lg {
 .page-item.active .page-link {
   z-index: 3;
   color: #fff;
-  background-color: #fed136;
-  border-color: #fed136;
+  background-color: #ffc800;
+  border-color: #ffc800;
 }
 .page-item.disabled .page-link {
   color: #6c757d;
@@ -4666,12 +4666,12 @@ textarea.form-control-lg {
 }
 
 .alert-primary {
-  color: #987d20;
-  background-color: #fff6d7;
-  border-color: #fff1c3;
+  color: #997800;
+  background-color: #fff4cc;
+  border-color: #ffefb3;
 }
 .alert-primary .alert-link {
-  color: #7a641a;
+  color: #7a6000;
 }
 
 .alert-secondary {
@@ -4702,12 +4702,12 @@ textarea.form-control-lg {
 }
 
 .alert-warning {
-  color: #987d20;
-  background-color: #fff6d7;
-  border-color: #fff1c3;
+  color: #997800;
+  background-color: #fff4cc;
+  border-color: #ffefb3;
 }
 .alert-warning .alert-link {
-  color: #7a641a;
+  color: #7a6000;
 }
 
 .alert-danger {
@@ -4720,12 +4720,12 @@ textarea.form-control-lg {
 }
 
 .alert-light {
-  color: #636464;
+  color: #959596;
   background-color: #fefefe;
   border-color: #fdfdfe;
 }
 .alert-light .alert-link {
-  color: #4f5050;
+  color: #777778;
 }
 
 .alert-dark {
@@ -4765,7 +4765,7 @@ textarea.form-control-lg {
   color: #fff;
   text-align: center;
   white-space: nowrap;
-  background-color: #fed136;
+  background-color: #ffc800;
   transition: width 0.6s ease;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -4848,8 +4848,8 @@ textarea.form-control-lg {
 .list-group-item.active {
   z-index: 2;
   color: #fff;
-  background-color: #fed136;
-  border-color: #fed136;
+  background-color: #ffc800;
+  border-color: #ffc800;
 }
 .list-group-item + .list-group-item {
   border-top-width: 0;
@@ -5013,17 +5013,17 @@ textarea.form-control-lg {
 }
 
 .list-group-item-primary {
-  color: #987d20;
-  background-color: #fff6d7;
+  color: #997800;
+  background-color: #fff4cc;
 }
 .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
-  color: #987d20;
-  background-color: #e6ddc2;
+  color: #997800;
+  background-color: #e6dcb8;
 }
 .list-group-item-primary.list-group-item-action.active {
   color: #fff;
-  background-color: #987d20;
-  border-color: #987d20;
+  background-color: #997800;
+  border-color: #997800;
 }
 
 .list-group-item-secondary {
@@ -5069,17 +5069,17 @@ textarea.form-control-lg {
 }
 
 .list-group-item-warning {
-  color: #987d20;
-  background-color: #fff6d7;
+  color: #997800;
+  background-color: #fff4cc;
 }
 .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
-  color: #987d20;
-  background-color: #e6ddc2;
+  color: #997800;
+  background-color: #e6dcb8;
 }
 .list-group-item-warning.list-group-item-action.active {
   color: #fff;
-  background-color: #987d20;
-  border-color: #987d20;
+  background-color: #997800;
+  border-color: #997800;
 }
 
 .list-group-item-danger {
@@ -5097,17 +5097,17 @@ textarea.form-control-lg {
 }
 
 .list-group-item-light {
-  color: #636464;
+  color: #959596;
   background-color: #fefefe;
 }
 .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
-  color: #636464;
+  color: #959596;
   background-color: #e5e5e5;
 }
 .list-group-item-light.list-group-item-action.active {
   color: #fff;
-  background-color: #636464;
-  border-color: #636464;
+  background-color: #959596;
+  border-color: #959596;
 }
 
 .list-group-item-dark {
@@ -5142,7 +5142,7 @@ textarea.form-control-lg {
 }
 .btn-close:focus {
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
   opacity: 1;
 }
 .btn-close:disabled, .btn-close.disabled {
@@ -6101,10 +6101,10 @@ textarea.form-control-lg {
 }
 
 .link-primary {
-  color: #fed136;
+  color: #ffc800;
 }
 .link-primary:hover, .link-primary:focus {
-  color: #feda5e;
+  color: #cca000;
 }
 
 .link-secondary {
@@ -6125,14 +6125,14 @@ textarea.form-control-lg {
   color: #0dcaf0;
 }
 .link-info:hover, .link-info:focus {
-  color: #3dd5f3;
+  color: #0aa2c0;
 }
 
 .link-warning {
-  color: #fed136;
+  color: #ffc800;
 }
 .link-warning:hover, .link-warning:focus {
-  color: #feda5e;
+  color: #cca000;
 }
 
 .link-danger {
@@ -6504,7 +6504,7 @@ textarea.form-control-lg {
 }
 
 .border-primary {
-  border-color: #fed136 !important;
+  border-color: #ffc800 !important;
 }
 
 .border-secondary {
@@ -6520,7 +6520,7 @@ textarea.form-control-lg {
 }
 
 .border-warning {
-  border-color: #fed136 !important;
+  border-color: #ffc800 !important;
 }
 
 .border-danger {
@@ -7333,7 +7333,7 @@ textarea.form-control-lg {
 
 /* rtl:end:remove */
 .text-primary {
-  color: #fed136 !important;
+  color: #ffc800 !important;
 }
 
 .text-secondary {
@@ -7349,7 +7349,7 @@ textarea.form-control-lg {
 }
 
 .text-warning {
-  color: #fed136 !important;
+  color: #ffc800 !important;
 }
 
 .text-danger {
@@ -7389,7 +7389,7 @@ textarea.form-control-lg {
 }
 
 .bg-primary {
-  background-color: #fed136 !important;
+  background-color: #ffc800 !important;
 }
 
 .bg-secondary {
@@ -7405,7 +7405,7 @@ textarea.form-control-lg {
 }
 
 .bg-warning {
-  background-color: #fed136 !important;
+  background-color: #ffc800 !important;
 }
 
 .bg-danger {
@@ -10897,7 +10897,7 @@ p {
   font-weight: 700;
 }
 #mainNav .navbar-brand {
-  color: #fed136;
+  color: #ffc800;
   font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-weight: 700;
   letter-spacing: 0.0625em;
@@ -10913,7 +10913,7 @@ p {
   letter-spacing: 0.0625em;
 }
 #mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
-  color: #fed136;
+  color: #ffc800;
 }
 
 @media (min-width: 992px) {
@@ -11010,7 +11010,7 @@ header.masthead .masthead-heading {
   position: absolute;
   width: 100%;
   height: 100%;
-  background: rgba(254, 209, 54, 0.9);
+  background: rgba(255, 200, 0, 0.9);
   align-items: center;
   justify-content: center;
   opacity: 0;
@@ -11136,7 +11136,7 @@ header.masthead .masthead-heading {
   color: white;
   border: 7px solid #e9ecef;
   border-radius: 100%;
-  background-color: #fed136;
+  background-color: #ffc800;
 }
 .timeline > li .timeline-image h4, .timeline > li .timeline-image .h4 {
   font-size: 10px;
@@ -11294,7 +11294,7 @@ section#contact form#contactForm p.help-block {
   margin: 0;
 }
 section#contact form#contactForm .form-control:focus {
-  border-color: #fed136;
+  border-color: #ffc800;
   box-shadow: none;
 }
 section#contact form#contactForm ::-webkit-input-placeholder {
diff --git a/dist/index.html b/dist/index.html
index ebf0284..69963a1 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -354,8 +354,8 @@
                         <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a>
                     </div>
                     <div class="col-lg-4 text-lg-end">
-                        <a class="me-3" href="#!">Privacy Policy</a>
-                        <a href="#!">Terms of Use</a>
+                        <a class="link-dark text-decoration-none me-3" href="#!">Privacy Policy</a>
+                        <a class="link-dark text-decoration-none" href="#!">Terms of Use</a>
                     </div>
                 </div>
             </div>
diff --git a/src/pug/index.pug b/src/pug/index.pug
index eddf346..543e7f9 100644
--- a/src/pug/index.pug
+++ b/src/pug/index.pug
@@ -311,8 +311,8 @@ html(lang='en')
                         a.btn.btn-dark.btn-social.mx-2(href='#!')
                             i.fab.fa-linkedin-in
                     .col-lg-4.text-lg-end
-                        a.me-3(href='#!') Privacy Policy
-                        a(href='#!') Terms of Use
+                        a.link-dark.text-decoration-none.me-3(href='#!') Privacy Policy
+                        a.link-dark.text-decoration-none(href='#!') Terms of Use
 
         // Portfolio Modals
         // Modal 1
diff --git a/src/scss/variables/_colors.scss b/src/scss/variables/_colors.scss
index 3be5267..e14a66d 100644
--- a/src/scss/variables/_colors.scss
+++ b/src/scss/variables/_colors.scss
@@ -4,7 +4,7 @@
 
 // Override Bootstrap color variables
 
-$yellow: #fed136;
+$yellow: #ffc800;
 
 // Override Bootstrap state colors variables
 
@@ -12,7 +12,5 @@ $primary: $yellow;
 
 // Override Bootstrap contrast ratio
 //
-// The contrast ratio to reach against white, to determine if color changes from "light" to "dark". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.
-// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast
 
-$min-contrast-ratio: 3;
+$min-contrast-ratio: 1.5;