Fix code style

astro.config.mjs

@@ -6,6 +6,12 @@ import d2 from "astro-d2";
 // https://astro.build/config
 export default defineConfig({
   site: "https://jaster.xyz",
+  markdown: {
+    shikiConfig: {
+      theme: "dracula",
+      wrap: false,
+    },
+  },
   integrations: [
     icon({
       include: {

src/components/Header.astro

@@ -73,7 +73,7 @@ import profileImage from "@assets/profile.jpeg";
   }
 
   .profile-image-wrapper:hover {
-    border-color: var(--violet300);
+    border-color: var(--link-color);
     cursor: pointer;
   }
 

src/styles/global.scss

@@ -139,11 +139,10 @@
 }
 
 :root {
-  --base-color: #1d1f21;
   --text-color: white;
   --text-color-light: #657b83;
-  --violet300: #9ca0ed;
-  --violet100: #cccfff;
+  --link-color: #9ca0ed;
+  --link-hover-color: #cccfff;
   --font-size-m: 18px;
 }
 
@@ -170,10 +169,17 @@ ul {
 
 a {
   text-decoration: none;
-  color: var(--violet300);
+  color: var(--link-color);
   font-weight: bold;
 }
 
 a:hover {
-  color: var(--violet100);
+  color: var(--link-hover-color);
+}
+
+/* Fix responsiveness issues */
+.astro-code code {
+  display: block;
+  width: 0;
+  font-size: 16px;
 }