Commit 93c1715

@@ -16,7 +16,7 @@ const { categories, currentCategory } = Astro.props;
     <a
       href={`/`}
       class:list={[
-        'btn btn-ghost h-8 min-h-8 rounded-md px-3 py-0',
+        'btn btn-ghost btn-primary h-8 min-h-8 rounded-md px-3 py-0',
         currentCategory ? '' : 'btn-active',
       ]}
     >
@@ -27,7 +27,7 @@ const { categories, currentCategory } = Astro.props;
         <a
           href={getCategoryUrl(category)}
           class:list={[
-            'btn btn-ghost h-8 min-h-8 rounded-md px-3 py-0',
+            'btn btn-ghost btn-primary h-8 min-h-8 rounded-md px-3 py-0',
             currentCategory === category ? 'btn-active' : '',
           ]}
         >

@@ -46,7 +46,7 @@ else {
 <div id="pagination" class="flex w-full">
   {
     current > 1 && (
-      <Button id="prev-page-btn" class="mr-auto rounded-xl" href={getPageUrl(current - 1)}>
+      <Button id="prev-page-btn" class="btn-secondary mr-auto" href={getPageUrl(current - 1)}>
         <Icon name="material-symbols:keyboard-double-arrow-left-rounded" class="my-1" />
       </Button>
     )
@@ -58,7 +58,7 @@ else {
           return (
             <Button
               class:list={[
-                'join-item',
+                'join-item btn-secondary',
                 current === p.page && 'btn-active',
                 p.page === -1 && 'btn-disabled',
               ]}
@@ -94,7 +94,7 @@ else {
   </div>
   {
     current < total && (
-      <Button id="next-page-btn" class="ml-auto rounded-xl" href={getPageUrl(current + 1)}>
+      <Button id="next-page-btn" class="btn-secondary ml-auto" href={getPageUrl(current + 1)}>
         <Icon name="material-symbols:keyboard-double-arrow-right-rounded" class="my-1" />
       </Button>
     )

@@ -22,7 +22,7 @@ if (!title) title = 'Astral Halo';
       class="navbar bg-base-200/50 fixed z-20 flex h-16 w-full items-center backdrop-blur-md"
     >
       <div class="navbar-start">
-        <Button id="site-name" href="/" class="group btn-ghost">
+        <Button id="site-name" href="/" class="group btn-ghost btn-primary">
           <span class="text-xl font-bold duration-300 group-hover:opacity-0">{title}</span>
           <Icon
             name="material-symbols:home-rounded"
@@ -36,7 +36,7 @@ if (!title) title = 'Astral Halo';
             <Button
               {...('href' in item && item.href && { href: item.href })}
               title={i18n(item.text)}
-              class="btn-ghost join-item"
+              class="btn-ghost join-item btn-primary"
             >
               <span class="text-xl tracking-wide">{i18n(item.text)}</span>
             </Button>
@@ -48,7 +48,7 @@ if (!title) title = 'Astral Halo';
           {
             navbarConfig.navbarRightItems.onlyWide.map((item) => (
               <Button
-                class="nav-menu-item btn-circle btn-ghost"
+                class="nav-menu-item btn-circle btn-ghost btn-primary"
                 {...('href' in item && item.href && { href: item.href })}
                 title={i18n(item.text)}
                 {...('onclick' in item &&
@@ -66,7 +66,7 @@ if (!title) title = 'Astral Halo';
           {
             navbarConfig.navbarRightItems.always.map((item) => (
               <Button
-                class="nav-menu-item btn-circle btn-ghost"
+                class="nav-menu-item btn-circle btn-ghost btn-primary"
                 {...('href' in item && item.href && { href: item.href })}
                 title={i18n(item.text)}
                 {...('onclick' in item &&