polycms/tailwind.config.js at main · PolyXGO/polycms · 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
import defaultTheme from 'tailwindcss/defaultTheme';
import forms from '@tailwindcss/forms';

/** @type {import('tailwindcss').Config} */
export default {
    darkMode: 'class', // Enable dark mode using class strategy
    content: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
        './themes/**/*.blade.php',
        './resources/js/**/*.vue',
        './resources/js/**/*.ts',
        './modules/**/*.blade.php',
        './modules/**/*.vue',
    ],

    theme: {
        extend: {
            fontFamily: {
                sans: ['Figtree', ...defaultTheme.fontFamily.sans],
            },
            colors: {
                'brand-blue': 'rgb(0 87 255)',
                admin: {
                    theme: {
                        base: 'rgb(var(--admin-theme-base) / <alpha-value>)',
                        surface: 'rgb(var(--admin-theme-surface) / <alpha-value>)',
                        sidebar: 'rgb(var(--admin-theme-sidebar) / <alpha-value>)',
                        'sidebar-hover': 'rgb(var(--admin-theme-sidebar-hover) / <alpha-value>)',
                        'sidebar-active': 'rgb(var(--admin-theme-sidebar-active) / <alpha-value>)',
                        'sidebar-text': 'rgb(var(--admin-theme-sidebar-text) / <alpha-value>)',
                        'sidebar-text-active': 'rgb(var(--admin-theme-sidebar-text-active) / <alpha-value>)',
                        primary: 'rgb(var(--admin-theme-primary) / <alpha-value>)',
                        'primary-hover': 'rgb(var(--admin-theme-primary-hover) / <alpha-value>)',
                        'primary-content': 'rgb(var(--admin-theme-primary-content) / <alpha-value>)',
                        border: 'rgb(var(--admin-theme-border) / <alpha-value>)',
                        text: 'rgb(var(--admin-theme-text) / <alpha-value>)',
                        'text-secondary': 'rgb(var(--admin-theme-text-secondary) / <alpha-value>)',
                        'text-muted': 'rgb(var(--admin-theme-text-muted) / <alpha-value>)',
                        'input-bg': 'rgb(var(--admin-theme-input-bg) / <alpha-value>)',
                        'input-border': 'rgb(var(--admin-theme-input-border) / <alpha-value>)',
                    }
                }
            },
        },
    },

    plugins: [forms],
};