feat: 文字色を調整

Yoshino-Yukitaro · Sep 18, 2024 · 5d40037 · 5d40037
1 parent 898e13b
commit 5d40037
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/src/components/organisms/PostCards.astro b/src/components/organisms/PostCards.astro
@@ -14,7 +14,7 @@ const posts = await getCollection('post');
 ---
 
 <article class="w-full py-5">
-  <h1 class="text-center text-4xl font-bold py-5 dark:text-white">記事一覧</h1>
+  <h1 class="text-center text-4xl font-bold py-5 text-black dark:text-white text-opacity-70 dark:text-opacity-100">記事一覧</h1>
   <div class="md:rounded-3x dark:bg-neutral-700 p-5">
     {
       posts.sort((postA, postB) => { return new Date(postA.data.createdAt) < new Date(postB.data.createdAt) ? 1 : -1 }).map((post) => (

diff --git a/src/layouts/PostLayout.astro b/src/layouts/PostLayout.astro
@@ -18,10 +18,10 @@ const ogImageUrl = ogEnv === 'production' ? `https://yukky-sandbox.dev/og/${slug
   <article
     class="mt-5 pt-5 lg:w-1/2 bg-amber-50 dark:bg-gray-500 w-full"
   >
-    <h1 class="md:text-5xl text-3xl px-6 py-5 font-bold dark:text-white">
+    <h1 class="md:text-5xl text-3xl px-6 py-5 font-bold text-black dark:text-white text-opacity-70 dark:text-opacity-100">
       {title}
     </h1>
-    <p class="px-6 pb-10 dark:text-white">
+    <p class="px-6 pb-10 text-black dark:text-white text-opacity-70 dark:text-opacity-100">
       {
         `${dateTypeCreatedAt.getFullYear()}年${
           dateTypeCreatedAt.getMonth() + 1

diff --git a/src/pages/introduction.astro b/src/pages/introduction.astro
@@ -11,18 +11,18 @@ import qiita from "../images/qiita.png";
 
 <Layout title="自己紹介" description="管理人の自己紹介ページです！">
   <article class="flex flex-col justify-center text-center p-2">
-    <h1 class="text-5xl p-10 dark:text-white">自己紹介</h1>
+    <h1 class="text-5xl p-10 text-black dark:text-white text-opacity-70 dark:text-opacity-100">自己紹介</h1>
     <span class="flex justify-center"
       ><Picture src={glaceon} formats={['avif', 'webp']} alt="ゆっきーのアイコン" width="150" height="150" class="align-center" fetchpriority="high" decoding="async" loading="eager" />
     </span>
-    <h3 class="text-4xl p-5 dark:text-white">ゆっきー</h3>
+    <h3 class="text-4xl p-5 text-black dark:text-white text-opacity-70 dark:text-opacity-100">ゆっきー</h3>
     <div>
       <p class="p-4 dark:text-white">ポケモンと旅行、美味しい料理が好きなエンジニアです。</p>
     </div>
     <hr class="border-orange-500" />
     <div class="p-2 my-2">
-      <h2 class="text-3xl p-3 dark:text-white">Contact</h2>
-      <ul class="flex md:flex-row flex-col justify-center md:space-x-16 p-3 dark:text-white">
+      <h2 class="text-3xl p-3 text-black dark:text-white text-opacity-70 dark:text-opacity-100">Contact</h2>
+      <ul class="flex md:flex-row flex-col justify-center md:space-x-16 p-3 text-black dark:text-white text-opacity-70 dark:text-opacity-100">
         <li>
           <h3>Twitter</h3>
           <a href="https://twitter.com/Yu_yukk_Y">