Skip to content
This repository has been archived by the owner on Jan 6, 2024. It is now read-only.

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

Open
ChoiysApple opened this issue Jun 7, 2022 · 0 comments
Labels
🎨 Common view 공통 커스텀 뷰 관련 ♻️ 리팩토링 기존 코드 리팩토링 후순위

Comments

@ChoiysApple
Copy link
Member

기능 설명

현재 사용하는 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 ChoiysApple added 🎨 Common view 공통 커스텀 뷰 관련 ♻️ 리팩토링 기존 코드 리팩토링 labels Jun 7, 2022
@ChoiysApple ChoiysApple changed the title Dark Mode 대응을 위한 DesignSystem > Color 코드 리팩토링 [Fix] Dark Mode 대응을 위한 DesignSystem > Color 코드 리팩토링 Jul 18, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
🎨 Common view 공통 커스텀 뷰 관련 ♻️ 리팩토링 기존 코드 리팩토링 후순위
Projects
None yet
Development

No branches or pull requests

1 participant