website/tailwind.config.js at main · MetaMail/website · 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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
/** @type {import('tailwindcss').Config} */
const gen =
    (valueProcessor = v => v, keyProcessor = v => v) =>
    l =>
        l
            .map(i => [keyProcessor(i), valueProcessor(i)])
            .reduce((acc, [i, v]) => {
                acc[i] = v;
                return acc;
            }, {});

const ALL_SIZE = [...Array(1441).keys()];
const PERCENT_SIZE = [...Array(101).keys()];

module.exports = {
    darkMode: 'class',
    purge: true,
    important:true,
    content: ['./pages/**/*.{ts,tsx}', './components/**/*.{ts,tsx}', './sections/**/*.{ts,tsx}'],
    variants: {
        extend: {
            backgroundColor: ['active'],
        },
    },
    daisyui: {
        themes: [
            {
                light: {
                    ...require('daisyui/src/theming/themes')['[data-theme=light]'],
                    "primary": '#3C6FF4',
                    "neutral":"#9EBFFF",
                    "neutral-content":"#3C6FF4",
                    "base-100":"#ffffff",
                    "base-200":"#EDF3FF",
                    "base-300":"#CADCFF",
                    "base-content":"#333333",
                    "primary-content":"#ffffff"
                },
                dark: {
                    ...require('daisyui/src/theming/themes')['[data-theme=dark]'],
                    "primary": '#3C6FF4',
                    "neutral":"#E7E7E7",
                    "base-300":"#E7E7E7",
                    "base-200":"#262626",
                    "base-100":"#1F1F1F",
                    "base-content":"#ffffff",
                    "neutral-content":"#ffffff",
                    "tw-bg-opacity":'1',
                },
            },
        ],
    },
    theme: {
        extend: {
          keyframes:{
            hoverSlider:{
              from :{ backgroundColor: '#fff'},
              to:{backgroundColor:'red'}
              // CADCFF
            }
          },
            fontFamily: {
                poppins: ['Poppins, Roboto, Helvetica, Arial, sans-serif'],
                poppinsSemiBold: ['PoppinsSemiBold, Roboto, Helvetica, Arial, sans-serif'],
                spaceGrotesk: ['SpaceGrotesk, Roboto, Helvetica, Arial, sans-serif'],
            },
            fontSize: {
                sm: ['12px', '18px'],
                xs: ['10px', '15px'],
                md: ['14px', '21px'],
            },
            backgroundImage: {
                filter: "url('/assets/icons/filter.svg')",
            },
            spacing: {
                ...gen(v => `${v}px`)(ALL_SIZE),
                ...gen(
                    v => `${v}%`,
                    k => `${k}p`
                )(PERCENT_SIZE),
            },
            width: theme => ({
                ...theme('spacing'),
            }),
            height: theme => ({
                ...theme('spacing'),
            }),
            margin: theme => ({
                ...theme('spacing'),
            }),
            borderRadius: {
                ...gen(v => `${v}px`)(PERCENT_SIZE),
            },
            colors:{

                "lightMailAddressRead":'#444',//浅色模式下，已读，发件人地址
                "lightMailAddressUnRead":'#222',//浅色模式下，未读，发件人地址
                "lightMailTitleRead":'#444',//浅色模式下，已读，title
                "lightMailTitleUnRead":'#222',//浅色模式下，未读，title
                 "lightMailDetailRead":'#a2a2a2',//浅色模式下，已读，邮件详情
                "lightMailDetailUnRead":'#444',//浅色模式下，未读，邮件详情
                  "lightMailDate":'#a2a2a2',// 浅色式下，查看邮件详情时邮件列表address旁边的日期
                 "lightMailContent":"#222", //邮件正文
                // ----------------------------
                "DarkMailAddressRead":'#d6d6d6',//深模式下，已读，发件人地址
                "DarkMailAddressUnRead":'#f6f6f6',//深模式下，未读，发件人地址
                "DarkMailTitleRead":'#d6d6d6',//深模式下，已读，title
                "DarkMailTitleUnRead":'#f6f6f6',//深模式下，未读，title
                "DarkMailDetailRead":'#b6b6b6',//深模式下，已读，邮件详情
                "DarkMailDetailUnRead":'#f6f6f6',//深模式下，未读，邮件详情
                "DarkMailDate":'#b6b6b6', // 深模式下，查看邮件详情时邮件列表address旁边的日期
                "DarkMailContent":"#f6f6f6", //深模式下，邮件正文
                // ----------------------------

                "lightGrayBg": "#0700200A"
            }
        },
    },
    plugins: [require('daisyui')],
};