usu

style.css

@@ -1,5 +1,5 @@
 /* GradioのUI全体をラップするコンテナを指定 */
-body #main_container {
+body .gradio-container {
     transition: background-image 1s ease-in-out;
     background-image: var(--background-image, url('https://i.ibb.co/XzP6K2Y/room-day.png')) !important;
     background-size: cover !important;
@@ -7,34 +7,35 @@ body #main_container {
 }
 
 /* 各テーマの定義 */
-body #main_container.theme-default {
+body.theme-default .gradio-container {
     --background-image: url('https://i.ibb.co/XzP6K2Y/room-day.png');
 }
-body #main_container.theme-room_night {
+body.theme-room_night .gradio-container {
     --background-image: url('https://i.ibb.co/d5m821p/room-night.png');
 }
-body #main_container.theme-beach_sunset {
+body.theme-beach_sunset .gradio-container {
     --background-image: url('https://i.ibb.co/Q9r56s4/beach-sunset.png');
 }
-body #main_container.theme-festival_night {
+body.theme-festival_night .gradio-container {
     --background-image: url('https://i.ibb.co/3zdJ6Bw/festival-night.png');
 }
-body #main_container.theme-shrine_day {
+body.theme-shrine_day .gradio-container {
     --background-image: url('https://i.ibb.co/L51Jd3x/shrine-day.png');
 }
-body #main_container.theme-cafe_afternoon {
+body.theme-cafe_afternoon .gradio-container {
     --background-image: url('https://i.ibb.co/yQxG4vs/cafe-afternoon.png');
 }
-body #main_container.theme-aquarium_night {
-     --background-image: url('https://i.ibb.co/dK5r5rc/aquarium-night.png');
+body.theme-aquarium_night .gradio-container {
+    --background-image: url('https://i.ibb.co/dK5r5rc/aquarium-night.png');
 }
 
 /* チャットウィンドウなどのスタイル */
-#main_container .gradio-chatbot .chatbot {
+.gradio-container .gr-chatbot .wrap {
     background-color: rgba(255, 255, 255, 0.7) !important;
     backdrop-filter: blur(5px);
 }
-#main_container .gradio-textbox, #main_container .gradio-slider {
-     background-color: rgba(255, 255, 255, 0.85) !important;
-     border-radius: 10px !important;
-}
+.gradio-container .gr-textbox, 
+.gradio-container .gr-slider {
+    background-color: rgba(255, 255, 255, 0.85) !important;
+    border-radius: 10px !important;
+}