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

feat(spindle-tokens): add 3rd party colors #98

Merged
merged 6 commits into from
Apr 17, 2024

Conversation

sasaplus1
Copy link
Member

@sasaplus1 sasaplus1 commented Apr 11, 2024

サードパーティカラーを追加しました。


--color-third-party-のプレフィックスがついた変数は追加しなかったのですがこちらのプレフィックスがついた変数がすべて存在するわけではないことにはどういった理由があるんでしょうか。

@sasaplus1 sasaplus1 self-assigned this Apr 11, 2024
@sasaplus1 sasaplus1 requested a review from ameba-spindle April 11, 2024 03:03
@sasaplus1 sasaplus1 marked this pull request as ready for review April 11, 2024 03:05
@sasaplus1 sasaplus1 requested review from a team, herablog, tokimari and tatz012 and removed request for ameba-spindle and a team April 11, 2024 04:22
@herablog
Copy link
Member

ありがとうございます!結論からいうと・・どちらも追加お願いしたいです! --color ありがテーマカラーでなしがprimitiveカラー扱いになります。

また、将来的(いつなの?)に自動化を考えてまして、命名以下PRを踏襲いただけるとありがたいでっす!

https://github.com/openameba/spindle/pull/963/files

@sasaplus1
Copy link
Member Author

おお、自動化楽しみです。では足りていない変数を追加します。

@sasaplus1 sasaplus1 changed the title feat: add 3rd party colors feat(spindle-tokens): add 3rd party colors Apr 11, 2024
--color-third-party-youtube-red: var(--youtube-red);
--color-third-party-amazon-yellow: var(--amazon-yellow);
--color-third-party-amazon-black: var(--amazon-black);
--color-third-party-rakuten-red: var(--rakuten-red);
Copy link
Member

Choose a reason for hiding this comment

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

Copy link
Member Author

Choose a reason for hiding this comment

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

おや、色名がつくのだと思ってました。修正します。

Copy link
Member Author

Choose a reason for hiding this comment

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

figmaにあるThird Partyの色見本表(?)へのリンクを以前渡されたのですが、そこでは上にRakutenと書いてあり下に薄い字でRakuten Redとあるんですが上に書いてある方が変数名になるということですかね?

Copy link
Member

Choose a reason for hiding this comment

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

おそらく上がテーマカラーで下がプリミティブカラーなのですが、Figmaのファイルに見た目として表示されているTextとFigma内にデータとして登録されているstringが違うことあるんですよね・・なので確認してみます。

Copy link
Member

Choose a reason for hiding this comment

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

協議の結果 (?) light/dark テーマ対応で、diffが結構変わりました 😅

https://github.com/openameba/spindle/pull/965/files

Copy link
Member Author

Choose a reason for hiding this comment

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

これらも入れてみました。

--color-third-party-amazon-yellow: var(--amazon-yellow);
--color-third-party-amazon-black: var(--amazon-black);
--color-third-party-rakuten-red: var(--rakuten-red);
--color-third-party-yahoo-red: var(--yahoo-red);
Copy link
Member

Choose a reason for hiding this comment

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

@sasaplus1 sasaplus1 requested a review from herablog April 17, 2024 01:11
Copy link
Collaborator

@MasatoHonda MasatoHonda left a comment

Choose a reason for hiding this comment

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

arigatougozaimasu

Copy link
Member

@herablog herablog left a comment

Choose a reason for hiding this comment

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

エンジニアを褒めるネコ:神

@sasaplus1 sasaplus1 merged commit 7a3c71d into main Apr 17, 2024
4 checks passed
@sasaplus1 sasaplus1 deleted the feature/add-third-party-colors branch April 17, 2024 02:09
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.

3 participants