Fix code blocks color scheme

This commit is contained in:
2026-05-05 12:39:55 +02:00
parent d8a5371108
commit f6a722ed19
4 changed files with 23 additions and 6 deletions
+2 -1
View File
@@ -4,6 +4,7 @@ import remarkToc from "remark-toc";
import mdx from "@astrojs/mdx";
import icon from "astro-icon";
import { fileURLToPath } from "url";
import catppuccinLatteCustom from "./src/lib/catppuccin-latte-custom.ts";
export default defineConfig({
integrations: [icon(), mdx()],
@@ -23,7 +24,7 @@ export default defineConfig({
remarkPlugins: [[remarkToc, { heading: "contents", tight: true }]],
shikiConfig: {
themes: {
light: "catppuccin-latte",
light: catppuccinLatteCustom,
dark: "catppuccin-frappe",
},
},
+7 -3
View File
@@ -10,6 +10,10 @@ tags: ["gameboy", "asm", "school", "gamejam"]
import Aside from "@/components/Aside.astro";
import { Icon } from 'astro-icon/components';
import scrollVideo from "./scroll.mp4";
import cartridgeImg from "./cartridge.jpg";
import gameImg from "./game.jpg";
I recently mentioned on Twitter that I made a gameboy game with some friends during my first year of college. Since there's some cool stuff to showcase, here's a blog about it!
## Context
@@ -151,7 +155,7 @@ uint8_t *scroll_x = 0xFF43;
This means, we can fake a moving spaceship by simply placing a sprite in the middle of the screen and changing the scroll registers.
<video src="scroll.mp4" controls>
<video src={scrollVideo} controls>
</video>
In this video, you can see the game on the right and the complete background rendered on the left. The box you can see moving is the camera's viewport (it moves because we are incrementing the `SCY` register).
@@ -294,8 +298,8 @@ I'm pretty happy of what we managed to achieve in a single week-end with this ga
Also, I said earlier that we thought it would be cool to play our game on real hardware. So we did:
<div class="flex gap-4">
<img src="./cartridge.jpg" class="w-1/2" />
<img src="./game.jpg" class="w-1/2" />
<img src={cartridgeImg.src} class="w-1/2" />
<img src={gameImg.src} class="w-1/2" />
</div>
It's our very own cartridge that reads the game from an EEPROM. The right image shows the game that segfault!
+12
View File
@@ -0,0 +1,12 @@
import catppuccinLatte from "@shikijs/themes/catppuccin-latte";
const catppuccinLatteCustom = {
...catppuccinLatte,
name: "catppuccin-latte-custom",
colors: {
...catppuccinLatte.colors,
"editor.background": "#e6e9ef",
},
};
export default catppuccinLatteCustom;
+2 -2
View File
@@ -12,12 +12,12 @@ export async function GET(context: APIContext) {
title: entry.data.title,
description: entry.data.description || "",
pubDate: entry.data.date,
link: `/${entry.collection}/${entry.id}/`,
link: `${context.site}/${entry.collection}/${entry.id}/`,
}));
return rss({
title: "Zoe's blog",
description: "Zoe Roux's personal blog",
description: "Recent content on my blog",
site: context.site ?? "",
items,
customData: `<language>en</language>`,