chore : update color

app.py

@@ -107,15 +107,18 @@ input[type="checkbox"]:checked {
     border-color: rgb(200, 1, 80) !important;
 }
 
-/* 프롬프트 입력 박스 테두리 색상 */
-.input-box, .output-box {
+/* 프롬프트 입력 박스와 이미지 박스 배경색 변경 */
+.gradio-container .prose input[type="text"],
+.gradio-container .input-box,
+.gradio-container .output-box {
+    background-color: rgb(200, 1, 80) !important;
     border-color: rgb(200, 1, 80) !important;
-    border-width: 2px !important;
+    color: white !important;
 }
 
-.input-box:focus-within {
-    border-color: rgb(200, 1, 80) !important;
-    box-shadow: 0 0 0 3px rgba(200, 1, 80, 0.2) !important;
+/* 플레이스홀더 텍스트 색상 */
+.gradio-container input::placeholder {
+    color: rgba(255, 255, 255, 0.7) !important;
 }
 
 /* 레이블 색상 */
@@ -124,7 +127,7 @@ label span {
 }
 
 /* Examples 헤더 색상 */
-h3 {
+h3, .examples-header {
     color: rgb(200, 1, 80) !important;
 }
 
@@ -155,6 +158,11 @@ input[type="range"]::-webkit-slider-thumb {
 input[type="range"]::-moz-range-thumb {
     background: rgb(200, 1, 80) !important;
 }
+
+/* Examples 텍스트 색상 강제 적용 */
+.examples-header h3 {
+    color: rgb(200, 1, 80) !important;
+}
 """
 
 with gr.Blocks(css=css, theme="soft") as demo:
@@ -237,7 +245,8 @@ with gr.Blocks(css=css, theme="soft") as demo:
                         value=28,
                     )
         
-        gr.Markdown("### 예시 프롬프트")
+        # Examples 헤더에 클래스 추가
+        gr.Markdown("<div class='examples-header'><h3>예시 프롬프트</h3></div>", elem_classes=["examples-header"])
         gr.Examples(
             examples = examples,
             fn = infer,
@@ -248,7 +257,7 @@ with gr.Blocks(css=css, theme="soft") as demo:
         
         gr.HTML("""
         <div class="footer">
-            PONIX Generator by <span class="postech-red">허철원</span> | <span class="postech-red">POSTECH</span>
+            PONIX Generator by 허채원 | UG @ POSTECH
         </div>
         """)