diff --git a/files/templates/tailwind-class-list.html b/files/templates/tailwind-class-list.html
index 6ad2a23793..2d2e19e40c 100644
--- a/files/templates/tailwind-class-list.html
+++ b/files/templates/tailwind-class-list.html
@@ -1 +1,3 @@
-<div class="animate-pulse hover:bg-gray-300 hover:opacity-100 md:hover:opacity-100 pointer-events-none"></div>
\ No newline at end of file
+<div class="animate-pulse hover:bg-gray-300 hover:opacity-100 md:hover:opacity-100 pointer-events-none"></div>
+
+<div class="text-twitter text-blue text-lightblue text-danger text-success text-gold text-silver text-light-green"></div>
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
index 52e8980ebd..ec4faa8d6e 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -34,6 +34,8 @@ module.exports = {
       'blue': '#0369a1',
       'lightblue': '#0ea5e9',
       'gold': '#facc15'
+      'silver': '#94a3b8',
+      'lightgreen': '#84cc16'
     },
     fontFamily: {
       'sans-serif': ['Helvetica Neue', '-apple-system', 'BlinkMacSystemFont', 'Tahoma', 'Segoe UI', 'Helvetica', 'sans-serif', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'],