[Feat] 다크모드 구현

[xohxe]

기능 설명

View에서는 다크모드, 라이트모드 구분해서 코드를 작성할 필요없게 하기위해서 Color+Extension 에 코드기반으로 작성해볼까합니다.

import SwiftUI

extension Color {
    static var myCustomColor: Color {
        if UITraitCollection.current.userInterfaceStyle == .dark {
            // 다크 모드에서 사용할 HEX 코드
            return Color(#colorLiteral(red: 0x000000, green: 0x333333, blue: 0x666666, alpha: 1))
        } else {
            // 라이트 모드에서 사용할 HEX 코드
            return Color(#colorLiteral(red: 0xFFFFFF, green: 0xCCCCCC, blue: 0x999999, alpha: 1))
        }
    }
}

Extension으로 다크모드를 적용한 사례

현재 기술 검토중으로, 자세한 내역은 작업이 완료되면 더 업데이트해두겠습니다.

---

디자인에 대하여

색상은 아직 피그마 작업이 미완료인상태이니 직접 적용하면서 넣어보고, 프로덕트에 작업된 내역은 피그마에도 색상을 업데이트 해둘게요.

---

Todo

요구사항

- 코드베이스로 라이트/다크모드 색상을 관리

기능 1

• [ ] 기능 1-1
• [ ] 기능 1-2

기능 2

• [ ] 기능 2-1
• [ ] 기능 2-2