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

Theme Picker UI Update #704

Merged
merged 4 commits into from
Sep 6, 2024
Merged

Theme Picker UI Update #704

merged 4 commits into from
Sep 6, 2024

Conversation

pcwadarong
Copy link
Member

@pcwadarong pcwadarong commented Sep 5, 2024

Related issue

#698 #687

Result

as is

image

to be

image

Work list

  • 코드 리팩토링 + 기능 추가는 정현 님께서 맡아주실 거라서 ui 위주로 살짝 씩만 수정했습니다!
  • 몇 가지 컬러가 살짝 눈이 아픈 것 같아서 채도를 조금씩 낮추면서 조정했습니다.
  • hover를 위해 medium gray를 추가하고, 이름을 수정했습니다.
    • 관련하여, 보통 lightgray, darkgray는 붙여서 많이 쓰는데 medium gray는 띄어서 쓰더라구요. 가독성이 좋지 않은 것 같아 하이픈을 넣었습니다.
  • 폰트 파일에 이어서 theme이 사용하지 않는 파일이라 (충돌 확인하고) 제거하였습니다.
  • pallette가 오타가 나 있길래 수정하였습니다.

Discussion

  • 그런데 지금 생각으로는 pallette도 정리하는 게 맞을 것 같아 다음 커밋에 제거하려고 합니다.
  • 살펴봤는데 현재 pallette에서 사용하는 색이라곤 gray 300 600 900 뿐이고, grayscale 변수로 대체 가능합니다.
  • 다음 이슈에 전반적인 컬러 조정하면서 다른 글씨 + 배경에 변수 white (아주밝은회색) 과 black (아주어두운 푸른 끼 도는 회색) 도 적용하려고 합니다!

@pcwadarong pcwadarong added this to the v0.7.2 milestone Sep 5, 2024
@pcwadarong pcwadarong self-assigned this Sep 5, 2024
@pcwadarong pcwadarong requested review from a team as code owners September 5, 2024 08:01
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

(궁금) 단위를 rem이랑 px 섞어서 쓰신 이유가 있으신가요??😮

Copy link
Member Author

@pcwadarong pcwadarong Sep 5, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

일단 딱딱 떨어지는 단위만 rem으로 쓰긴 했습니다..ㅎㅎ 그런데 이 부분에 대해 뷰팀 전체 회의가 필요할 것 같습니닷...저희가 추후 고치더라도 처음 개발할 때부터 rem이면 더 좋겠네요!

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

(궁금) rem으로 하면 뭐가 더 좋아지나요?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

https://yozm.wishket.com/magazine/detail/1410/
https://code.visualstudio.com/docs/editor/accessibility

크롬 브라우저를 예시로 들자면 사용자가 브라우저의 폰트 크기를 임의로 조정할 경우 따라서 조정되는 기능이 있습니다! vscode에서도 window.zoomlevel로 에디터가 아닌 프로그램 자체의 확대 축소 기능을 제공하는 걸로 알고 있는데요, 그런데 이게 확장 프로그램이 rem을 쓰냐 px을 쓰냐에 따라 줌인아웃에 영향을 주는지는 확신할 수는 없네요..! ㅎㅎ

Copy link
Contributor

@xxxjinn xxxjinn left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

githru theme의 변경한 분홍색이 덜 쨍한 것 같아서 좋은 것 같아요 ‼️‼️🥰🥰

Copy link
Contributor

@ytaek ytaek left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

마미손 핑크 없어져서 넘 좋습니다 💯

@@ -1622,7 +1622,7 @@
"insertions": 40,
"deletions": 0
},
"packages/view/src/assets/styles/_pallete.scss": {
"packages/view/src/assets/styles/_pallette.scss": {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

세심한 typo 👍👍👍👍👍👍👍👍

@pcwadarong pcwadarong merged commit 99d43e2 into githru:main Sep 6, 2024
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants