ba-cafe

commit 41d715d16a653b8899d567c7c8203c4459f1b01f
parent c4c747ba679c54096aa6a56d478be2b6d0267b25
Author: Sunny <kajimalu10@gmail.com>
Date:   Fri, 22 Aug 2025 13:46:36 +0900

adjust color

Diffstat:
M
src/app/globals.css
 | 
28
+++++++++++++++++++++-------
M
src/app/page.tsx
 | 
8
++++----
M
src/components/TimerDashboard.tsx
 | 
8
++++----

3 files changed, 29 insertions(+), 15 deletions(-)
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -21,12 +21,12 @@
 .dark {
   --background: #000000;
   --foreground: #ffffff;
-  --card: #222222;
+  --card: #151515;
   --card-foreground: #ffffff;
-  --primary: #4336db;
-  --primary-foreground: #dddddd;
-  --secondary: #a80e84;
-  --secondary-foreground: #dddddd;
+  --primary: #dddddd;
+  --primary-foreground: #333333;
+  --secondary: #dddddd;
+  --secondary-foreground: #333333;
   --invite: #dddddd;
   --invite-foreground: #333333;
   --muted: #444444;
@@ -187,8 +187,22 @@ body {
   margin-bottom: 0.5rem;
 }
 
-.countdown-text {
-  font-size: 2.25rem;
+.countdown-text-l {
+  font-size: 3rem;
+  font-weight: 700;
+  font-style: normal;
+  letter-spacing: 0.05em;
+}
+
+.countdown-text-s {
+  font-size: 2rem;
+  font-weight: 700;
+  font-style: normal;
+  letter-spacing: 0.05em;
+}
+
+.-History-text {
+  font-size: 1rem;
   font-weight: 700;
   font-style: normal;
   letter-spacing: 0.05em;
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -189,10 +189,10 @@ export default function Home() {
           />
           
           {/* ★ 履歴表示エリア（確認用）★ */}
-          <div className="p-4 sm:p-8 max-w-md mx-auto">
-              <div className="card text-center !bg-gray-800 border border-gray-700">
-                  <h2 className="text-xl font-bold mb-4 text-white">Tap History</h2>
-                  <ul className="text-left text-gray-300">
+          <div className="p-4 sm:p-8 space-y-6 max-w-md mx-auto timer-dashboard-bg">
+              <div className="timer-card">
+                  <h2 className="timer-card-title">Tap History</h2>
+                  <ul className="history-text">
                       {tapHistory.slice(-5).reverse().map(tap => (
                           <li key={tap.timestamp} className="mb-1">
                               {new Date(tap.timestamp).toLocaleString('ja-JP')}
diff --git a/src/components/TimerDashboard.tsx b/src/components/TimerDashboard.tsx
@@ -65,7 +65,7 @@ export default function TimerDashboard({
         <div className="p-4 sm:p-8 space-y-6 max-w-md mx-auto timer-dashboard-bg">
             <div className="timer-card">
                 <h2 className="timer-card-title">Next Students Change</h2>
-                <div className="countdown-text"><CountdownDisplay milliseconds={studentsChangeRemaining} /></div>
+                <div className="countdown-text-l"><CountdownDisplay milliseconds={studentsChangeRemaining} /></div>
                 <div className="timer-sub-info">
                     <span>▶</span>
                     <span>{now.getHours() < 4 || now.getHours() >= 16 ? "04:00" : "16:00"}</span>
@@ -74,7 +74,7 @@ export default function TimerDashboard({
 
             <div className="timer-card">
                 <h2 className="timer-card-title">Next Cafe Tap</h2>
-                <div className="countdown-text"><CountdownDisplay milliseconds={cafeTapRemaining} /></div>
+                <div className="countdown-text-l"><CountdownDisplay milliseconds={cafeTapRemaining} /></div>
                 <div className="grid grid-cols-2 gap-4 mt-4">
                     <button 
                         onClick={() => onTap(false)} 
@@ -92,8 +92,8 @@ export default function TimerDashboard({
             <div className="timer-card">
                 <h2 className="timer-card-title">Next Invitation</h2>
                 <div className="grid grid-cols-2 gap-4">
-                    <div className="countdown-text"><CountdownDisplay milliseconds={ticket1Remaining} /></div>
-                    <div className="countdown-text"><CountdownDisplay milliseconds={ticket2Remaining} /></div>
+                    <div className="countdown-text-s"><CountdownDisplay milliseconds={ticket1Remaining} /></div>
+                    <div className="countdown-text-s"><CountdownDisplay milliseconds={ticket2Remaining} /></div>
                 </div>
                 <div className="grid grid-cols-2 gap-4 mt-4">
                     <button