Skip to content

Conversation

@gooharu
Copy link
Collaborator

@gooharu gooharu commented Oct 29, 2025

テキスト、背景、そのた使う色のカラーコード指定
page.tsxファイルでお試しで書いたので、使うとき参考になるかも

Copy link
Collaborator

Choose a reason for hiding this comment

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

このファイルはデバック用だったらいらないかも

@Hosoda-abo Hosoda-abo linked an issue Oct 29, 2025 that may be closed by this pull request
Comment on lines +4 to +11
--lightBlue: #90C0FF;
--text:#3B3B3B;
--background:#F5F5F5;
--yellow:#FFC800;
--darkBlue:#578FD7;
--green:#84C99E;
--red:#FA8072;
--orange:#FFA857;
Copy link
Member

Choose a reason for hiding this comment

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

review-nits
セマンティックトークンとプリミティブトークンを区別して使えるといいと思います
https://smarthr.design/products/design-tokens/color/

Copy link
Member

Choose a reason for hiding this comment

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

globals.cssで色をまとめて指定する方針は、tailwindcssの使い方として良いと思います!

@Hosoda-abo Hosoda-abo self-requested a review October 29, 2025 07:57
Copy link
Collaborator

@Hosoda-abo Hosoda-abo left a comment

Choose a reason for hiding this comment

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

良い感じかも!!

Copy link
Collaborator

@taki3210 taki3210 left a comment

Choose a reason for hiding this comment

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

okです!

@gooharu gooharu merged commit 269e002 into main Oct 31, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

色の変数定義

7 participants