Custom Color Settings

[nka21]

Figmaにて、定義されてある Primary ColorとかSecondaryを、TailwindCSSのクラスとして定義

[nka21]

クラス命名に困ったけど、結論以下のようにした。

colors: {
  primary: "#0077CA",
  secondary: "#E8F3FA",
}

primary:

• メインテーマ
• 頻繁に背景色やテキストカラーなどに使う

secondary:

• サブテーマ
• 特定のセクションの背景色や、borderカラーとして使う

こんな感じで、Figmaでカラー定義をしてくれていたんだけど、 secondary: #FFFは、Tailwindのwhiteとして定義されてあるし、 textcolorを頻繁に使うんだけれど、text-textとなってしまって使いづらいかなと... なら、text-[#212121]でいいかなぁと思った。 (クラス命名技術が皆無)

[nka21]

今後変更があるかもしれないけれど、一旦Close