kennethnym/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

use catppuccin theme

Browse Source
This commit is contained in:
Kenneth
2024-05-14 00:01:06 +01:00
parent c2e2beaa47
commit 8be90fe64e
7 changed files with 41 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Link.astro
View File

@@ -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,
]}><slot /></a
>

4
src/layouts/BlogPost.astro
View File

@@ -10,12 +10,12 @@ type Props = CollectionEntry<"blog">["data"];
const { title, description, pubDate, updatedDate, heroImage } = Astro.props;
---
<html lang="en">
<html lang="en" class="latte dark:mocha">
<head>
<BaseHead title={title} description={description} image={heroImage} />
</head>
<body class="bg-amber-50 dark:bg-gray-900 dark:text-white dark:text-opacity-80 max-w-prose m-auto p-8">
<body class="bg-base text-text max-w-prose m-auto p-8">
<Header />
<main class="py-10">
<article>

6
src/pages/index.astro
View File

@@ -12,12 +12,12 @@ const posts = (await getBlogs()).sort(
---
<!doctype html>
<html lang="en">
<html lang="en" class="latte dark:mocha">
<head>
<BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
</head>
<body
class="bg-amber-50 dark:bg-gray-900 text-gray-600 dark:text-white dark:text-opacity-70 max-w-4xl m-auto p-8"
class="bg-base text-text max-w-4xl m-auto p-8"
>
<header>
<p class="font-bold text-2xl">kennethnym</p>
@@ -44,7 +44,7 @@ const posts = (await getBlogs()).sort(
<ul>
{
posts.map((post) => (
<li class="flex flex-row justify-between hover:bg-amber-100 dark:hover:bg-gray-700 -mx-2 px-2 rounded">
<li class="flex flex-row justify-between hover:bg-opacity-10 hover:bg-text -mx-2 px-2 rounded">
<Link href={`/blog/${post.slug}`}>{post.data.title}</Link>
<FormattedDate date={post.data.pubDate} />
</li>