Update app.py

app.py

@@ -14,54 +14,58 @@ body {
     background-color: #000000;
 }
 .sidebar .sidebar-content {
-    background-color: #D9D9D9 !important;
-    padding: 1rem;
+    background-color: #1A1A1A !important;
+    padding: 0.5rem 0 0 0;
 }
 header, #MainMenu, footer {visibility: hidden;}
 .category-button {
-    background-color: #D9D9D9;
-    color: #333333;
+    background-color: #222222;
+    color: #FFFFFF;
     border: none;
     text-align: left;
     font-size: 1.1rem;
     font-weight: bold;
-    padding: 10px;
+    padding: 10px 10px 10px 15px;
     width: 100%;
-    margin-bottom: 5px;
+    margin: 0;
     transition: background-color 0.3s;
 }
 .category-button:hover {
-    background-color: #C0C0C0;
+    background-color: #333333;
 }
 .category-button:focus {
     outline: none;
 }
 .selected-category {
-    background-color: #C0C0C0 !important;
-    color: #000000 !important;
+    background-color: #444444 !important;
+    color: #FFFFFF !important;
 }
 .submenu-button {
-    background-color: #E6E6E6;
-    color: #333333;
+    background-color: #2A2A2A;
+    color: #FFFFFF;
     border: none;
     text-align: left;
     font-size: 1rem;
-    padding: 6px 20px;
+    padding: 6px 6px 6px 25px;
     width: 100%;
-    margin-bottom: 3px;
+    margin: 0;
     transition: background-color 0.3s;
 }
 .submenu-button:hover {
-    background-color: #D0D0D0;
+    background-color: #3A3A3A;
 }
 .submenu-button:focus {
     outline: none;
 }
 .selected-submenu {
-    background-color: #C0C0C0 !important;
-    color: #000000 !important;
+    background-color: #4A4A4A !important;
+    color: #FFFFFF !important;
     font-weight: bold;
 }
+.sidebar .sidebar-content {
+    width: 100%;
+    margin-left: 0;
+}
 """
 
 # Set page config
@@ -75,6 +79,11 @@ st.set_page_config(
 # Apply CSS
 st.markdown(f"<style>{css}</style>", unsafe_allow_html=True)
 
+# Sidebar menu
+st.sidebar.markdown('<h1 style="margin-left: 15px;">메뉴</h1>', unsafe_allow_html=True)
+
+
+
 # Menu structure (can be easily extended for multi-language support)
 menu_structure = {
     "베스트 TOP 10": ["FLUX LoRA 스튜디오", "[서치+VisionLLM] 한국어 JinJavis","FLUX 확장 이미지 생성","이미지와 한글 프롬프트로 이미지 변형","LOGO 디자인 생성","FLUX GIF 생성","이미지와 프롬프트로 영상 생성","텍스트로 객체만 잘라내고 배경 투명화","상품 사진 업로드+프롬프트로 배경을 합성","EveryText: 모든 문자가 이미지 생성에 반영"],