diff --git a/ui/src/css/vars.css b/ui/src/css/vars.css
index de218c9..cd4c3e7 100644
--- a/ui/src/css/vars.css
+++ b/ui/src/css/vars.css
@@ -38,7 +38,7 @@
   --scrollbar_hover-thumb-color: var(--color-gray-30);
   /* navbar */
   /* old --navbar-background: var(--color-jet-80); */
-  --navbar-background: var(#5f86b1);
+  --navbar-background: var(--color-jetty-blue);
   --navbar-font-color: var(--color-white);
   --navbar_hover-background: var(--color-black);
   --navbar-button-background: var(--color-white);
@@ -120,7 +120,7 @@
   --toc-line-height: 1.2;
   /* footer */
   --footer-line-height: var(--doc-line-height);
-  --footer-background: var(#5f86b1);
+  --footer-background: var(--color-jetty-blue);
   --footer-font-color: var(--color-gray-15);
   --footer-link-font-color: var(--color-white);
   /* dimensions and positioning */
@@ -152,4 +152,5 @@
   --color-net-id: orange;
   --color-text-light: white;
   --color-card-border: black;
+  --color-jetty-blue: #5f86b1;
 }