Update app.py

app.py

@@ -202,22 +202,36 @@ if st.session_state.bg_on:
 # 2. '배경 이미지 사용'이 OFF일 때만 단색 관련 옵션 표시
 else:
     with st.sidebar.expander("단색 배경 옵션", expanded=True):
-        st.write("🎨 원하는 색상을 골라주세요")
-
-        cols = st.columns(4)
-        default_colors = ["#F1F1F1", "#E3E8E3", "#D9E1E2", "#F0F0EC"] #light gray, Mint, Sky blue, Beige
-
-        # 각 컬러 피커를 가로로 생성
-        for i, col in enumerate(cols):
-            with col:
-                picked = st.color_picker(
-                    f"색상 {i+1}", 
-                    default_colors[i], 
-                    key=f"color{i+1}"
-                )
-                # 선택 즉시 bg_color 업데이트
-                if picked:
-                    st.session_state.bg_color = picked
+        # 추천 색상 팔레트를 버튼으로 구현
+        palette = {
+            "Light Gray": "#F1F1F1",
+            "Mint": "#E3E8E3",
+            "Sky Blue": "#D9E1E2",
+            "Beige": "#F0F0EC"
+        }
+        
+        # 콜백 함수: 버튼 클릭 시 session_state 업데이트
+        def set_color(color_hex):
+            st.session_state.bg_color = color_hex
+
+        st.write("**추천 색상 팔레트**")
+        # st.columns를 사용해 버튼을 가로로 배열
+        cols = st.columns(len(palette))
+        # 각 컬럼에 색상 버튼 추가
+        for i, (name, color) in enumerate(palette.items()):
+            cols[i].button(
+                label=name, 
+                on_click=set_color, 
+                args=[color], 
+                key=f"pal_btn_{name}"
+            )
+
+        # 색상 피커: 버튼으로 선택한 색상이 여기에 반영됨
+        st.color_picker(
+            "색상 직접 선택",
+            key="bg_color" # session_state 키를 공유
+        )
+
 
 def apply_background():
     # 보호: 기존 ::before 배경이 있으면 끄기 (겹침/끊김 방지)