diff options
Diffstat (limited to 'apps/web/src/data/colors')
| -rw-r--r-- | apps/web/src/data/colors/pattern-craft.ts | 76 | ||||
| -rw-r--r-- | apps/web/src/data/colors/solid.ts | 484 | ||||
| -rw-r--r-- | apps/web/src/data/colors/syntax-ui.tsx | 42 |
3 files changed, 319 insertions, 283 deletions
diff --git a/apps/web/src/data/colors/pattern-craft.ts b/apps/web/src/data/colors/pattern-craft.ts index f7a5fc5b..0ede8cec 100644 --- a/apps/web/src/data/colors/pattern-craft.ts +++ b/apps/web/src/data/colors/pattern-craft.ts @@ -1,33 +1,69 @@ // These are the gradients from Pattern Craft (https://patterncraft.fun/) export const patternCraftGradients = [ - // Dreamy Sky Pink Glow - "radial-gradient(circle at 30% 70%, rgba(173, 216, 230, 0.35), transparent 60%), radial-gradient(circle at 70% 30%, rgba(255, 182, 193, 0.4), transparent 60%)", + // Dreamy Sky Pink Glow + "radial-gradient(circle at 30% 70%, rgba(173, 216, 230, 0.35), transparent 60%), radial-gradient(circle at 70% 30%, rgba(255, 182, 193, 0.4), transparent 60%), white", - // Soft Warm Pastel Texture - "radial-gradient(circle at 20% 80%, rgba(255, 182, 153, 0.3) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 244, 214, 0.5) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(255, 182, 153, 0.1) 0%, transparent 50%), #fff8f0", + // Soft Warm Pastel Texture + "radial-gradient(circle at 20% 80%, rgba(255, 182, 153, 0.3) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 244, 214, 0.5) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(255, 182, 153, 0.1) 0%, transparent 50%), #fff8f0", - // Warm Soft Coral & Cream - "radial-gradient(circle at 20% 80%, rgba(255, 160, 146, 0.25) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 244, 228, 0.3) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(255, 160, 146, 0.15) 0%, transparent 50%), #fef9f7", + // Warm Soft Coral & Cream + "radial-gradient(circle at 20% 80%, rgba(255, 160, 146, 0.25) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 244, 228, 0.3) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(255, 160, 146, 0.15) 0%, transparent 50%), #fef9f7", - // Soft Green Glow - "radial-gradient(circle at center, #8FFFB0, transparent), white", + // Soft Green Glow + "radial-gradient(circle at center, #8FFFB0, transparent), white", - // Purple Glow Right - "radial-gradient(circle at top right, rgba(173, 109, 244, 0.5), transparent 70%)", + // Purple Glow Right + "radial-gradient(circle at top right, rgba(173, 109, 244, 0.5), transparent 70%), white", - // Teal Glow Right - "radial-gradient(circle at top right, rgba(56, 193, 182, 0.5), transparent 70%)", + // Teal Glow Right + "radial-gradient(circle at top right, rgba(56, 193, 182, 0.5), transparent 70%), white", - // Warm Orange Glow Right - "radial-gradient(circle at top right, rgba(255, 140, 60, 0.5), transparent 70%)", + // Warm Orange Glow Right + "radial-gradient(circle at top right, rgba(255, 140, 60, 0.5), transparent 70%), white", - // Cool Blue Glow Right - "radial-gradient(circle at top right, rgba(70, 130, 180, 0.5), transparent 70%)", + // Cool Blue Glow Right + "radial-gradient(circle at top right, rgba(70, 130, 180, 0.5), transparent 70%), white", - // Purple Glow Left - "radial-gradient(circle at top left, rgba(173, 109, 244, 0.5), transparent 70%)", + // Purple Glow Left + "radial-gradient(circle at top left, rgba(173, 109, 244, 0.5), transparent 70%), white", - // Pastel Wave - "linear-gradient(120deg, #d5c5ff 0%, #a7f3d0 50%, #f0f0f0 100%)", + // Pastel Wave + "linear-gradient(120deg, #d5c5ff 0%, #a7f3d0 50%, #f0f0f0 100%)", + + // Aurora Dream Corner Whispers + "radial-gradient(ellipse 85% 65% at 8% 8%, rgba(175, 109, 255, 0.42), transparent 60%), radial-gradient(ellipse 75% 60% at 75% 35%, rgba(255, 235, 170, 0.55), transparent 62%), radial-gradient(ellipse 70% 60% at 15% 80%, rgba(255, 100, 180, 0.40), transparent 62%), radial-gradient(ellipse 70% 60% at 92% 92%, rgba(120, 190, 255, 0.45), transparent 62%), linear-gradient(180deg, #f7eaff 0%, #fde2ea 100%)", + + // Aurora Dream Vivid Bloom + "radial-gradient(ellipse 80% 60% at 70% 20%, rgba(175, 109, 255, 0.85), transparent 68%), radial-gradient(ellipse 70% 60% at 20% 80%, rgba(255, 100, 180, 0.75), transparent 68%), radial-gradient(ellipse 60% 50% at 60% 65%, rgba(255, 235, 170, 0.98), transparent 68%), radial-gradient(ellipse 65% 40% at 50% 60%, rgba(120, 190, 255, 0.3), transparent 68%), linear-gradient(180deg, #f7eaff 0%, #fde2ea 100%)", + + // Soft Pastel Dream Gradient + "linear-gradient(135deg, #F8BBD9 0%, #FDD5B4 25%, #FFF2CC 50%, #E1F5FE 75%, #BBDEFB 100%)", + + // Dreamy Sunset Gradient Background + "linear-gradient(180deg, rgba(245,245,220,1) 0%, rgba(255,223,186,0.8) 25%, rgba(255,182,193,0.6) 50%, rgba(147,112,219,0.7) 75%, rgba(72,61,139,0.9) 100%), radial-gradient(circle at 30% 20%, rgba(255,255,224,0.4) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(72,61,139,0.6) 0%, transparent 70%), radial-gradient(circle at 50% 60%, rgba(147,112,219,0.3) 0%, transparent 60%)", + + // Cotton Candy Sky Gradient + "linear-gradient(45deg, #FFB3D9 0%, #FFD1DC 20%, #FFF0F5 40%, #E6F3FF 60%, #D1E7FF 80%, #C7E9F1 100%)", + + // Rose Gold Whisper Gradient + "linear-gradient(270deg, #FFECB3 0%, #FFE0B2 20%, #FFCDD2 40%, #F8BBD9 60%, #E1BEE7 80%, #D1C4E9 100%)", + + // Ember Glow Background + "radial-gradient(circle at 50% 100%, rgba(255, 69, 0, 0.6) 0%, transparent 60%), radial-gradient(circle at 50% 100%, rgba(255, 140, 0, 0.4) 0%, transparent 70%), radial-gradient(circle at 50% 100%, rgba(255, 215, 0, 0.3) 0%, transparent 80%)", + + // Cosmic Aurora + "radial-gradient(ellipse at 20% 30%, rgba(56, 189, 248, 0.4) 0%, transparent 60%), radial-gradient(ellipse at 80% 70%, rgba(139, 92, 246, 0.3) 0%, transparent 70%), radial-gradient(ellipse at 60% 20%, rgba(236, 72, 153, 0.25) 0%, transparent 50%), radial-gradient(ellipse at 40% 80%, rgba(34, 197, 94, 0.2) 0%, transparent 65%), #000000", + + // Deep Ocean Glow + "radial-gradient(70% 55% at 50% 50%, #2a5d77 0%, #184058 18%, #0f2a43 34%, #0a1b30 50%, #071226 66%, #040d1c 80%, #020814 92%, #01040d 97%, #000309 100%), radial-gradient(160% 130% at 10% 10%, rgba(0,0,0,0) 38%, #000309 76%, #000208 100%), radial-gradient(160% 130% at 90% 90%, rgba(0,0,0,0) 38%, #000309 76%, #000208 100%)", + + // Crimson Core Glow + "linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), radial-gradient(68% 58% at 50% 50%, #c81e3a 0%, #a51d35 16%, #7d1a2f 32%, #591828 46%, #3c1722 60%, #2a151d 72%, #1f1317 84%, #141013 94%, #0a0a0a 100%), radial-gradient(90% 75% at 50% 50%, rgba(228,42,66,0.06) 0%, rgba(228,42,66,0) 55%), radial-gradient(150% 120% at 8% 8%, rgba(0,0,0,0) 42%, #0b0a0a 82%, #070707 100%), radial-gradient(150% 120% at 92% 92%, rgba(0,0,0,0) 42%, #0b0a0a 82%, #070707 100%), radial-gradient(60% 50% at 50% 60%, rgba(240,60,80,0.06), rgba(0,0,0,0) 60%), #050505", + + // Northern Aurora + "radial-gradient(ellipse 70% 55% at 50% 50%, rgba(255, 20, 147, 0.15), transparent 50%), radial-gradient(ellipse 160% 130% at 10% 10%, rgba(0, 255, 255, 0.12), transparent 60%), radial-gradient(ellipse 160% 130% at 90% 90%, rgba(138, 43, 226, 0.18), transparent 65%), radial-gradient(ellipse 110% 50% at 80% 30%, rgba(255, 215, 0, 0.08), transparent 40%), #000000", + + // Royal Purple Background + "radial-gradient(circle at 50% 50%, rgba(147, 51, 234, 0.2) 0%, rgba(147, 51, 234, 0.12) 25%, rgba(147, 51, 234, 0.05) 35%, transparent 50%), #000000", ]; diff --git a/apps/web/src/data/colors/solid.ts b/apps/web/src/data/colors/solid.ts index 9a12a587..8a946df4 100644 --- a/apps/web/src/data/colors/solid.ts +++ b/apps/web/src/data/colors/solid.ts @@ -1,244 +1,244 @@ export const colors = [ - "#ffffff", - "#000000", - "#ffe2e2", - "#ffc9c9", - "#ffa2a2", - "#ff6467", - "#fb2c36", - "#e7000b", - "#c10007", - "#9f0712", - "#82181a", - "#460809", - "#fff7ed", - "#ffedd4", - "#ffd6a7", - "#ffb86a", - "#ff8904", - "#ff6900", - "#f54900", - "#ca3500", - "#9f2d00", - "#7e2a0c", - "#441306", - "#fffbeb", - "#fef3c6", - "#fee685", - "#ffd230", - "#ffb900", - "#fe9a00", - "#e17100", - "#bb4d00", - "#973c00", - "#7b3306", - "#461901", - "#fefce8", - "#fef9c2", - "#fff085", - "#ffdf20", - "#fdc700", - "#f0b100", - "#d08700", - "#a65f00", - "#894b00", - "#733e0a", - "#432004", - "#f7fee7", - "#ecfcca", - "#d8f999", - "#bbf451", - "#9ae600", - "#7ccf00", - "#5ea500", - "#497d00", - "#3c6300", - "#35530e", - "#192e03", - "#f0fdf4", - "#dcfce7", - "#b9f8cf", - "#7bf1a8", - "#05df72", - "#00c950", - "#00a63e", - "#008236", - "#016630", - "#0d542b", - "#032e15", - "#ecfdf5", - "#d0fae5", - "#a4f4cf", - "#5ee9b5", - "#00d492", - "#00bc7d", - "#009966", - "#007a55", - "#006045", - "#004f3b", - "#002c22", - "#f0fdfa", - "#cbfbf1", - "#96f7e4", - "#46ecd5", - "#00d5be", - "#00bba7", - "#009689", - "#00786f", - "#005f5a", - "#0b4f4a", - "#022f2e", - "#ecfeff", - "#cefafe", - "#a2f4fd", - "#53eafd", - "#00d3f2", - "#00b8db", - "#0092b8", - "#007595", - "#005f78", - "#104e64", - "#053345", - "#f0f9ff", - "#dff2fe", - "#b8e6fe", - "#74d4ff", - "#00bcff", - "#00a6f4", - "#0084d1", - "#0069a8", - "#00598a", - "#024a70", - "#052f4a", - "#eff6ff", - "#dbeafe", - "#bedbff", - "#8ec5ff", - "#51a2ff", - "#2b7fff", - "#155dfc", - "#1447e6", - "#193cb8", - "#1c398e", - "#162456", - "#eef2ff", - "#e0e7ff", - "#c6d2ff", - "#a3b3ff", - "#7c86ff", - "#615fff", - "#4f39f6", - "#432dd7", - "#372aac", - "#312c85", - "#1e1a4d", - "#f5f3ff", - "#ede9fe", - "#ddd6ff", - "#c4b4ff", - "#a684ff", - "#8e51ff", - "#7f22fe", - "#7008e7", - "#5d0ec0", - "#4d179a", - "#2f0d68", - "#faf5ff", - "#f3e8ff", - "#e9d4ff", - "#dab2ff", - "#c27aff", - "#ad46ff", - "#9810fa", - "#8200db", - "#6e11b0", - "#59168b", - "#3c0366", - "#fdf4ff", - "#fae8ff", - "#f6cfff", - "#f4a8ff", - "#ed6aff", - "#e12afb", - "#c800de", - "#a800b7", - "#8a0194", - "#721378", - "#4b004f", - "#fdf2f8", - "#fce7f3", - "#fccee8", - "#fda5d5", - "#fb64b6", - "#f6339a", - "#e60076", - "#c6005c", - "#a3004c", - "#861043", - "#510424", - "#fff1f2", - "#ffe4e6", - "#ffccd3", - "#ffa1ad", - "#ff637e", - "#ff2056", - "#ec003f", - "#c70036", - "#a50036", - "#8b0836", - "#4d0218", - "#f8fafc", - "#f1f5f9", - "#e2e8f0", - "#cad5e2", - "#90a1b9", - "#62748e", - "#45556c", - "#314158", - "#1d293d", - "#0f172b", - "#020618", - "#f9fafb", - "#f3f4f6", - "#e5e7eb", - "#d1d5dc", - "#99a1af", - "#6a7282", - "#4a5565", - "#364153", - "#1e2939", - "#101828", - "#030712", - "#fafafa", - "#f4f4f5", - "#e4e4e7", - "#d4d4d8", - "#9f9fa9", - "#71717b", - "#52525c", - "#3f3f46", - "#27272a", - "#18181b", - "#09090b", - "#f5f5f5", - "#e5e5e5", - "#d4d4d4", - "#a1a1a1", - "#737373", - "#525252", - "#404040", - "#262626", - "#171717", - "#0a0a0a", - "#fafaf9", - "#f5f5f4", - "#e7e5e4", - "#d6d3d1", - "#a6a09b", - "#79716b", - "#57534d", - "#44403b", - "#292524", - "#1c1917", - "#0c0a09", + "#ffffff", + "#000000", + "#ffe2e2", + "#ffc9c9", + "#ffa2a2", + "#ff6467", + "#fb2c36", + "#e7000b", + "#c10007", + "#9f0712", + "#82181a", + "#460809", + "#fff7ed", + "#ffedd4", + "#ffd6a7", + "#ffb86a", + "#ff8904", + "#ff6900", + "#f54900", + "#ca3500", + "#9f2d00", + "#7e2a0c", + "#441306", + "#fffbeb", + "#fef3c6", + "#fee685", + "#ffd230", + "#ffb900", + "#fe9a00", + "#e17100", + "#bb4d00", + "#973c00", + "#7b3306", + "#461901", + "#fefce8", + "#fef9c2", + "#fff085", + "#ffdf20", + "#fdc700", + "#f0b100", + "#d08700", + "#a65f00", + "#894b00", + "#733e0a", + "#432004", + "#f7fee7", + "#ecfcca", + "#d8f999", + "#bbf451", + "#9ae600", + "#7ccf00", + "#5ea500", + "#497d00", + "#3c6300", + "#35530e", + "#192e03", + "#f0fdf4", + "#dcfce7", + "#b9f8cf", + "#7bf1a8", + "#05df72", + "#00c950", + "#00a63e", + "#008236", + "#016630", + "#0d542b", + "#032e15", + "#ecfdf5", + "#d0fae5", + "#a4f4cf", + "#5ee9b5", + "#00d492", + "#00bc7d", + "#009966", + "#007a55", + "#006045", + "#004f3b", + "#002c22", + "#f0fdfa", + "#cbfbf1", + "#96f7e4", + "#46ecd5", + "#00d5be", + "#00bba7", + "#009689", + "#00786f", + "#005f5a", + "#0b4f4a", + "#022f2e", + "#ecfeff", + "#cefafe", + "#a2f4fd", + "#53eafd", + "#00d3f2", + "#00b8db", + "#0092b8", + "#007595", + "#005f78", + "#104e64", + "#053345", + "#f0f9ff", + "#dff2fe", + "#b8e6fe", + "#74d4ff", + "#00bcff", + "#00a6f4", + "#0084d1", + "#0069a8", + "#00598a", + "#024a70", + "#052f4a", + "#eff6ff", + "#dbeafe", + "#bedbff", + "#8ec5ff", + "#51a2ff", + "#2b7fff", + "#155dfc", + "#1447e6", + "#193cb8", + "#1c398e", + "#162456", + "#eef2ff", + "#e0e7ff", + "#c6d2ff", + "#a3b3ff", + "#7c86ff", + "#615fff", + "#4f39f6", + "#432dd7", + "#372aac", + "#312c85", + "#1e1a4d", + "#f5f3ff", + "#ede9fe", + "#ddd6ff", + "#c4b4ff", + "#a684ff", + "#8e51ff", + "#7f22fe", + "#7008e7", + "#5d0ec0", + "#4d179a", + "#2f0d68", + "#faf5ff", + "#f3e8ff", + "#e9d4ff", + "#dab2ff", + "#c27aff", + "#ad46ff", + "#9810fa", + "#8200db", + "#6e11b0", + "#59168b", + "#3c0366", + "#fdf4ff", + "#fae8ff", + "#f6cfff", + "#f4a8ff", + "#ed6aff", + "#e12afb", + "#c800de", + "#a800b7", + "#8a0194", + "#721378", + "#4b004f", + "#fdf2f8", + "#fce7f3", + "#fccee8", + "#fda5d5", + "#fb64b6", + "#f6339a", + "#e60076", + "#c6005c", + "#a3004c", + "#861043", + "#510424", + "#fff1f2", + "#ffe4e6", + "#ffccd3", + "#ffa1ad", + "#ff637e", + "#ff2056", + "#ec003f", + "#c70036", + "#a50036", + "#8b0836", + "#4d0218", + "#f8fafc", + "#f1f5f9", + "#e2e8f0", + "#cad5e2", + "#90a1b9", + "#62748e", + "#45556c", + "#314158", + "#1d293d", + "#0f172b", + "#020618", + "#f9fafb", + "#f3f4f6", + "#e5e7eb", + "#d1d5dc", + "#99a1af", + "#6a7282", + "#4a5565", + "#364153", + "#1e2939", + "#101828", + "#030712", + "#fafafa", + "#f4f4f5", + "#e4e4e7", + "#d4d4d8", + "#9f9fa9", + "#71717b", + "#52525c", + "#3f3f46", + "#27272a", + "#18181b", + "#09090b", + "#f5f5f5", + "#e5e5e5", + "#d4d4d4", + "#a1a1a1", + "#737373", + "#525252", + "#404040", + "#262626", + "#171717", + "#0a0a0a", + "#fafaf9", + "#f5f5f4", + "#e7e5e4", + "#d6d3d1", + "#a6a09b", + "#79716b", + "#57534d", + "#44403b", + "#292524", + "#1c1917", + "#0c0a09", ]; diff --git a/apps/web/src/data/colors/syntax-ui.tsx b/apps/web/src/data/colors/syntax-ui.tsx index 50c7e7cc..e650b7d2 100644 --- a/apps/web/src/data/colors/syntax-ui.tsx +++ b/apps/web/src/data/colors/syntax-ui.tsx @@ -1,32 +1,32 @@ // These are the gradients from Syntax UI (https://syntaxui.com/effects/gradients) export const syntaxUIGradients = [ - // Cyan to Blue gradients - "linear-gradient(to right, #22d3ee, #0ea5e9, #0284c7)", - "linear-gradient(to right, #bfdbfe, #a5f3fc)", - "linear-gradient(to right, #22d3ee, #0ea5e9, #0284c7)", + // Cyan to Blue gradients + "linear-gradient(to right, #22d3ee, #0ea5e9, #0284c7)", + "linear-gradient(to right, #bfdbfe, #a5f3fc)", + "linear-gradient(to right, #22d3ee, #0ea5e9, #0284c7)", - // Purple gradients - "linear-gradient(to right, #e9d5ff, #d8b4fe, #c084fc)", - "linear-gradient(to right, #c4b5fd, #a78bfa, #8b5cf6)", + // Purple gradients + "linear-gradient(to right, #e9d5ff, #d8b4fe, #c084fc)", + "linear-gradient(to right, #c4b5fd, #a78bfa, #8b5cf6)", - // Blue gradients - "linear-gradient(to right, #93c5fd, #60a5fa, #3b82f6)", - "linear-gradient(to right, #93c5fd, #60a5fa, #3b82f6)", + // Blue gradients + "linear-gradient(to right, #93c5fd, #60a5fa, #3b82f6)", + "linear-gradient(to right, #93c5fd, #60a5fa, #3b82f6)", - // Green gradients - "linear-gradient(to right, #6ee7b7, #34d399, #10b981)", - "linear-gradient(to right, #d1fae5, #a7f3d0, #6ee7b7)", + // Green gradients + "linear-gradient(to right, #6ee7b7, #34d399, #10b981)", + "linear-gradient(to right, #d1fae5, #a7f3d0, #6ee7b7)", - // Red gradient - "linear-gradient(to right, #fca5a5, #f87171, #ef4444)", + // Red gradient + "linear-gradient(to right, #fca5a5, #f87171, #ef4444)", - // Yellow/Orange gradient - "linear-gradient(to right, #fde68a, #fbbf24, #f59e0b)", + // Yellow/Orange gradient + "linear-gradient(to right, #fde68a, #fbbf24, #f59e0b)", - // Pink gradient - "linear-gradient(to right, #fbcfe8, #f9a8d4, #f472b6)", + // Pink gradient + "linear-gradient(to right, #fbcfe8, #f9a8d4, #f472b6)", - // Neon radial gradient - "radial-gradient(circle at bottom left, #ff00ff, #00ffff)", + // Neon radial gradient + "radial-gradient(circle at bottom left, #ff00ff, #00ffff)", ]; |