fix

files/assets/css/mistletoe.css

@@ -1,3 +1,30 @@
+/* Colors */
+
+.text-twitter {
+	color: #00acee;
+}
+.text-success {
+	color: #16a34a;
+}
+.text-danger {
+	color: #dc2626;
+}
+.text-blue {
+	color: #0369a1;
+}
+.text-lightblue {
+	color: #0ea5e9;
+}
+.text-gold {
+	color: #facc15;
+}
+.text-silver {
+	color: #94a3b8;
+}
+.text-lightgreen {
+	color: #84cc16;
+}
+
 /* Hats */
 
 .cap::before {
@@ -28,6 +55,31 @@
 	background-position: center;
 }
 
+
+/* Mistletoe */
+
+.mistletoe::before {
+	content: '';
+	pointer-events: none;
+	background: url("https://i.ibb.co/LN79rp9/Image.png");
+	position: absolute;
+	bottom: -15px;
+	right: 0;
+	height: 23px;
+	background-size: contain;
+}
+
+.mistletoe::after {
+	content: '';
+	pointer-events: none;
+	background: url("https://i.ibb.co/LN79rp9/Image.png");
+	position: absolute;
+	bottom: -15px;
+	left: 0;
+	height: 23px;
+	background-size: contain;
+}
+
 /* Snow caps */
 
 .snowcaps::after {

files/templates/default.html

@@ -192,7 +192,7 @@
       		<link rel="stylesheet" href="{{ ASSET_URL }}">
     	{% endassets %}
 
-    	<link rel="stylesheet" href="/assets/css/mistletoe.css?v=20">
+    	<link rel="stylesheet" href="/assets/css/mistletoe.css?v=21">
 
 		{% if v %}
 			<style>:root{--primary:#{{v.themecolor}}}</style>

tailwind.config.js

@@ -27,7 +27,7 @@ module.exports = {
       green: colors.green,
       red: colors.red,
       yellow: colors.amber,
-      blue: colors.sky,
+      blue: colors.sky
     },
     fontFamily: {
       'sans-serif': ['Helvetica Neue', '-apple-system', 'BlinkMacSystemFont', 'Tahoma', 'Segoe UI', 'Helvetica', 'sans-serif', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'],