Update app.py

app.py

@@ -391,18 +391,34 @@ custom_theme = gr.themes.Base(
     border_color_accent_dark="#4338CA"
 )
 
-# CSS 스타일 통합
-css = '''
+css='''
 /* 기본 스타일 */
 h1 {
     font-size: 3em;
     text-align: center;
     margin-bottom: 0.5em;
+    color: white !important;
 }
 
 h3 {
     margin-top: 0;
     font-size: 1.2em;
+    color: white !important;
+}
+
+/* Markdown 텍스트 스타일 */
+.markdown {
+    color: white !important;
+}
+
+.markdown h1, 
+.markdown h2, 
+.markdown h3, 
+.markdown h4, 
+.markdown h5, 
+.markdown h6,
+.markdown p {
+    color: white !important;
 }
 
 /* 컴포넌트 스타일 */
@@ -421,11 +437,32 @@ h3 {
     box-shadow: 0 2px 4px rgba(0,0,0,0.1);
 }
 
+/* 모든 입력 필드 텍스트 색상 */
+input, textarea, .gradio-textbox input, .gradio-textbox textarea, .gradio-number input {
+    color: white !important;
+}
+
+/* 라벨 텍스트 스타일 */
+label, .label-text {
+    color: white !important;
+}
+
+/* 라디오 버튼 텍스트 */
+.gradio-radio label span {
+    color: white !important;
+}
+
+/* 체크박스 텍스트 */
+.gradio-checkbox label span {
+    color: white !important;
+}
+
 /* 버튼 스타일 */
 .button {
     height: 40px;
     border-radius: 8px;
     transition: all 0.3s ease;
+    color: white !important;
 }
 
 .button:hover {
@@ -440,6 +477,7 @@ h3 {
     padding: 20px;
     text-align: center;
     margin-bottom: 20px;
+    color: white !important;
 }
 
 /* 캡션 영역 */
@@ -448,6 +486,7 @@ h3 {
     padding: 15px;
     border-radius: 12px;
     margin-top: 20px;
+    color: white !important;
 }
 
 .caption-row {
@@ -463,6 +502,7 @@ h3 {
     padding: 15px;
     border-radius: 12px;
     margin-top: 20px;
+    color: white !important;
 }
 
 /* 진행 상태 표시 */
@@ -472,6 +512,22 @@ h3 {
     border-radius: 12px;
     margin-top: 20px;
     text-align: center;
+    color: white !important;
+}
+
+/* 플레이스홀더 텍스트 */
+::placeholder {
+    color: rgba(255, 255, 255, 0.5) !important;
+}
+
+/* 코드 에디터 텍스트 */
+.gradio-code {
+    color: white !important;
+}
+
+/* 아코디언 텍스트 */
+.gradio-accordion .label-wrap {
+    color: white !important;
 }
 
 /* 반응형 디자인 */
@@ -499,14 +555,34 @@ h3 {
 ::-webkit-scrollbar-thumb:hover {
     background: var(--primary-600);
 }
+
+/* 모든 텍스트 입력 요소 */
+.gradio-container input[type="text"],
+.gradio-container textarea,
+.gradio-container .input-text,
+.gradio-container .input-textarea {
+    color: white !important;
+}
+
+/* 드롭다운 텍스트 */
+select, option {
+    color: white !important;
+}
+
+/* 버튼 텍스트 */
+button {
+    color: white !important;
+}
 '''
 
 # Gradio 앱 수정
 with gr.Blocks(theme=custom_theme, css=css) as demo:
+
     gr.Markdown(
-        """# 🆔 Gini LoRA 학습
-        ### 1)LoRA 이름 영어로 '입력' 2)트리거 단어 영어로 '입력'  3)기본 모델 '클릭' 4)이미지(최소 2장~최대 150장 미만) '업로드' 5)비전 인식 LLM 라벨링 '클릭' 6)START 클릭"""
-    )
+    """# 🆔 Gini LoRA 학습
+    ### 1)LoRA 이름 영어로 '입력' 2)트리거 단어 영어로 '입력'  3)기본 모델 '클릭' 4)이미지(최소 2장~최대 150장 미만) '업로드' 5)비전 인식 LLM 라벨링 '클릭' 6)START 클릭""",
+    elem_classes=["markdown"]
+    )    
     
     with gr.Tab("Train"):
         with gr.Column(elem_classes="container"):