6fa722df7b
Co-authored-by: Liyas Thomas <liyascthomas@gmail.com> Co-authored-by: Andrew Bastin <andrewbastin.k@gmail.com>
90 lines
3.3 KiB
SCSS
90 lines
3.3 KiB
SCSS
@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");
|
|
}
|