From ebcec3f296d1d27943caf8a3aed26efef117cdc5 Mon Sep 17 00:00:00 2001
From: joonhoekim <26rote@gmail.com>
Date: Tue, 9 Sep 2025 06:51:44 +0000
Subject: (김준회) 돌체 관련, 다크모드 지원하도록 개선 - 가능하면 시멘틱 색상
 사용(muted, muted-foreground) - 어려운 컬러는 dark: 변수로 다크모드 클래스
 지정
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/information/information-button.tsx | 30 +++++++++++++--------------
 1 file changed, 15 insertions(+), 15 deletions(-)

(limited to 'components/information/information-button.tsx')

diff --git a/components/information/information-button.tsx b/components/information/information-button.tsx
index 1c6d4e7a..2cff96d0 100644
--- a/components/information/information-button.tsx
+++ b/components/information/information-button.tsx
@@ -231,8 +231,8 @@ export function InformationButton({
           <div className="mt-4">
             {isLoading ? (
               <div className="flex items-center justify-center py-12">
-                <Loader2 className="h-6 w-6 animate-spin text-gray-500" />
-                <span className="ml-2 text-gray-500">정보를 불러오는 중...</span>
+                <Loader2 className="h-6 w-6 animate-spin text-muted-foreground" />
+                <span className="ml-2 text-muted-foreground">정보를 불러오는 중...</span>
               </div>
             ) : (
               <div className="space-y-6">
@@ -241,23 +241,23 @@ export function InformationButton({
                   <div className="flex items-center justify-between">
                     <h4 className="font-semibold">공지사항</h4>
                     {notices.length > 0 && (
-                      <span className="text-xs text-gray-500">{notices.length}개</span>
+                      <span className="text-xs text-muted-foreground">{notices.length}개</span>
                     )}
                   </div>
                   {notices.length > 0 ? (
-                    <div className="max-h-60 overflow-y-auto border rounded-lg bg-gray-50 p-2">
+                    <div className="max-h-60 overflow-y-auto border rounded-lg bg-muted/50 p-2">
                       <div className="space-y-2">
                         {notices.map((notice) => (
                           <div
                             key={notice.id}
-                            className="p-3 bg-white border rounded-lg hover:bg-gray-50 cursor-pointer transition-colors"
+                            className="p-3 bg-white border rounded-lg hover:bg-muted/50 cursor-pointer transition-colors"
                             onClick={() => handleNoticeClick(notice)}
                           >
                             <div className="space-y-1">
                               <h5 className="font-medium text-sm line-clamp-2">
                                 {notice.title}
                               </h5>
-                              <div className="flex items-center gap-3 text-xs text-gray-500">
+                              <div className="flex items-center gap-3 text-xs text-muted-foreground">
                                 <span>{formatDate(notice.createdAt, "KR")}</span>
                                 {notice.authorName && (
                                   <span>{notice.authorName}</span>
@@ -269,8 +269,8 @@ export function InformationButton({
                       </div>
                     </div>
                   ) : (
-                    <div className="bg-gray-50 border rounded-lg p-4">
-                      <div className="text-center text-gray-500">
+                    <div className="bg-muted/50 border rounded-lg p-4">
+                      <div className="text-center text-muted-foreground">
                         공지사항이 없습니다
                       </div>
                     </div>
@@ -293,13 +293,13 @@ export function InformationButton({
                       </Button>
                     )}
                   </div>
-                  <div className="bg-gray-50 border rounded-lg p-4">
+                  <div className="bg-muted/50 border rounded-lg p-4">
                     {information?.informationContent ? (
-                      <div className="text-sm text-gray-600 whitespace-pre-wrap max-h-40 overflow-y-auto">
+                      <div className="text-sm text-muted-foreground whitespace-pre-wrap max-h-40 overflow-y-auto">
                         {information.informationContent}
                       </div>
                     ) : (
-                      <div className="text-center text-gray-500">
+                      <div className="text-center text-muted-foreground">
                         안내사항이 없습니다
                       </div>
                     )}
@@ -311,10 +311,10 @@ export function InformationButton({
                   <div className="flex items-center justify-between">
                     <h4 className="font-semibold">첨부파일</h4>
                     {information?.attachments && information.attachments.length > 0 && (
-                      <span className="text-xs text-gray-500">{information.attachments.length}개</span>
+                      <span className="text-xs text-muted-foreground">{information.attachments.length}개</span>
                     )}
                   </div>
-                  <div className="bg-gray-50 border rounded-lg p-4">
+                  <div className="bg-muted/50 border rounded-lg p-4">
                     {information?.attachments && information.attachments.length > 0 ? (
                       <div className="space-y-3">
                         {information.attachments.map((attachment) => (
@@ -330,7 +330,7 @@ export function InformationButton({
                               
                               </div>
                               {attachment.fileSize && (
-                                <div className="text-xs text-gray-500 mt-1">
+                                <div className="text-xs text-muted-foreground mt-1">
                                   {prettyBytes(Number(attachment.fileSize))}
                                 </div>
                               )}
@@ -362,7 +362,7 @@ export function InformationButton({
                         ))}
                       </div>
                     ) : (
-                      <div className="text-center text-gray-500">
+                      <div className="text-center text-muted-foreground">
                         첨부파일이 없습니다
                       </div>
                     )}
-- 
cgit v1.2.3

