diff --git a/files/static/src/main.css b/files/static/src/main.css
index a49ab1c03..86677f5a4 100644
--- a/files/static/src/main.css
+++ b/files/static/src/main.css
@@ -115,6 +115,12 @@
 .badge {
 	@apply px-1 py-0.5 text-sm text-shadow-light font-bold leading-normal rounded bg-gradient-to-t;
 }
+.badge-pink {
+	@apply from-pink-600 to-pink-500 text-white;
+}
+.badge-purple {
+	@apply from-purple-600 to-purple-500 text-white;
+}
 .badge-red {
 	@apply from-red-600 to-red-500 text-white;
 }
diff --git a/tailwind.config.js b/tailwind.config.js
index e9af6659e..4416093e1 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -23,6 +23,7 @@ module.exports = {
       black: colors.black,
       white: colors.white,
       pink: colors.pink,
+      purple: colors.purple,
       green: colors.green,
       red: colors.red,
       yellow: colors.amber,