rollback : UI

app.py

@@ -71,104 +71,18 @@ css="""
     margin: 0 auto;
     max-width: 580px;
 }
-
 .footer {
     text-align: center;
     margin-top: 20px;
     font-size: 0.8em;
     color: #666;
 }
-
-/* 포스텍 레드 색상 적용 */
-button.primary {
-    background-color: rgb(200, 1, 80) !important;
-    border-color: rgb(200, 1, 80) !important;
-}
-
-button.primary:hover {
-    background-color: rgba(200, 1, 80, 0.8) !important;
-    border-color: rgb(200, 1, 80) !important;
-}
-
-.postech-red {
-    color: rgb(200, 1, 80);
-}
-
-.accordion .label-wrap {
-    color: rgb(200, 1, 80) !important;
-}
-
-.examples .icon {
-    color: rgb(200, 1, 80) !important;
-}
-
-input[type="checkbox"]:checked {
-    background-color: rgb(200, 1, 80) !important;
-    border-color: rgb(200, 1, 80) !important;
-}
-
-/* 프롬프트 입력 박스와 이미지 박스 배경색 변경 */
-.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;
-    color: white !important;
-}
-
-/* 플레이스홀더 텍스트 색상 */
-.gradio-container input::placeholder {
-    color: rgba(255, 255, 255, 0.7) !important;
-}
-
-/* 레이블 색상 */
-label span {
-    color: rgb(200, 1, 80) !important;
-}
-
-/* Examples 헤더 색상 */
-h3, .examples-header {
-    color: rgb(200, 1, 80) !important;
-}
-
-/* 링크 스타일 변경 */
-a {
-    color: #666 !important;
-    text-decoration: underline !important;
-    transition: color 0.2s;
-}
-
-a:hover {
-    color: rgb(200, 1, 80) !important;
-}
-
-/* Examples 버튼 테두리 색상 */
-.examples .gr-button {
-    border-color: rgb(200, 1, 80) !important;
-}
-
-.examples .gr-button:hover {
-    background-color: rgba(200, 1, 80, 0.1) !important;
-}
-
-/* 슬라이더 색상 */
-input[type="range"]::-webkit-slider-thumb {
-    background: rgb(200, 1, 80) !important;
-}
-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:
     
     with gr.Column(elem_id="col-container"):
-        gr.Markdown(f"""# 🐔 <span class="postech-red">[POSTECH]</span> PONIX Generator
+        gr.Markdown(f"""# 🌊 [POSTECH] PONIX Generator
 [[based on FLUX.1-dev](https://huggingface.co/black-forest-labs/FLUX.1-dev/blob/main/LICENSE.md)] 
         """)
         
@@ -245,8 +159,7 @@ with gr.Blocks(css=css, theme="soft") as demo:
                         value=28,
                     )
         
-        # Examples 헤더에 클래스 추가
-        gr.Markdown("<div class='examples-header'><h3>예시 프롬프트</h3></div>", elem_classes=["examples-header"])
+        gr.Markdown("### 예시 프롬프트")
         gr.Examples(
             examples = examples,
             fn = infer,
@@ -257,7 +170,7 @@ with gr.Blocks(css=css, theme="soft") as demo:
         
         gr.HTML("""
         <div class="footer">
-            PONIX Generator by 허채원 | UG @ POSTECH
+            PONIX Generator by 허채원 | POSTECH
         </div>
         """)