Update app.py

app.py

@@ -675,7 +675,7 @@ examples = [
 css = """
 /* 1) UI를 처음부터 가장 넓게 (width 100%) 고정하여 표시 */
 .gradio-container {
-    background: rgba(255, 255, 255, 0.95);
+    background: rgba(255, 255, 255, 0.7); /* 배경 투명도 증가 */
     padding: 30px 40px;
     margin: 20px auto;  /* 위아래 여백만 유지 */
     width: 100% !important;
@@ -685,37 +685,48 @@ css = """
     width: 100% !important; 
     max-width: 100% !important; 
 }
-/* 2) 배경을 연하고 투명한 파스텔 톤 그라디언트로 변경 */
+/* 2) 배경을 완전히 투명하게 변경 */
 body {
-    background: #f5f5f5; /* 그라디언트 대신 단색 사용 */
+    background: transparent; /* 단색 대신 투명 배경 사용 */
     margin: 0;
     padding: 0;
     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
     color: #333;
 }
-/* 버튼 색상도 기존의 짙은 붉은-주황 → 파스텔 계열로 연하게 */
+/* 버튼도 투명하게 변경 */
 button, .btn {
-    background: #ffb6c1 !important; /* 그라디언트 대신 단색 사용 */
+    background: rgba(255, 182, 193, 0.5) !important; /* 배경 투명도 증가 */
     border: none;
     color: #333; /* 글자 잘 보이도록 약간 진한 글씨 */
     padding: 12px 24px;
     text-transform: uppercase;
     font-weight: bold;
     letter-spacing: 1px;
-    /* border-radius: 5px; - 문제 부분 제거 */
     cursor: pointer;
-    /* transition: transform 0.2s ease-in-out; - 혹시 모를 문제 부분 제거 */
 }
 button:hover, .btn:hover {
-    /* transform: scale(1.03); - 혹시 모를 문제 부분 제거 */
-    background: #ff69b4 !important;
+    background: rgba(255, 105, 180, 0.5) !important; /* 호버 상태에서도 투명도 유지 */
 }
 #examples_container {
     margin: auto;
     width: 90%;
+    background: rgba(255, 255, 255, 0.5); /* 예제 컨테이너 배경 투명하게 */
 }
 #examples_row {
     justify-content: center;
+    background: transparent;
+}
+/* 채팅 인터페이스 요소들도 투명하게 */
+.chatbox, .chatbot, .message {
+    background: rgba(255, 255, 255, 0.5) !important;
+}
+/* 입력창 투명도 조정 */
+.multimodal-textbox {
+    background: rgba(255, 255, 255, 0.7) !important;
+}
+/* 모든 컨테이너 요소에 투명도 적용 */
+.container, .wrap, .box, .panel {
+    background: rgba(255, 255, 255, 0.5) !important;
 }
 """