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'],