Update app.py

app.py

@@ -687,17 +687,17 @@ css = """
 }
 /* 2) 배경을 완전히 투명하게 변경 */
 body {
-    background: transparent; /* 단색 대신 투명 배경 사용 */
+    background: transparent; /* 완전 투명 배경 */
     margin: 0;
     padding: 0;
     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
     color: #333;
 }
-/* 버튼도 투명하게 변경 */
+/* 버튼 색상 완전히 제거하고 투명하게 */
 button, .btn {
-    background: rgba(255, 182, 193, 0.5) !important; /* 배경 투명도 증가 */
-    border: none;
-    color: #333; /* 글자 잘 보이도록 약간 진한 글씨 */
+    background: transparent !important; /* 색상 완전히 제거 */
+    border: 1px solid #ddd; /* 경계선만 살짝 추가 */
+    color: #333;
     padding: 12px 24px;
     text-transform: uppercase;
     font-weight: bold;
@@ -705,29 +705,67 @@ button, .btn {
     cursor: pointer;
 }
 button:hover, .btn:hover {
-    background: rgba(255, 105, 180, 0.5) !important; /* 호버 상태에서도 투명도 유지 */
+    background: rgba(0, 0, 0, 0.05) !important; /* 호버 시 아주 살짝 어둡게만 */
 }
-#examples_container {
+
+/* examples 관련 모든 색상 제거 */
+#examples_container, .examples-container {
     margin: auto;
     width: 90%;
-    background: rgba(255, 255, 255, 0.5); /* 예제 컨테이너 배경 투명하게 */
+    background: transparent !important;
 }
-#examples_row {
+#examples_row, .examples-row {
     justify-content: center;
-    background: transparent;
+    background: transparent !important;
+}
+
+/* examples 버튼 내부의 모든 색상 제거 */
+.gr-samples-table button,
+.gr-samples-table .gr-button,
+.gr-samples-table .gr-sample-btn,
+.gr-examples button,
+.gr-examples .gr-button,
+.gr-examples .gr-sample-btn,
+.examples button,
+.examples .gr-button,
+.examples .gr-sample-btn {
+    background: transparent !important;
+    border: 1px solid #ddd;
+    color: #333;
+}
+
+/* examples 버튼 호버 시에도 색상 없게 */
+.gr-samples-table button:hover,
+.gr-samples-table .gr-button:hover,
+.gr-samples-table .gr-sample-btn:hover,
+.gr-examples button:hover,
+.gr-examples .gr-button:hover,
+.gr-examples .gr-sample-btn:hover,
+.examples button:hover,
+.examples .gr-button:hover,
+.examples .gr-sample-btn:hover {
+    background: rgba(0, 0, 0, 0.05) !important;
 }
+
 /* 채팅 인터페이스 요소들도 투명하게 */
 .chatbox, .chatbot, .message {
-    background: rgba(255, 255, 255, 0.5) !important;
+    background: transparent !important;
 }
+
 /* 입력창 투명도 조정 */
-.multimodal-textbox {
-    background: rgba(255, 255, 255, 0.7) !important;
-}
-/* 모든 컨테이너 요소에 투명도 적용 */
-.container, .wrap, .box, .panel {
+.multimodal-textbox, textarea, input {
     background: rgba(255, 255, 255, 0.5) !important;
 }
+
+/* 모든 컨테이너 요소에 배경색 제거 */
+.container, .wrap, .box, .panel, .gr-panel {
+    background: transparent !important;
+}
+
+/* 예제 섹션의 모든 요소에서 배경색 제거 */
+.gr-examples-container, .gr-examples, .gr-sample, .gr-sample-row, .gr-sample-cell {
+    background: transparent !important;
+}
 """
 
 title_html = """