Computed
array (
'colors' =>
array (
'black' => '#000000',
'cyan-bluish-gray' => '#abb8c3',
'white' => '#ffffff',
'pale-pink' => '#f78da7',
'vivid-red' => '#cf2e2e',
'luminous-vivid-orange' => '#ff6900',
'luminous-vivid-amber' => '#fcb900',
'light-green-cyan' => '#7bdcb5',
'vivid-green-cyan' => '#00d084',
'pale-cyan-blue' => '#8ed1fc',
'vivid-cyan-blue' => '#0693e3',
'vivid-purple' => '#9b51e0',
'base' => '#FFFFFF',
'contrast' => '#111111',
'accent-1' => '#FFEE58',
'accent-2' => '#F6CFF4',
'accent-3' => '#503AA8',
'accent-4' => '#686868',
'accent-5' => '#FBFAF3',
'accent-6' => 'color-mix(in srgb, currentColor 20%, transparent)',
),
'gradients' =>
array (
'vivid-cyan-blue-to-vivid-purple' => 'linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%)',
'light-green-cyan-to-vivid-green-cyan' => 'linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%)',
'luminous-vivid-amber-to-luminous-vivid-orange' => 'linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%)',
'luminous-vivid-orange-to-vivid-red' => 'linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%)',
'very-light-gray-to-cyan-bluish-gray' => 'linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%)',
'cool-to-warm-spectrum' => 'linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%)',
'blush-light-purple' => 'linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%)',
'blush-bordeaux' => 'linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%)',
'luminous-dusk' => 'linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%)',
'pale-ocean' => 'linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%)',
'electric-grass' => 'linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%)',
'midnight' => 'linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%)',
),
'font_sizes' =>
array (
'small' => '0.875rem',
'medium' => '1rem',
'large' => '1.38rem',
'x-large' => '1.75rem',
'xx-large' => '2.15rem',
),
'spacing_sizes' =>
array (
20 => '10px',
30 => '20px',
40 => '30px',
50 => 'clamp(30px, 5vw, 50px)',
60 => 'clamp(30px, 7vw, 70px)',
70 => 'clamp(50px, 7vw, 90px)',
80 => 'clamp(70px, 10vw, 140px)',
),
'vars' =>
array (
'--wp--preset--color--black' => '#000000',
'--wp--preset--color--cyan-bluish-gray' => '#abb8c3',
'--wp--preset--color--white' => '#ffffff',
'--wp--preset--color--pale-pink' => '#f78da7',
'--wp--preset--color--vivid-red' => '#cf2e2e',
'--wp--preset--color--luminous-vivid-orange' => '#ff6900',
'--wp--preset--color--luminous-vivid-amber' => '#fcb900',
'--wp--preset--color--light-green-cyan' => '#7bdcb5',
'--wp--preset--color--vivid-green-cyan' => '#00d084',
'--wp--preset--color--pale-cyan-blue' => '#8ed1fc',
'--wp--preset--color--vivid-cyan-blue' => '#0693e3',
'--wp--preset--color--vivid-purple' => '#9b51e0',
'--wp--preset--color--base' => '#FFFFFF',
'--wp--preset--color--contrast' => '#111111',
'--wp--preset--color--accent-1' => '#FFEE58',
'--wp--preset--color--accent-2' => '#F6CFF4',
'--wp--preset--color--accent-3' => '#503AA8',
'--wp--preset--color--accent-4' => '#686868',
'--wp--preset--color--accent-5' => '#FBFAF3',
'--wp--preset--color--accent-6' => 'color-mix(in srgb, currentColor 20%, transparent)',
'--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple' => 'linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%)',
'--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan' => 'linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%)',
'--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange' => 'linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%)',
'--wp--preset--gradient--luminous-vivid-orange-to-vivid-red' => 'linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%)',
'--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray' => 'linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%)',
'--wp--preset--gradient--cool-to-warm-spectrum' => 'linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%)',
'--wp--preset--gradient--blush-light-purple' => 'linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%)',
'--wp--preset--gradient--blush-bordeaux' => 'linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%)',
'--wp--preset--gradient--luminous-dusk' => 'linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%)',
'--wp--preset--gradient--pale-ocean' => 'linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%)',
'--wp--preset--gradient--electric-grass' => 'linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%)',
'--wp--preset--gradient--midnight' => 'linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%)',
'--wp--preset--font-size--small' => '0.875rem',
'--wp--preset--font-size--medium' => '1rem',
'--wp--preset--font-size--large' => '1.38rem',
'--wp--preset--font-size--x-large' => '1.75rem',
'--wp--preset--font-size--xx-large' => '2.15rem',
'--wp--preset--spacing--20' => '10px',
'--wp--preset--spacing--30' => '20px',
'--wp--preset--spacing--40' => '30px',
'--wp--preset--spacing--50' => 'clamp(30px, 5vw, 50px)',
'--wp--preset--spacing--60' => 'clamp(30px, 7vw, 70px)',
'--wp--preset--spacing--70' => 'clamp(50px, 7vw, 90px)',
'--wp--preset--spacing--80' => 'clamp(70px, 10vw, 140px)',
),
)Test
array (
0 =>
array (
'name' => 'Vivid cyan blue to vivid purple',
'gradient' => 'linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%)',
'slug' => 'vivid-cyan-blue-to-vivid-purple',
),
1 =>
array (
'name' => 'Light green cyan to vivid green cyan',
'gradient' => 'linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%)',
'slug' => 'light-green-cyan-to-vivid-green-cyan',
),
2 =>
array (
'name' => 'Luminous vivid amber to luminous vivid orange',
'gradient' => 'linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%)',
'slug' => 'luminous-vivid-amber-to-luminous-vivid-orange',
),
3 =>
array (
'name' => 'Luminous vivid orange to vivid red',
'gradient' => 'linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%)',
'slug' => 'luminous-vivid-orange-to-vivid-red',
),
4 =>
array (
'name' => 'Very light gray to cyan bluish gray',
'gradient' => 'linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%)',
'slug' => 'very-light-gray-to-cyan-bluish-gray',
),
5 =>
array (
'name' => 'Cool to warm spectrum',
'gradient' => 'linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%)',
'slug' => 'cool-to-warm-spectrum',
),
6 =>
array (
'name' => 'Blush light purple',
'gradient' => 'linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%)',
'slug' => 'blush-light-purple',
),
7 =>
array (
'name' => 'Blush bordeaux',
'gradient' => 'linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%)',
'slug' => 'blush-bordeaux',
),
8 =>
array (
'name' => 'Luminous dusk',
'gradient' => 'linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%)',
'slug' => 'luminous-dusk',
),
9 =>
array (
'name' => 'Pale ocean',
'gradient' => 'linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%)',
'slug' => 'pale-ocean',
),
10 =>
array (
'name' => 'Electric grass',
'gradient' => 'linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%)',
'slug' => 'electric-grass',
),
11 =>
array (
'name' => 'Midnight',
'gradient' => 'linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%)',
'slug' => 'midnight',
),
)