File size: 3,512 Bytes
fceb8ae
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Undefined Palette Magic - Home</title>
    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/animejs/lib/anime.iife.min.js"></script>
    <script src="https://unpkg.com/feather-icons"></script>
    <style>
        :root {
            --undefined-50: #f8fafc;
            --undefined-100: #f1f5f9;
            --undefined-200: #e2e8f0;
            --undefined-300: #cbd5e1;
            --undefined-400: #94a3b8;
            --undefined-500: #64748b;
            --undefined-600: #475569;
            --undefined-700: #334155;
            --undefined-800: #1e293b;
            --undefined-900: #0f172a;
            --undefined-950: #020617;
            --undefined-50: #f0fdf4;
            --undefined-100: #dcfce7;
            --undefined-200: #bbf7d0;
            --undefined-300: #86efac;
            --undefined-400: #4ade80;
            --undefined-500: #22c55e;
            --undefined-600: #16a34a;
            --undefined-700: #15803d;
            --undefined-800: #166534;
            --undefined-900: #14532d;
            --undefined-950: #052e16;
        }
        .dark {
            --undefined-50: #0f172a;
            --undefined-100: #1e293b;
            --undefined-200: #334155;
            --undefined-300: #475569;
            --undefined-400: #64748b;
            --undefined-500: #94a3b8;
            --undefined-600: #cbd5e1;
            --undefined-700: #e2e8f0;
            --undefined-800: #f1f5f9;
            --undefined-900: #f8fafc;
            --undefined-950: #ffffff;
            --undefined-50: #14532d;
            --undefined-100: #166534;
            --undefined-200: #15803d;
            --undefined-300: #16a34a;
            --undefined-400: #22c55e;
            --undefined-500: #4ade80;
            --undefined-600: #86efac;
            --undefined-700: #bbf7d0;
            --undefined-800: #dcfce7;
            --undefined-900: #f0fdf4;
            --undefined-950: #ffffff;
        }
        .bg-undefined-500 { background-color: var(--undefined-500) !important; }
        .text-undefined-600 { color: var(--undefined-600) !important; }
        .ring-undefined-300 { --tw-ring-color: var(--undefined-300) !important; }
        .bg-undefined-500 { background-color: var(--undefined-500) !important; }
        .text-undefined-700 { color: var(--undefined-700) !important; }
        .hover\:bg-undefined-600:hover { background-color: var(--undefined-600) !important; }
        .hover\:text-undefined-700:hover { color: var(--undefined-700) !important; }
        .focus\:ring-undefined-300:focus { --tw-ring-color: var(--undefined-300) !important; }
        .border-undefined-300 { border-color: var(--undefined-300) !important; }
        .dark .dark\:bg-undefined-800 { background-color: var(--undefined-800) !important; }
        .dark .dark\:text-undefined-200 { color: var(--undefined-200) !important; }
        .dark .dark\:border-undefined-700 { border-color: var(--undefined-700) !important; }
    </style>
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": "Undefined Palette Magic",
        "url": "https://
</head>
</html>