diff --git a/files/assets/css/mistletoe.css b/files/assets/css/mistletoe.css
index 72d0d2a77..d11c9ae88 100644
--- a/files/assets/css/mistletoe.css
+++ b/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 {
diff --git a/files/templates/default.html b/files/templates/default.html
index 18e687f76..636ea724c 100644
--- a/files/templates/default.html
+++ b/files/templates/default.html
@@ -192,7 +192,7 @@
{% endassets %}
-
+
{% if v %}
diff --git a/tailwind.config.js b/tailwind.config.js
index 43bed8ff0..4416093e1 100644
--- a/tailwind.config.js
+++ b/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'],