Changed shiki styling

Author: visj

src/build.js

@@ -15,10 +15,7 @@ async function build() {
   // 2. Add Shiki plugin for syntax highlighting
   // This will automatically handle tokenizing code blocks asynchronously
   md.use(Shiki({
-    themes: {
-      light: 'github-light',
-      dark: 'github-dark',
-    }
+    theme: 'light-plus'
   }));
 
   // 3. Prepare directories and load the HTML template

src/style.css

@@ -8,9 +8,10 @@ body {
     background: #fafafa;
 }
 
-/* Ensure code blocks have padding and scroll horizontally */
 pre.shiki {
-    padding: 1rem;
+    background-color: #FFFCF2 !important;
+    border: 1px solid #e1e4e8;
+    padding: 16px;
     border-radius: 6px;
     overflow-x: auto;
 }