-
Notifications
You must be signed in to change notification settings - Fork 0
カラーコード指定 #15
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
カラーコード指定 #15
Conversation
src/app/color/page.tsx
Outdated
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
このファイルはデバック用だったらいらないかも
| --lightBlue: #90C0FF; | ||
| --text:#3B3B3B; | ||
| --background:#F5F5F5; | ||
| --yellow:#FFC800; | ||
| --darkBlue:#578FD7; | ||
| --green:#84C99E; | ||
| --red:#FA8072; | ||
| --orange:#FFA857; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
セマンティックトークンとプリミティブトークンを区別して使えるといいと思います
https://smarthr.design/products/design-tokens/color/
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
globals.cssで色をまとめて指定する方針は、tailwindcssの使い方として良いと思います!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
良い感じかも!!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
okです!
テキスト、背景、そのた使う色のカラーコード指定
page.tsxファイルでお試しで書いたので、使うとき参考になるかも