feat: 色を変えてみた

Yoshino-Yukitaro · Mar 15, 2024 · 8aa54fc · 8aa54fc
1 parent f7d34bb
commit 8aa54fc
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/src/components/atoms/CopyLight.astro b/src/components/atoms/CopyLight.astro
@@ -2,6 +2,6 @@
 const thisYear: number = new Date().getFullYear();
 ---
 
-<small class="text-yellow-700">
+<small class="text-gray-200">
   &copy; {thisYear} yukky all right reserved.
 </small>
diff --git a/src/components/molecules/PostCard.astro b/src/components/molecules/PostCard.astro
@@ -9,7 +9,7 @@ const { title, description, createdAt, url } = Astro.props;
 const dateTypeCreatedAt = new Date(createdAt);
 ---
 
-<section class="my-5 py-2 w-full bg-amber-50 dark:bg-gray-500 shadow-xl px-8 md:h-60 rounded-lg">
+<section class="my-5 py-2 w-full bg-white dark:bg-gray-500 shadow-xl px-8 md:h-60 rounded-lg">
   <a href={url} class="w-full hover:opacity-50" data-astro-prefetch>
     <div class="flex flex-row justify-between pb-2 md:pb-5">
       <div class="flex flex-col">

diff --git a/src/components/organisms/Footer.astro b/src/components/organisms/Footer.astro
@@ -3,7 +3,7 @@ import CopyLight from "../atoms/CopyLight.astro";
 ---
 
 <footer
-  class="bg-orange-500 h-16 flex flex-row items-center justify-center dark:bg-slate-700"
+  class="bg-yellow-900 h-16 flex flex-row items-center justify-center dark:bg-slate-700"
 >
   <CopyLight />
 </footer>
diff --git a/src/components/organisms/Header.astro b/src/components/organisms/Header.astro
@@ -6,7 +6,7 @@ import MenuButton from "./MenuButton.astro";
 ---
 
 <header
-  class="bg-orange-500 h-20 flex flex-row items-center dark:bg-slate-700 w-screen"
+  class="bg-yellow-900 h-20 flex flex-row items-center dark:bg-slate-700 w-screen"
 >
   <Logo />
   <HeaderNavigation />

diff --git a/src/components/organisms/PostCards.astro b/src/components/organisms/PostCards.astro
@@ -16,7 +16,7 @@ const posts = await getPosts({
 
 <article class="w-full py-5">
   <h1 class="text-center text-4xl font-bold py-5 dark:text-white">記事一覧</h1>
-  <div class="md:rounded-3xl bg-white dark:bg-neutral-700 p-5">
+  <div class="md:rounded-3x dark:bg-neutral-700 p-5">
     {
       posts.contents.map((post) => (
         <PostCard