コンテンツへスキップ
FANELAB

CSS変数

開発ブログ

Tailwind CSS|–color-〇〇 の「〇〇」がそのままクラス名になる

Tailwind CSSの「bg-accent」のような独自カラーがどこで決まっているのかをまとめました。index.cssの@themeに--color-で色を定義すると、bg-〇〇やtext-〇〇として使えるようになるしくみを、実際のコードで簡単に解説しています。
2026.07.26
開発ブログ
開発ブログ

Tailwindの色「–color-ink-soft」って何色?VScodeの拡張機能「Color Highlight」が便利!

お薬タイマーの開発中、AIが書いた「--color-ink-soft」という色の指定がわからず、カラーコードを探し回りました。Tailwind v4の色変数のしくみと、index.cssやColor Highlightで色を確認する方法を初心者目線でまとめています
2026.07.26
開発ブログ

最近の投稿

  • 歯列矯正と歯肉移植を経験した私が本気で選ぶ歯ブラシ・歯磨き粉
  • AIが作ったコードの修正が大変だった話|個人開発でぶつかった3つのこと
  • わたしが作成したアプリ一覧/開発ログ一覧
  • Tailwindの hover: や md: って何?状態プレフィックスのしくみを調べた
  • Tailwind CSS|–color-〇〇 の「〇〇」がそのままクラス名になる

カテゴリー

  • アプリ紹介
  • プロフィール
  • 美容
  • 開発ブログ
FANELAB
  • Home
  • About
  • blog
  • プライバシーポリシー
  • お問い合わせ
© 2025 FANELAB.