From 4d77e650e9f45ba075765fb62be433f619129a52 Mon Sep 17 00:00:00 2001
From: Gaku-Kunimi <dummy@uminek.ooo>
Date: Thu, 21 Nov 2024 21:18:22 +0900
Subject: [PATCH] =?UTF-8?q?color=20schema=20=E3=82=92=20=E5=A4=89=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Page1.tsx | 6 +++---
 src/components/Page2.tsx | 2 +-
 tailwind.config.ts       | 5 ++---
 3 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/Page1.tsx b/src/components/Page1.tsx
index b915355..1385dc9 100644
--- a/src/components/Page1.tsx
+++ b/src/components/Page1.tsx
@@ -46,7 +46,7 @@ function Body({ view }: Props) {
 
   return (
     <div className="my-20">
-      <div className="text-left w-[450px] bg-Orange-2024 pr-3 py-8">
+      <div className="text-left w-[450px] bg-COLOR-UPCOMING-SESSION-LABEL pr-3 py-8">
         <div className="text-right text-white font-bold font-din-2014 tracking-wide text-1.5xl">
           UPCOMING SESSION
         </div>
@@ -97,7 +97,7 @@ function Side({ view }: Props) {
   return (
     <div className="p-14">
       {hasKeynote && (
-        <div className="text-right w-[750px] bg-Teal-2024 px-3 pt-1 pb-2 my-3 font-ryo-gothic-plusn">
+        <div className="text-right w-[750px] bg-COLOR-TIMETABLE-Box px-3 pt-1 pb-2 my-3 font-ryo-gothic-plusn">
           <div className="flex flex-row">
             <div className="text-left basis-1/2 text-white text-xxs font-din-2014 font-light">
               <span>
@@ -122,7 +122,7 @@ function Side({ view }: Props) {
       {talks.map((talk) => (
         <div
           key={talk.id}
-          className="text-right w-[750px] bg-Teal-2024 px-3 pt-2 my-3 font-ryo-gothic-plusn"
+          className="text-right w-[750px] bg-COLOR-TIMETABLE-Box px-3 pt-2 my-3 font-ryo-gothic-plusn"
         >
           <div className="flex flex-row">
             <div className="text-left basis-1/2 text-white text-xxs font-din-2014 font-light">
diff --git a/src/components/Page2.tsx b/src/components/Page2.tsx
index 93cde6f..075f57f 100644
--- a/src/components/Page2.tsx
+++ b/src/components/Page2.tsx
@@ -37,7 +37,7 @@ function Body({ view }: Props) {
   }
   return (
     <div className=" mt-10 font-ryo-gothic-plusn">
-      <div className="text-left w-[450px] bg-Orange-2024 pr-3 py-8">
+      <div className="text-left w-[450px] bg-COLOR-UPCOMING-SESSION-LABEL pr-3 py-8">
         <div className="text-right text-white font-bold font-din-2014 tracking-wide text-1.5xl">
           UPCOMING SESSION
         </div>
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 9c580e8..3deddf4 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -14,9 +14,8 @@ const config: Config = {
         'ryo-gothic-plusn': ['ryo-gothic-plusn', 'sans-serif'],
       },
       colors: {
-        'Orange-2024': '#006FB8',
-        'Blue-2024': '#00A6E1',
-        'Teal-2024': '#5F5F9D',
+        'COLOR-UPCOMING-SESSION-LABEL': '#ae291b',
+        'COLOR-TIMETABLE-Box': '#008f9e',
       },
     },
     fontSize: {