Saigai-wp/tailwind.config.js at main · tomotech1/Saigai-wp · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
/** @type {import('tailwindcss').Config} */
module.exports = {
  // ============================================================
  // コンテンツパス: Bricks テーマ + プロジェクト内テンプレート
  // ============================================================
  content: [
    './app/public/wp-content/themes/bricks/**/*.php',
    './app/public/wp-content/themes/bricks/**/*.js',
    './theme/**/*.php',
    './theme/**/*.html',
    './app/public/wp-content/mu-plugins/*.php',
    './app/public/wp-content/mu-plugins/vtuber-templates/**/*.php',
    './app/public/wp-content/plugins/nextbricks/**/*.php',
  ],

  theme: {
    extend: {
      colors: {
        // SaaSHub ライクなカラーパレット（VTuber DB 版）
        vt: {
          // ページ背景
          bg:          '#EBF3FC',
          // ヒーローセクション背景
          hero:        '#DBE8F4',
          // プライマリ（青）
          primary:     '#1A56DB',
          'primary-h': '#1648C0',
          // アクセント（緑 - CTAボタン・タグ）
          accent:      '#16A34A',
          'accent-h':  '#15803D',
          // テキスト
          dark:        '#111827',
          muted:       '#6B7280',
          light:       '#9CA3AF',
          // ボーダー
          border:      '#E5E7EB',
          'border-d':  '#D1D5DB',
          // カード背景
          card:        '#FFFFFF',
          // トップバー背景
          topbar:      '#1A56DB',
          // スターカラー
          star:        '#F59E0B',
        },
      },
      fontFamily: {
        sans: ['"Noto Sans JP"', '"Inter"', 'ui-sans-serif', 'sans-serif'],
      },
      maxWidth: {
        'site': '1200px',
      },
      boxShadow: {
        'card': '0 1px 3px 0 rgba(0,0,0,.08), 0 1px 2px -1px rgba(0,0,0,.08)',
        'card-hover': '0 4px 6px -1px rgba(0,0,0,.10), 0 2px 4px -2px rgba(0,0,0,.10)',
      },
    },
  },

  plugins: [
    require('@tailwindcss/typography'),
    require('daisyui'),
  ],

  daisyui: {
    themes: [
      {
        // VTuber DB ライトテーマ（SaaSHub 風）
        vtdb: {
          'primary':          '#1A56DB',
          'primary-content':  '#ffffff',
          'secondary':        '#16A34A',
          'secondary-content':'#ffffff',
          'accent':           '#F59E0B',
          'accent-content':   '#ffffff',
          'neutral':          '#374151',
          'neutral-content':  '#ffffff',
          'base-100':         '#EBF3FC',
          'base-200':         '#DBE8F4',
          'base-300':         '#C5D8ED',
          'base-content':     '#111827',
          'info':             '#3B82F6',
          'success':          '#10B981',
          'warning':          '#F59E0B',
          'error':            '#EF4444',
        },
      },
    ],
    darkTheme: false,
    base: true,
    styled: true,
    utils: true,
    logs: false,
  },
};