diff --git a/astro.config.mjs b/astro.config.mjs
index 52b44b7..5e3d91d 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -1,11 +1,18 @@
-import { defineConfig } from 'astro/config';
-import mdx from '@astrojs/mdx';
-import sitemap from '@astrojs/sitemap';
+import { defineConfig } from "astro/config";
+import mdx from "@astrojs/mdx";
+import sitemap from "@astrojs/sitemap";
import tailwind from "@astrojs/tailwind";
// https://astro.build/config
export default defineConfig({
- site: 'https://kennethnym.com',
- integrations: [mdx(), sitemap(), tailwind()]
-});
\ No newline at end of file
+ site: "https://kennethnym.com",
+ integrations: [mdx(), sitemap(), tailwind()],
+ markdown: {
+ shikiConfig: {
+ // Choose from Shiki's built-in themes (or add your own)
+ // https://shiki.style/themes
+ theme: "catppuccin-mocha",
+ },
+ },
+});
diff --git a/package.json b/package.json
index ae994f0..c1a95b9 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
"typescript": "^5.4.2"
},
"devDependencies": {
+ "@catppuccin/tailwindcss": "^0.1.6",
"@flydotio/dockerfile": "latest",
"@tailwindcss/typography": "^0.5.10",
"prettier": "^3.2.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4c0bc93..119509c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -31,6 +31,9 @@ dependencies:
version: 5.4.2
devDependencies:
+ '@catppuccin/tailwindcss':
+ specifier: ^0.1.6
+ version: 0.1.6(tailwindcss@3.4.1)
'@flydotio/dockerfile':
specifier: latest
version: 0.5.2
@@ -445,6 +448,14 @@ packages:
to-fast-properties: 2.0.0
dev: false
+ /@catppuccin/tailwindcss@0.1.6(tailwindcss@3.4.1):
+ resolution: {integrity: sha512-V+Y0AwZ5SSyvOVAcDl7Ng30xy+m82OKnEJ+9+kcZZ7lRyXuZrAb2GScdq9XR3v+ggt8qiZ/G4TvaC9cJ88AAXA==}
+ peerDependencies:
+ tailwindcss: '>=3.0.0'
+ dependencies:
+ tailwindcss: 3.4.1
+ dev: true
+
/@emmetio/abbreviation@2.3.3:
resolution: {integrity: sha512-mgv58UrU3rh4YgbE/TzgLQwJ3pFsHHhCLqY20aJq+9comytTXUDNGG/SMtSeMJdkpxgXSXunBGLD8Boka3JyVA==}
dependencies:
diff --git a/src/components/Link.astro b/src/components/Link.astro
index 3c7a2f2..b4b18f6 100644
--- a/src/components/Link.astro
+++ b/src/components/Link.astro
@@ -6,8 +6,9 @@ const { href, class: className, ...props } = Astro.props;
href={href}
class:list={[
"underline",
- "dark:visited:text-purple-300",
- "visited:text-purple-500",
+ "text-blue",
+ "hover:text-lavender",
+ "visited:text-mauve",
className,
]}>
diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro
index d8d082d..6eef9be 100644
--- a/src/layouts/BlogPost.astro
+++ b/src/layouts/BlogPost.astro
@@ -10,12 +10,12 @@ type Props = CollectionEntry<"blog">["data"];
const { title, description, pubDate, updatedDate, heroImage } = Astro.props;
---
-
+
-
+
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 0ee52c7..6c9770d 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -12,12 +12,12 @@ const posts = (await getBlogs()).sort(
---
-
+
kennethnym
@@ -44,7 +44,7 @@ const posts = (await getBlogs()).sort(
{
posts.map((post) => (
- -
+
-
{post.data.title}
diff --git a/tailwind.config.mjs b/tailwind.config.mjs
index 52819df..5c5f433 100644
--- a/tailwind.config.mjs
+++ b/tailwind.config.mjs
@@ -1,10 +1,11 @@
-import typography from "@tailwindcss/typography"
+import typography from "@tailwindcss/typography";
+import catppuccin from "@catppuccin/tailwindcss";
/** @type {import('tailwindcss').Config} */
export default {
- content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
- theme: {
- extend: {},
- },
- plugins: [typography],
-}
+ content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
+ theme: {
+ extend: {},
+ },
+ plugins: [typography, catppuccin],
+};