Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix Theme Color Pallette #5

Open
Akamig opened this issue Mar 6, 2021 · 0 comments
Open

Fix Theme Color Pallette #5

Akamig opened this issue Mar 6, 2021 · 0 comments
Assignees
Labels
Milestone

Comments

@Akamig
Copy link
Owner

Akamig commented Mar 6, 2021

  1. 각 테마에 맞는 색상값 결정 최우선 필요
  • 이거 결정이 빨리 되야 적용해서 붙어있는 UI 요소들끼리 대비를 맞춤
    예) post-card나 post-head 라인 옆 구분자로 들어가있는 검은 보더는 Dark까진 괜찮은데 Black 부터는 White로 반전을 해줘야됨 -> 지금 못함 Black이 어떻게 들어갈지 안정해져서
  1. 옅은색 / 짙은색 스펙트럼이 더 필요할것 같은데, 메인색상 스펙트럼을 더 추가해야할 것 같음

  2. 마테리얼처럼 그냥 HS만 고정하고 L,A를 조정할 수 있게 해서 명도를 조절하는게 좋을것 같음
    -> 어떻게? 어차피 명도는 Disabled - Normal - Highlight 3개 정도
    3.1. 하드코딩
    3.2. 템플릿 스트링 HSL, A는 사용시 설정? <- hsla는 투명도 연산때문에 hex,hsl대비 Perf 눈꼽만큼 낮음
    3.3. 템플릿 스트링 + 함수? 약간 이런 재사용 가능한 미디어 쿼리 함수 같은 형태로
    https://www.daggala.com/reusable-media-queries-with-styled-components/

@Akamig Akamig added the theme label Mar 6, 2021
@Akamig Akamig added this to the Release 1.0 milestone Mar 6, 2021
@Akamig Akamig self-assigned this Mar 6, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant