ここでは、構築済みのテーマをプレビューできます。自由に探索し、各テーマのライトモードとダークモードを切り替えて、どのスタイルがあなたのプロジェクトに最も適しているかを確認してください。気に入ったものが見つかったら、そのCSSコードをコピーしてプロジェクトに貼り付けるだけで、テーマが即座に適用されます。これは、プロジェクトの視覚的な基盤を迅速に立ち上げる簡単な方法です。
カラーパレット
primary
primary-content
secondary
secondary-content
accent
accent-content
neutral
neutral-content
base-100
base-200
base-300
base-content
info
info-content
success
success-content
warning
warning-content
error
error-content
Additional Variables
--prbc
Mix of primary & base-content
Mix of primary & base-content
--subc
Mix of success & base-content
Mix of success & base-content
--wabc
Mix of warning & base-content
Mix of warning & base-content
--erbc
Mix of error & base-content
Mix of error & base-content
コンポーネントサンプル
Badge (sm)
neutral
primary
secondary
accent
ghost
Toggle
Checkbox
Key ⌘+Ctrl+Z Shift+Alt+→
気に入りましたか?
src/styles/global.css
ファイル内で、現在のライトテーマとダークテーマを以下のスニペットに置き換えてください: