20th-ALL-Rounder-Team-1-iOS icon indicating copy to clipboard operation
20th-ALL-Rounder-Team-1-iOS copied to clipboard

[Fix] Dark Mode 대응을 위한 DesignSystem > Color 코드 리팩토링

Open ChoiysApple opened this issue 3 years ago • 0 comments

기능 설명

현재 사용하는 ColorSet.swiftUIColor 값들을 Assets.xcassets에 의존적이도록 수정 이후 다크모드 적용을 수월하게 한다

현재 동작

extension UIColor {
    // MARK: Custom System Colors
    static let mainColor = UIColor(hex: "#5086FF")
    static let subColor = UIColor(hex: "#EAF0FF")
    static let backgroundColor = UIColor.white
    
    static let accentColor = UIColor(hex: "#17191C")
    static let lightGray = UIColor(hex: "#ECEFF2")
    static let darkGray = UIColor(hex: "#AAAEB6")
    
    static let gray900 = UIColor(hex: "#17191C")
    static let gray800 = UIColor(hex: "#32353A")
    static let gray700 = UIColor(hex: "#515459")
    static let gray600 = UIColor(hex: "#747880")
    static let gray500 = UIColor(hex: "#8B929C")
    static let gray400 = UIColor(hex: "#AAAEB6")

    static let gray300 = UIColor(hex: "#C9CED5")
    static let gray200 = UIColor(hex: "#ECEFF2")
    static let gray100 = UIColor(hex: "#F5F7F8")
    static let worange = UIColor(hex: "#FF8F3E")
    static let wblue = UIColor(hex: "#5086FF")
}

모든 커스텀 값들이 상수로 선언되어 있다

기대 동작

컬러 값들을 Assets에 넣은 후 ColorSet.swift에서 해당 컬러 정보를 사용하도록 연결한다

extension UIColor {
    // MARK: Custom System Colors
    static let mainColor = UIColor(named: "mainColor")!

   ... 

}

다크 모드 색상값이 나오면 리팩토링을 진행

ChoiysApple avatar Jun 07 '22 07:06 ChoiysApple