feat: 메인 홈

- 라이브, 인기 크리, 최신 콘텐츠, 이벤트 배너 UI 추가

SodaLive/Sources/Content/Main/V2/ContentMainContentThemeView.swift

@@ -16,24 +16,23 @@ struct ContentMainContentThemeView: View {
     
     var body: some View {
         ScrollView(.horizontal, showsIndicators: false) {
-            HStack(alignment: .top, spacing: 8) {
+            HStack(alignment: .top, spacing: 16) {
                 ForEach(0..<themeList.count, id: \.self) { index in
                     let theme = themeList[index]
                     Text(theme)
-                        .font(.custom(Font.medium.rawValue, size: 14.7))
-                        .foregroundColor(selectedTheme == theme ? Color.button : Color.gray77)
-                        .padding(.horizontal, 13.3)
-                        .padding(.vertical, 9.3)
-                        .border(
-                            selectedTheme == theme ? Color.button : Color.grayee,
-                            width: 1
+                        .font(
+                            .custom(
+                                selectedTheme == theme ? Font.preBold.rawValue : Font.preRegular.rawValue,
+                                size: 16
+                            )
                         )
-                        .cornerRadius(16.7)
-                        .overlay(
-                            RoundedRectangle(cornerRadius: CGFloat(16.7))
-                                .stroke(lineWidth: 1)
-                                .foregroundColor(selectedTheme == theme ? Color.button : Color.grayee)
+                        .foregroundColor(.white)
+                        .padding(.horizontal, 24)
+                        .padding(.vertical, 12)
+                        .background(
+                            selectedTheme == theme ? Color.button : Color(hex: "263238")
                         )
+                        .cornerRadius(999)
                         .onTapGesture {
                             if selectedTheme != theme {
                                 selectedTheme = theme
@@ -42,7 +41,7 @@ struct ContentMainContentThemeView: View {
                         }
                 }
             }
-            .padding(.horizontal, 13.3)
+            .padding(.horizontal, 24)
         }
     }
 }