Update app.py

app.py

@@ -1,6 +1,7 @@
 import requests
 import gradio as gr
 from datetime import datetime
+import random
 
 USERNAME = "openfree"
 
@@ -10,7 +11,33 @@ def format_timestamp(timestamp):
         return dt.strftime('%Y-%m-%d %H:%M')
     return 'N/A'
 
-def get_space_card(space):
+def get_pastel_color(index):
+    """Generate unique pastel colors based on index"""
+    pastel_colors = [
+        '#FFE6E6',  # 연한 분홍
+        '#FFE6FF',  # 연한 보라
+        '#E6E6FF',  # 연한 파랑
+        '#E6FFFF',  # 연한 하늘
+        '#E6FFE6',  # 연한 초록
+        '#FFFFE6',  # 연한 노랑
+        '#FFF0E6',  # 연한 주황
+        '#F0E6FF',  # 연한 라벤더
+        '#FFE6F0',  # 연한 로즈
+        '#E6FFF0',  # 연한 민트
+        '#F0FFE6',  # 연한 라임
+        '#FFE6EB',  # 연한 코랄
+        '#E6EBFF',  # 연한 퍼플블루
+        '#FFE6F5',  # 연한 핑크
+        '#E6FFF5',  # 연한 터코이즈
+        '#F5E6FF',  # 연한 모브
+        '#FFE6EC',  # 연한 살몬
+        '#E6FFEC',  # 연한 스프링그린
+        '#ECE6FF',  # 연한 페리윙클
+        '#FFE6F7',  # 연한 매그놀리아
+    ]
+    return pastel_colors[index % len(pastel_colors)]
+
+def get_space_card(space, index):
     """Generate HTML card for a space with colorful design and lots of emojis"""
     space_id = space.get('id', '')
     space_name = space_id.split('/')[-1]
@@ -46,24 +73,13 @@ def get_space_card(space):
         }
     }
     
-    # 파스텔톤 배경색
-    bg_colors = {
-        'gradio': '#FFE6E6',    # 연한 분홍
-        'streamlit': '#E6FFE6',  # 연한 초록
-        'docker': '#E6E6FF',     # 연한 파랑
-        'static': '#FFE6FF',     # 연한 보라
-        'panel': '#FFFFE6',      # 연한 노랑
-        'N/A': '#E6FFFF'        # 연한 하늘
-    }
-    
-    # SDK에 따른 이모지와 색상 선택
+    # SDK에 따른 이모지 선택
     sdk_lower = sdk.lower()
-    bg_color = bg_colors.get(sdk_lower, '#FFFFFF')
+    bg_color = get_pastel_color(index)  # 인덱스 기반 색상 선택
     emoji_set = sdk_emoji_sets.get(sdk_lower, sdk_emoji_sets['N/A'])
     main_emoji = emoji_set['main']
     
     # 랜덤하게 3개의 관련 이모지 선택
-    import random
     decorative_emojis = random.sample(emoji_set['related'], 3)
     
     # 추가 장식용 이모지
@@ -190,7 +206,7 @@ def get_user_spaces():
                 grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
                 gap: 20px;
             '>
-                {"".join(get_space_card(space) for space in user_spaces)}
+                {"".join(get_space_card(space, idx) for idx, space in enumerate(user_spaces))}
             </div>
         </div>
         """