@mixin green-theme { --accent-color: theme("colors.emerald.500"); --accent-light-color: theme("colors.emerald.400"); --accent-dark-color: theme("colors.emerald.600"); --accent-contrast-color: theme("colors.white"); --gradient-from-color: theme("colors.emerald.400"); --gradient-via-color: theme("colors.emerald.500"); --gradient-to-color: theme("colors.emerald.600"); } @mixin teal-theme { --accent-color: theme("colors.teal.500"); --accent-light-color: theme("colors.teal.400"); --accent-dark-color: theme("colors.teal.600"); --accent-contrast-color: theme("colors.white"); --gradient-from-color: theme("colors.teal.400"); --gradient-via-color: theme("colors.teal.500"); --gradient-to-color: theme("colors.teal.600"); } @mixin blue-theme { --accent-color: theme("colors.blue.500"); --accent-light-color: theme("colors.blue.400"); --accent-dark-color: theme("colors.blue.600"); --accent-contrast-color: theme("colors.white"); --gradient-from-color: theme("colors.blue.400"); --gradient-via-color: theme("colors.blue.500"); --gradient-to-color: theme("colors.blue.600"); } @mixin indigo-theme { --accent-color: theme("colors.indigo.500"); --accent-light-color: theme("colors.indigo.400"); --accent-dark-color: theme("colors.indigo.600"); --accent-contrast-color: theme("colors.white"); --gradient-from-color: theme("colors.indigo.400"); --gradient-via-color: theme("colors.indigo.500"); --gradient-to-color: theme("colors.indigo.600"); } @mixin purple-theme { --accent-color: theme("colors.purple.500"); --accent-light-color: theme("colors.purple.400"); --accent-dark-color: theme("colors.purple.600"); --accent-contrast-color: theme("colors.white"); --gradient-from-color: theme("colors.purple.400"); --gradient-via-color: theme("colors.purple.500"); --gradient-to-color: theme("colors.purple.600"); } @mixin yellow-theme { --accent-color: theme("colors.amber.500"); --accent-light-color: theme("colors.amber.400"); --accent-dark-color: theme("colors.amber.600"); --accent-contrast-color: theme("colors.white"); --gradient-from-color: theme("colors.amber.400"); --gradient-via-color: theme("colors.amber.500"); --gradient-to-color: theme("colors.amber.600"); } @mixin orange-theme { --accent-color: theme("colors.orange.500"); --accent-light-color: theme("colors.orange.400"); --accent-dark-color: theme("colors.orange.600"); --accent-contrast-color: theme("colors.white"); --gradient-from-color: theme("colors.orange.400"); --gradient-via-color: theme("colors.orange.500"); --gradient-to-color: theme("colors.orange.600"); } @mixin red-theme { --accent-color: theme("colors.red.500"); --accent-light-color: theme("colors.red.400"); --accent-dark-color: theme("colors.red.600"); --accent-contrast-color: theme("colors.white"); --gradient-from-color: theme("colors.red.400"); --gradient-via-color: theme("colors.red.500"); --gradient-to-color: theme("colors.red.600"); } @mixin pink-theme { --accent-color: theme("colors.pink.500"); --accent-light-color: theme("colors.pink.400"); --accent-dark-color: theme("colors.pink.600"); --accent-contrast-color: theme("colors.white"); --gradient-from-color: theme("colors.pink.400"); --gradient-via-color: theme("colors.pink.500"); --gradient-to-color: theme("colors.pink.600"); }