diff --git a/static/css/colors.css b/static/css/colors.css
index eb2af62..10306f1 100644
--- a/static/css/colors.css
+++ b/static/css/colors.css
@@ -35,7 +35,7 @@
 /*light theme*/
 @media (prefers-color-scheme: light) {
 :root {
-    --bg-color: #e2e3e5;
+    --bg-color: #fff;
     --normal-text: #000;
     --focus-outline-color: #f00;
     --link-unclicked: #2535B4;
@@ -46,11 +46,11 @@
      * promising
      * #b4d2ec*/
 
-    --header-bg: #ccc;
+    --header-bg: hsl(0,0%,85%);
     /*#841163
      * #115e84*/
     --nav-link-color: #118411;
-    --nav-link-bg-color: #bbb;
+    --nav-link-bg-color: hsl(0,0%,75%);
     --content-border-color: #026;
     --blockquote-bg: #fff;
     --highlight-bg: #000;
diff --git a/templates/default.html b/templates/default.html
index a331af2..76c8041 100644
--- a/templates/default.html
+++ b/templates/default.html
@@ -15,8 +15,8 @@
         rel="stylesheet">
     <meta name="theme-color" content="#1c1b19" media="(prefers-color-scheme: dark)">
     <meta name="theme-color" content="#e2e3e5" media="(prefers-color-scheme: light)">
-    <link rel="stylesheet" type="text/css" href="/static/css/layout.css" />
-    <link rel="stylesheet" type="text/css" href="/static/css/colors.css" />
+    <link rel="stylesheet" type="text/css" href="/static/css/layout.css">
+    <link rel="stylesheet" type="text/css" href="/static/css/colors.css">
     <link rel="alternate" type="application/rss+xml" title="Web Feed/RSS" href="/index.xml">
     <script type="module" src="/static/js/code_highlighting.mjs"></script>
 </head>