daisy: use --color-primary for primary color

Author: aster-void

src/components/Footer/FooterSection.astro

@@ -16,7 +16,7 @@ const { title, links } = Astro.props;
         <li class="align-middle">
           <a
             href={link.to}
-            class="link motion-reduce:hover:underline"
+            class="link link-uncolor motion-reduce:hover:underline"
             target={link.to.startsWith("/") ? "" : "_blank"}
             rel={link.to.startsWith("/") ? "" : "noreferrer"}
           >

src/components/Header.astro

@@ -28,7 +28,7 @@ const { focus } = Astro.props;
         id="banner"
         class:list={[
           "flex items-center justify-center gap-4 px-1 py-2",
-          banner.kind === "error" ? "bg-red-300/70" : "bg-green-300",
+          banner.kind === "error" ? "bg-red-300" : "bg-green-300",
         ]}
       >
         <span class="hidden md:inline">{banner.long}</span>

src/global.css

@@ -2,7 +2,12 @@
 @plugin "@tailwindcss/typography";
 @plugin "daisyui";
 
-/* do we need this? */
-:root {
-  --color-primary-main: #00d372;
+@plugin "daisyui/theme" {
+  /* biome-ignore lint/correctness/noUnknownProperty: daisyui */
+  name: "light";
+  --color-primary: #00d372;
+}
+
+.link:not(.link-uncolor) {
+  color: var(--color-blue-500);
 }

src/pages/index.astro

@@ -189,16 +189,11 @@ articles.splice(3);
             <li class="flex gap-4 border-b border-gray-400 px-6 py-3">
               <div class="w-24">{title}</div>
               {link ? (
-                <a
-                  href={link}
-                  target="_blank"
-                  rel="noreferrer"
-                  class="flex-1 text-blue-500 underline"
-                >
+                <a href={link} target="_blank" rel="noreferrer" class="link">
                   {content}
                 </a>
               ) : (
-                <div class="flex-1">{content}</div>
+                <div>{content}</div>
               )}
             </li>
           ))

src/pages/join.astro

@@ -24,7 +24,7 @@ import { Icon } from "astro-icon/components";
     >
       <Icon name="feather:info" />
       <span>新歓イベントを行っています</span>
-      <a class="link" href="/welcome-events">
+      <a class="link link-uncolor" href="/welcome-events">
         詳細<Icon class="mx-1 inline" name="feather:arrow-right" />
       </a>
     </p>

src/pages/welcome-events.astro

@@ -82,7 +82,7 @@ import { Focus } from "+/schema";
           <li>場所: 確定し次第お知らせします。(学生会館予定)</li>
           <li>
             詳細: <a
-              class="link link-primary"
+              class="link link-uncolor"
               href="/articles/2025/03-24_joint-welcome-session"
             >
               合同新歓を開催します | 記事</a
@@ -91,7 +91,7 @@ import { Focus } from "+/schema";
           <li>
             参加フォーム:
             <Link
-              class="link link-primary"
+              class="link"
               href="https://forms.gle/sAU7A9uMVerQPpUb6"
               _blank
             />
@@ -114,7 +114,7 @@ import { Focus } from "+/schema";
           <li>
             参加フォーム:
             <Link
-              class="link link-primary"
+              class="link"
               href="https://forms.gle/Bo5gHDgz12XtA4NW8"
               _blank
             />