Tailwind でテーマを作成する

auth0 acul init <Your-App-Name>

/* In src/index.css */
:root {
  /* ブランドのプライマリカラーに合わせてこれらの CSS 変数を変更します */
  --primary: oklch(0.205 0 0);
  --primary-foreground: oklch(0.985 0 0);

  /* カスタムカラーを参照するためにテーマ変数を上書きします */  
  --color-primary-button: var(--ul-theme-color-primary-button);

  /* 特定のコンポーネントカラーを直接上書きすることもできます */
  --color-header: var(--primary-foreground);
  --color-body-text: #000000;
  --color-widget-bg: white;
  --color-widget-border: transparent;
  /* ... その他多数 */
}