Commit 97c6164

@@ -5,7 +5,7 @@ import Button from '@components/widgets/Button.astro';
 import { Icon } from 'astro-icon/components';
 ---
 
-<div id="profile-card" class="card border-base-300 bg-base-200/25 border">
+<div id="profile-card" class="card border-base-300 bg-base-200 border">
   <figure class="px-4 pt-4">
     <a href="/about/">
       <ImageWrapper class="rounded-xl" src={profileConfig.avatar} alt={profileConfig.name} />

@@ -111,7 +111,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <div id="recent-comments-card" class="card border-base-300 bg-base-200/25 border">
+  <div id="recent-comments-card" class="card border-base-300 bg-base-200 border">
     <div class="card-body px-4 py-2">
       <div class="card-title flex justify-between">
         <span>{{ t.info.recentComments() }}</span>

@@ -4,7 +4,7 @@ import Stats from './siteinfo/Stats.astro';
 import Tags from './siteinfo/Tags.astro';
 ---
 
-<div class="card border-base-300 bg-base-200/25 border">
+<div class="card border-base-300 bg-base-200 border">
   <div class="card-body px-4 py-2">
     <ul>
       {

@@ -38,7 +38,7 @@ function buildTocTree(headings: MarkdownHeading[]) {
 const tocTree = buildTocTree(headings);
 ---
 
-<div id="toc" class:list={['card border-base-300 bg-base-200/25 border', className]}>
+<div id="toc" class:list={['card border-base-300 bg-base-200 border', className]}>
   <div class="card-body max-h-96 overflow-y-auto p-2">
     <ul>
       {

@@ -12,7 +12,7 @@ const { categories, currentCategory } = Astro.props;
 
 <div
   id="category-bar"
-  class="card border-base-300 bg-base-200/25 swup-transition-slide mb-4 w-full border"
+  class="card border-base-300 bg-base-200 swup-transition-slide mb-4 w-full border"
 >
   <nav
     class="card-body flex flex-row items-center gap-2 overflow-auto px-2 py-3"

@@ -62,7 +62,7 @@ const metas: (
 
 <div
   class:list={[
-    'card border-base-300 bg-base-200/25 flex w-full flex-col-reverse overflow-hidden border md:flex-row md:justify-between',
+    'card border-base-300 bg-base-200 flex w-full flex-col-reverse overflow-hidden border md:flex-row md:justify-between',
     className,
   ]}
 >

@@ -29,7 +29,7 @@ const currentYear = new Date().getFullYear();
   }
 </footer>
 <footer
-  class="footer border-base-300 bg-base-200/25 text-base-content flex flex-col justify-between border-t px-10 py-4 text-lg md:flex-row"
+  class="footer border-base-300 bg-base-200 text-base-content flex flex-col justify-between border-t px-10 py-4 text-lg md:flex-row"
   id="footer"
 >
   <aside class="items-center">

@@ -26,7 +26,7 @@ const { title, description, lang, headings, comment, banner } = Astro.props;
 >
   <slot slot="head" name="head" />
   <slot slot="header-content" name="header-content" />
-  <div class="card border-base-300 bg-base-200/25 swup-transition-fade border px-6 py-4">
+  <div class="card border-base-300 bg-base-200 swup-transition-fade border px-6 py-4">
     <slot />
     {comment && commentConfig.enable && <Comment />}
   </div>

@@ -29,7 +29,7 @@ if (uncategorizedPosts.length > 0)
 
 <MainLayout title={t.navigation.archive.categories()}>
   <div
-    class="card bg-base-200/25 border-base-300 swup-transition-fade mx-auto flex flex-col items-center border px-6 py-4"
+    class="card bg-base-200 border-base-300 swup-transition-fade mx-auto flex flex-col items-center border px-6 py-4"
   >
     <div class="tooltip md:tooltip-right tooltip-bottom mx-auto w-fit">
       <h1 class="text-center text-3xl font-bold">{t.navigation.archive.categories()}</h1>

@@ -25,7 +25,7 @@ if (untaggedPosts.length > 0) tagPosts.set(t.meta.unTagged(), untaggedPosts);
 
 <MainLayout title={t.navigation.archive.tags()}>
   <div
-    class="card bg-base-200/25 border-base-300 swup-transition-fade mx-auto flex flex-col items-center border px-6 py-4"
+    class="card bg-base-200 border-base-300 swup-transition-fade mx-auto flex flex-col items-center border px-6 py-4"
   >
     <div class="tooltip md:tooltip-right tooltip-bottom mx-auto w-fit">
       <h1 class="text-center text-3xl font-bold">{t.navigation.archive.tags()}</h1><div

@@ -63,7 +63,7 @@ const postCount = await getPostsCount();
 ---
 
 <MainLayout>
-  <div class="card border-base-300 bg-base-200/25 swup-transition-fade border px-6 py-4">
+  <div class="card border-base-300 bg-base-200 swup-transition-fade border px-6 py-4">
     <div class="tooltip md:tooltip-right tooltip-bottom mx-auto w-fit">
       <h1 class="text-center text-3xl font-bold">{t.navigation.archive.title()}</h1>
       <div class="tooltip-content">

@@ -23,7 +23,7 @@
   --color-accent: #f3d5f8;
   --color-accent-content: #6c4ad1;
   --color-base-100: #f2e8e0;
-  --color-base-200: #e8dbcd;
+  --color-base-200: #efe5db;
   --color-base-300: #d3bcab;
   --color-base-content: #111;
 
@@ -43,7 +43,7 @@
   --color-accent: #6c4ad1;
   --color-accent-content: #ffebff;
   --color-base-100: #0e1221;
-  --color-base-200: #172849;
+  --color-base-200: #10172a;
   --color-base-300: #2a3c5a;
   --color-base-content: #eee;