update

package.json

@@ -3,7 +3,7 @@
   "type": "module",
   "version": "2024.12.5",
   "scripts": {
-    "start": "astro dev"
+    "start": "astro preview"
   },
   "dependencies": {
     "@astrojs/mdx": "^3.1.9",

src/components/global/Footer.astro

@@ -29,6 +29,7 @@ import { Copyright } from "@iconoir/vue";
         }
         a {
             text-decoration: none;
+            color: inherit;
             &:hover  {
                 text-decoration: underline;
             }

src/components/global/Header.astro

@@ -69,12 +69,12 @@ SunLight
 [data-color-mode="light"] {
     --pandora-text: black;
     --pandora-shadows: rgb(200, 200, 200);
-    --pandora-borders: rgba(255,255,255,0.25);
+    --pandora-borders: rgba(255, 255, 255, 0.25);
 }
 [data-color-mode="dark"] {
     --pandora-text: white;
     --pandora-shadows: rgb(16, 16, 16);
-    --pandora-borders: rgba(5, 4, 4, 0.25);
+    --pandora-borders: rgb(82, 82, 82);
 }
 </style>
 
@@ -231,7 +231,6 @@ mobilebar {
         width: 100%;
         top: 24px;
         max-width: 1200px;
-        backdrop-filter: blur(24px) brightness(0.6);
         display: flex;
         justify-content: space-between;
         align-items: center;
@@ -244,7 +243,6 @@ mobilebar {
           display: block;
         }
         .header-sub-service {
-          color: white;
           font-weight: bold;
           padding: 0px 32px;
           border-right: 1px #3f3c3c solid;
@@ -256,7 +254,6 @@ mobilebar {
           align-items: center;
           margin-right: 24px;
           .header-button {
-            color: white;
             cursor: pointer;
           }
           a {

src/pages/blog/index.astro

@@ -19,7 +19,6 @@ const posts = await ghostClient.posts
 <Default MobileTitle="Recommended Reading" NoSubHeader>
     <Fragment slot="body">
       <Heading Title="Posts"/>
-      <!-- <Posts server:defer><div slot="fallback">Loading posts...</div></Posts> -->
        <div class="posts">
         {
           posts.map((post) => (

src/styles/index.scss

@@ -183,9 +183,6 @@ a {
         color: white !important;
       }
       header {
-        .header-row-bottom {
-            backdrop-filter: blur(24px) brightness(0.7);
-        }
         a {
             color: white !important;
         }