fix

files/templates/award_modal.html

@@ -22,8 +22,8 @@
 							<label for="{{award.kind}}-award" onclick="bruh('{{award.kind}}')" class="w-full h-full p-2 text-center hover:bg-gray-300 peer-checked:shadow-inner peer-checked:bg-gray-400 rounded cursor-not-allowed opacity-50">
 							{% endif %}
 									<i class="{{award.icon}} {{award.color}}"></i>
-									<div class="mt-2 font-bold text-base text-gray-700">{{award.title}}</div>
-									<div class="text-sm text-gray-500">{{award.owned}} owned</div>
+									<div class="mt-2 font-bold text-base text-gray-700 peer-checked:text-gray-100">{{award.title}}</div>
+									<div class="text-sm text-gray-500 peer-checked:text-gray-300">{{award.owned}} owned</div>
 								</label>
 						</div>
 						{% endfor %}

tailwind.config.js

@@ -62,7 +62,8 @@ module.exports = {
   variants: {
     extend: {
       backgroundColor: ['checked'],
-      boxShadow: ['checked']
+      boxShadow: ['checked'],
+      color: ['checked']
     },
   },
   plugins: [],