Radix Colorsをベースに一貫性がありつつ、コントラスト比を担保したColorのデザイントークンを扱う方法。色を番号で管理する理由 https://www.radix-ui.com/colors

efcl のブックマーク 2024/03/06 09:55

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/4750241736638438944/comment/efcl" data-user-id="efcl" data-entry-url="https://b.hatena.ne.jp/entry/s/www.docswell.com/s/kuon/K4QP1N-2024-03-05-124238?ref=rss" data-original-href="https://www.docswell.com/s/kuon/K4QP1N-2024-03-05-124238?ref=rss" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.docswell.com%2Fs%2Fkuon%2FK4QP1N-2024-03-05-124238%3Fref%3Drss" data-user-icon="/users/efcl/profile.png">0から作らないデザイントークン | ドクセル</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/Design">Design</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/CSS">CSS</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/silde">silde</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/accessibility">accessibility</a>]</li></ul><br><p style="clear: left">Radix Colorsをベースに一貫性がありつつ、コントラスト比を担保したColorのデザイントークンを扱う方法。色を番号で管理する理由 <a href="https://www.radix-ui.com/colors" target="_blank" rel="noopener nofollow">https://www.radix-ui.com/colors</a></p><a class="datetime" href="https://b.hatena.ne.jp/efcl/20240306#bookmark-4750241736638438944"><span class="datetime-body">2024/03/06 09:55</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！