feat: custom theming for code blocks

astro.config.mjs

@@ -1,8 +1,12 @@
 import { defineConfig } from 'astro/config';
 import starlight from "@astrojs/starlight";
+import { ExpressiveCodeTheme } from "@astrojs/starlight/expressive-code"
+import themeJson from "./src/styles/theme.json"
 
 import { navigation } from "./src/components/navigation.ts";
 
+const sakuraDreams = ExpressiveCodeTheme.fromJSONString(JSON.stringify(themeJson));
+
 export default defineConfig({
   site: "https://docs.nhcarrigan.com",
   integrations: [starlight({
@@ -64,5 +68,9 @@ export default defineConfig({
       "./src/styles/style.css",
       "./src/fonts/font-face.css"
     ],
-  })]
+    expressiveCode: {
+      themes: [sakuraDreams]
+    }
+  }),
+]
 });