RizzPick-frontEnd/tailwind.config.ts at main · RizzPick/RizzPick-frontEnd · 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
import type { Config } from 'tailwindcss';

const config: Config = {
    content: [
        './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
        './src/components/**/*.{js,ts,jsx,tsx,mdx}',
        './src/app/**/*.{js,ts,jsx,tsx,mdx}',
    ],
    theme: {
        screens: {
            sm: { min: '0px', max: '480px' },
            md: { min: '480px', max: '1024px' },
            lg: { min: '1024px' },
        },
        extend: {
            height: {
                'screen-vh': 'calc(var(--vh, 1vh) * 100)',
            },
            colors: {
                'gradient-start': '#cb17f9',
                'gradient-end': '#ee9abc',
                'exit-mark': '#fd2f79',
                'chat-selected': '#4d49e7',
                'button-bg':
                    'var(--fill-pur-6949-e-7, rgba(105, 73, 231, 0.67))',
                'border-solid': 'var(--fill-d-67-dff, #D67DFF)',
                'myplan-button': 'var(--fill-pur-cb-17-f-9, #CB17F9);',
                'activityDelete-button': 'var(--fill-pur-c-242-ff, #C242FF)',
            },
            backgroundImage: {
                'welcomepage-gradient':
                    'linear-gradient(180deg, rgba(166.35, 39.42, 168.94, 0.55) 0%, rgba(147.01, 0, 170, 0.42) 14%, rgba(143.87, 87.76, 188.06, 0.16) 43%, rgba(143.67, 20.98, 218.88, 0.16) 69%, rgba(55.42, 51.46, 79.69, 0.17) 82%, rgba(66.74, 68.03, 79.69, 0.45) 100%)',
                'signuppage-gradient':
                    'linear-gradient(146deg, rgba(200.81, 41, 194.42, 0.83) 0%, rgba(128.64, 47.97, 209.31, 0.69) 51%, rgba(33.93, 30.37, 208.25, 0.56) 100%)',
                'custom-gradient':
                    'linear-gradient(180deg, rgba(203,23,249,1) 0%, rgba(238,154,188,1) 65%)',
                'sendbtn-gradient':
                    'linear-gradient(329deg, rgba(34,30,208,1) 26%, rgba(129,48,209,1) 54%, rgba(177,52,171,1) 83%)',
                'main-background':
                    'linear-gradient(146deg, rgba(237, 101, 231, 0.56) 16.83%, rgba(190, 142, 237, 0.47) 53.75%, rgba(140, 138, 255, 0.38) 89.83%);',
                'profile-gradient':
                    'linear-gradient(146deg, rgba(236.94, 100.70, 231.49, 0.41) 0%, rgba(189.55, 142.16, 236.94, 0.35) 51%, rgba(140.46, 138.13, 255, 0.28) 100%);',
                'profile-border-gradient':
                    'linear-gradient(146deg, rgba(200.81, 41, 194.42, 0.75) 0%, rgba(128.64, 47.97, 209.31, 0.62) 51%, rgba(33.93, 30.37, 208.25, 0.50) 100%)',
                'board-bg':
                    'linear-gradient(146deg, rgba(255, 185, 252, 0.17) 16.83%, rgba(176, 97, 255, 0.14) 53.75%, rgba(50, 46, 255, 0.11) 89.83%);',
                'write-bg':
                    'linear-gradient(146deg, rgba(237, 101, 231, 0.66) 16.83%, rgba(190, 142, 237, 0.55) 53.75%, rgba(140, 138, 255, 0.45) 89.83%);',
                'profile-edit-gradient':
                    'linear-gradient(146deg, rgba(236.94, 100.70, 231.49, 0.56) 0%, rgba(189.55, 142.16, 236.94, 0.47) 51%, rgba(140.46, 138.13, 255, 0.38) 100%)',
                'matchpage-gradient':
                    'linear-gradient(146deg, rgba(255, 184.88, 252.19, 0.17) 0%, rgba(175.84, 96.69, 255, 0.14) 51%, rgba(49.87, 45.69, 255, 0.11) 100%)',
                'matchpage-date-gradient':
                    'linear-gradient(0deg, #CACFFF 0%, #CACFFF 100%)',
                'likelist-gradient':
                    'linear-gradient(114deg, rgba(200.81, 41, 146.48, 0.79) 0%, rgba(128.64, 47.97, 209.31, 0.66) 51%, rgba(33.93, 30.37, 208.25, 0.53) 100%)',
                'aboutpage-gradient':
                    'linear-gradient(180deg, rgba(166.35, 39.42, 168.94, 0.55) 0%, rgba(143.67, 20.98, 218.88, 0.21) 23%, rgba(176.62, 34.28, 199.80, 0.29) 47%, rgba(103.30, 33.08, 192.67, 0.22) 80%, rgba(38.36, 45.44, 109.23, 0.45) 100%'
            },
        },
    },
    plugins: [require('tailwind-scrollbar-hide')],
};
export default config;