daskomrec25/tailwind.config.js at main · Daskom-Lab/daskomrec25 · 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
import defaultTheme from 'tailwindcss/defaultTheme';

/** @type {import('tailwindcss').Config} */
export default {
    content: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        './resources/**/*.blade.php',
        './resources/**/*.js',
        './resources/**/*.vue',
    ],
    theme: {
        extend: {
            cursor: {
                'Wand': "url('../../public/assets/Wand.cur'), default",
            },
            backgroundImage: {
                'PlaceHolder': "url('../../public/assets/login-placeholder.webp')",
                'Button': "url('../../public/assets/Button Pink.webp')",
                'LoginAdmin': "url('../../public/assets/Background 1.webp')",
                'LoginCaAs': "url('../../public/assets/Background 2.webp')",
                'HomePageCaAs': "url('../../public/assets/Background 2.webp')",
                'ChangePassword' : "url('../../public/assets/Background 2.webp')",
                'AssistantsPage' : "url('../../public/assets/Background 3.webp')",
                'Announcement' : "url('../../public/assets/Background 4.webp')",
                'StoneModel' : "url('../../public/assets/Stone Model.webp')",
                'BlackLayer' : "url('../../public/assets/Black Layer.webp')",
                'Profile': "url('../../public/assets/Background 2.webp')",
                'LandingCaas1': "url('../../public/assets/BackgroundLanding1.webp')",
                'LandingCaas2': "url('../../public/assets/BackgroundLanding2.webp')",
                'Shift' : "url('../../public/assets/Background 5.webp')",
                'Gems': "url('../../public/assets/Background 2.webp')",
            },
            backgroundColor: {
                'Table' : "#D9D9D9",
                'AddButton' : "#1A2254",
            },
            fontFamily: {
                'im-fell-english': ['"IM Fell English"', 'serif'],
                'crimson-text': ['"Crimson Text"', 'serif'],
                'rye' : ['"Rye"', 'serif'],
            },
            colors: {
                'primary': '#1A2254',
                'scrollbar-thumb': '#3b82f6', // Tailwind blue-500
                'scrollbar-track': '#e5e7eb', // Tailwind gray-200
                'profile': '#270750',
                "custom-gray": "#D9D9D9",
                "custom-blue": "#1A2254",
                "footer-gray": "#BBBBBB",
                "text-color": "#1A2254",
                'custom-green': '#52541A',
                "ungu-muda": "#4D5083",
                "ungu-keputihan": "#ACAEC9",
                "biru-tua": "#1A2254",
                "biru-tua2": "#1A2C54",
                "hijau-tua": "#1A5421",
                "abu-abu-keunguan": "#BAC5E9",
                "merah-tua": "#541A1A",
                "abu-abu2": "#BFBAE9",
                "abu-abu3": "#AC9FB5",
                "abu-abu4": "#BABCE9",
                "biru-tua3": "#271A54",
                "putih": "#fefefe",
            },
            screens: {
                'xs': '391px',
                'sm': '576px',
                'md': '960px',
                'lg': '1440px',
                'h-md': { 'raw': '(max-height: 678px)' },
                'h-sm': { 'raw': '(max-height: 600px)' },
                'h-xs': { 'raw': '(max-height: 510px)' },
            },
            keyframes: {
                shine: {
                    '0%': { transform: 'translateX(-100%)' },
                    '100%': { transform: 'translateX(100%)' },
                }
            },
            animation: {
            'shine': 'shine 1.6s ease-out 1',
            }
        },
    },
    plugins: [],
};