From de76e363f8e31af55245ba031191bbfe74217951 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 2 Mar 2026 00:14:32 +0000
Subject: [PATCH 1/2] Initial plan


From df541d30a91196cb443cee4b6ccd3d846acda0ef Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 2 Mar 2026 00:17:01 +0000
Subject: [PATCH 2/2] Restyle website with offwhite background and navy blue
 accents

Co-authored-by: jwtoney <123672274+jwtoney@users.noreply.github.com>
---
 _sass/_themes.scss    | 14 +++++++-------
 _sass/_variables.scss |  7 ++++++-
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/_sass/_themes.scss b/_sass/_themes.scss
index f2b06bc..d3722b1 100644
--- a/_sass/_themes.scss
+++ b/_sass/_themes.scss
@@ -6,14 +6,14 @@
 
 :root {
   color-scheme: light;
-  --global-bg-color: #{v.$white-color};
+  --global-bg-color: #{v.$offwhite-color};
   --global-code-bg-color: #{v.$code-bg-color-light};
   --global-text-color: #{v.$black-color};
   --global-text-color-light: #{v.$grey-color};
-  --global-theme-color: #{v.$purple-color};
-  --global-hover-color: #{v.$purple-color};
+  --global-theme-color: #{v.$navy-color};
+  --global-hover-color: #{v.$navy-color-light};
   --global-hover-text-color: #{v.$white-color};
-  --global-footer-bg-color: #{v.$grey-color-dark};
+  --global-footer-bg-color: #{v.$navy-color-dark};
   --global-footer-text-color: #{v.$grey-color-light};
   --global-footer-link-color: #{v.$white-color};
   --global-distill-app-color: #{v.$grey-color};
@@ -27,7 +27,7 @@
     0.4
   );
   --global-back-to-top-text-color: #{v.$white-color};
-  --global-newsletter-bg-color: #{v.$white-color};
+  --global-newsletter-bg-color: #{v.$offwhite-color};
   --global-newsletter-text-color: #{v.$black-color};
 
   --global-tip-block: #42b983;
@@ -80,8 +80,8 @@ html[data-theme="dark"] {
   --global-code-bg-color: #{v.$code-bg-color-dark};
   --global-text-color: #{v.$grey-color-light};
   --global-text-color-light: #{v.$grey-color};
-  --global-theme-color: #{v.$cyan-color};
-  --global-hover-color: #{v.$cyan-color};
+  --global-theme-color: #{v.$steel-blue-color};
+  --global-hover-color: #{v.$steel-blue-color};
   --global-hover-text-color: #{v.$white-color};
   --global-footer-bg-color: #{v.$grey-color-light};
   --global-footer-text-color: #{v.$grey-color-dark};
diff --git a/_sass/_variables.scss b/_sass/_variables.scss
index 7ac8b33..b4adf0d 100644
--- a/_sass/_variables.scss
+++ b/_sass/_variables.scss
@@ -31,10 +31,15 @@ $grey-900: #212529;
 
 $white-color: #ffffff !default;
 $black-color: #000000 !default;
+$offwhite-color: #f5f0eb !default;
+$navy-color: #1b2a4a !default;
+$navy-color-light: #2c4a7c !default;
+$navy-color-dark: #0f1b33 !default;
+$steel-blue-color: #6b8db5 !default;
 
 // Theme colors
 
-$code-bg-color-light: rgba($purple-color, 0.05);
+$code-bg-color-light: rgba($navy-color, 0.05);
 $code-bg-color-dark: #2c3237 !default;
 
 // Font awesome location