Pick Your Holiday Monthly Custom Theme Selector🥂🎉🎆
Looking to give your Fomo notifications a seasonal makeover? Our Holiday Custom Theme Selector provides you with ready-to-use CSS snippets designed for major monthly events.
We believe that high-converting social proof shouldn't just be smart it should look beautiful, too. In this article, we showcase our favorite monthly themes and provide a step-by-step guide on how to apply them to your store using our CSS editor. Transform your site’s look for the next big holiday with a simple copy and paste.
Our calendar is always growing, and we want you to help shape it. Have a recommendation for a holiday we should feature?
and share your ideas! We’ll also be running a quick microsurvey this week to vote on the crowd favorite don't miss your chance to weigh in!
💡 Pro-Tip: Planning Ahead
To get the most out of our holiday feature, we recommend aligning your notifications with major shopping dates. For a comprehensive list of global dates, you can refer to Shopify’s Retail Holiday Calendar.
January 30th: National Croissant Day 🥐
On this day, bakeries and cafes showcase the full spectrum of this beloved pastry from the classic buttery original to inventive fillings like almond, chocolate, and ham and cheese. National Croissant Day not only celebrates culinary excellence and versatility but also highlights the rich cultural exchange embedded in its history.
GIF Recording 2026-01-27 at 3.10.19 PM - View Image
.fomo-notification-v2-classic {
background-color: #FFF9F0 !important;
border: 2px solid #E3B448 !important;
border-radius: 12px !important;
box-shadow: 0 4px 15px rgba(181, 131, 23, 0.2) !important;
overflow: hidden !important; /* Clips the flag ribbon */
position: relative !important;
}
/* Hover Effect: The "Hint of France" Ribbon */
.fomo-notification-v2-classic::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: -100% !important; /* Hidden off-side initially */
width: 6px !important;
height: 100% !important;
background: linear-gradient(to bottom, #002395 33%, #FFFFFF 33%, #FFFFFF 66%, #ED2939 66%) !important;
transition: left 0.4s ease !important;
z-index: 10 !important;
}
.fomo-notification-v2-classic:hover::before {
left: 0 !important; /* Slides the tricolor stripe into view on hover */
}
/* Content Text: Dark Chocolate Brown */
.fomo-notification-v2-classic .fomo-notification-content-wrapper p {
color: #5D4037 !important;
font-family: 'Georgia', serif !important;
}
/* Links: Toasted Caramel */
.fomo-notification-v2-classic .fomo-notification-content-wrapper a {
color: #B58317 !important;
font-weight: bold !important;
}
/* Timestamp: Subtle Cinnamon */
.fomo-notification-v2-classic .fomo-notification-content-wrapper small {
color: #A1887F !important;
}
/* Image: Rounded like a croissant */
.fomo-notification-v2-classic .fomo-notification-image-wrapper img {
border-radius: 50% 10% 50% 10% !important;
border: 1px solid #E3B448 !important;
transition: transform 0.3s ease !important;
}
/* Extra Hover Detail: The Croissant Image "Puffs Up" */
.fomo-notification-v2-classic:hover .fomo-notification-image-wrapper img {
transform: scale(1.1) rotate(-5deg) !important;
}
}
January 31st: Happy Backward Day! 🔙
Flip the script today! On Backward Day, everything is done in reverse. Whatever you usually do first, do last. Use your imagination and enjoy a day where the end is actually the beginning.
GIF Recording 2026-01-27 at 3.20.37 PM - View Image
.fomo-notification-v2-classic {
background: linear-gradient(135deg, #f0f2f5 0%, #ffffff 100%) !important;
border: 2px solid #333 !important;
border-radius: 4px !important; /* Sharp, mirror-like edges */
box-shadow: -5px 5px 0px rgba(0,0,0,0.1) !important; /* Shadow on the "wrong" side */
transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}
/* The Inversion: Flip the whole notification */
.fomo-notification-v2-classic:hover {
transform: scaleX(-1) !important; /* Flips the entire element horizontally */
}
/* Image Wrapper: Swap positions mentally */
.fomo-notification-v2-classic .fomo-notification-image-wrapper img {
filter: grayscale(100%) !important;
border-radius: 0 !important;
transform: scaleX(-1) !important; /* Image is already flipped back so it looks "normal" inside the flipped container */
}
/* Content Text: Monochrome and upside-down hint */
.fomo-notification-v2-classic .fomo-notification-content-wrapper p {
color: #222 !important;
font-family: 'Courier New', monospace !important; /* Retro/Typewriter vibe */
letter-spacing: -0.5px !important;
}
/* Links: Highlighted in "Reverse" (background instead of text color) */
.fomo-notification-v2-classic .fomo-notification-content-wrapper a {
background-color: #333 !important;
color: #fff !important;
padding: 0 4px !important;
text-decoration: none !important;
}
/* Timestamp: Bottom-aligned reflection */
.fomo-notification-v2-classic .fomo-notification-content-wrapper small {
display: block !important;
transform: rotate(180deg) !important; /* Literally upside down */
text-align: right !important;
opacity: 0.6 !important;
}
/* Close button: Move to the other side */
#fomo-close {
left: 5px !important;
right: auto !important;
}
February 1st: National Dark Chocolate Day 🍫
Today we celebrate the bold, sophisticated side of cocoa. Unlike milk chocolate which uses dairy and butter for a mellow, creamy finish dark chocolate is all about that rich, bittersweet intensity. Treat yourself to a square (or a bar) today!
GIF Recording 2026-01-27 at 3.33.09 PM - View Image
.fomo-notification-v2-classic {
background-color: #2D1B17 !important;
background-image: linear-gradient(
120deg,
transparent 30%,
rgba(212, 175, 55, 0.15) 45%,
transparent 60%
) !important;
background-size: 200% 100% !important;
background-position: 100% 0 !important;
border: 1px solid #D4AF37 !important;
border-radius: 6px !important;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
transition: background-position 0.6s ease, background-color 0.3s ease !important;
}
/* Hover Action: Slides the "Gold Sheen" background gradient */
.fomo-notification-v2-classic:hover {
background-position: 0 0 !important;
background-color: #1B0D0A !important;
}
/* Content Text */
.fomo-notification-v2-classic .fomo-notification-content-wrapper p {
color: #F5F5DC !important;
font-family: 'Georgia', serif !important;
font-size: 13px !important;
line-height: 1.4 !important;
margin: 0 !important;
}
/* Links */
.fomo-notification-v2-classic .fomo-notification-content-wrapper a {
color: #D4AF37 !important;
font-weight: 600 !important;
text-decoration: underline !important;
}
/* Timestamp */
.fomo-notification-v2-classic .fomo-notification-content-wrapper small {
color: #A67C52 !important;
font-size: 11px !important;
}
/* Image */
.fomo-notification-v2-classic .fomo-notification-image-wrapper img {
border-radius: 4px !important;
border: 1px solid #3E2723 !important;
transition: filter 0.3s ease !important;
}
/* Subtle image brightness on hover */
.fomo-notification-v2-classic:hover .fomo-notification-image-wrapper img {
filter: brightness(1.2) !important;
}
February 6th: Happy Bob Marley Day! 🇯🇲🎤
Robert Nesta Marley, a global icon who used his voice to advocate for peace, justice, and unity. From the hills of Nine Mile to the world stage, Bob Marley’s lyrics continue to inspire generations to "emancipate yourselves from mental slavery." Happy Bob Marley Day to everyone keeping the spirit of reggae alive!
GIF Recording 2026-01-27 at 5.12.07 PM - View Image
.fomo-notification-v2-classic {
background-color: #1A1A1A !important;
/* Red Top (Rasta), Gold Bottom (Both), Green Side (Jamaica) */
border-top: 4px solid #D32F2F !important; /* Red */
border-bottom: 4px solid #FFD700 !important; /* Gold */
border-left: 6px solid #009B3A !important; /* Jamaican Green */
border-right: 1px solid #333 !important;
border-radius: 4px !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
transition: all 0.3s ease-in-out !important;
}
/* Hover Action: "The Sun Shines"
Background warms up and borders brighten */
.fomo-notification-v2-classic:hover {
background-color: #262626 !important;
border-left-color: #FFD700 !important; /* Green turns to Gold on hover */
filter: drop-shadow(0 0 10px rgba(0, 155, 58, 0.3)) !important;
}
/* Content Text: High Contrast White */
.fomo-notification-v2-classic .fomo-notification-content-wrapper p {
color: #FFFFFF !important;
font-family: 'Helvetica Neue', Arial, sans-serif !important;
font-size: 13px !important;
line-height: 1.5 !important;
}
/* Links: Jamaican Gold */
.fomo-notification-v2-classic .fomo-notification-content-wrapper a {
color: #FFD700 !important;
font-weight: 800 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
text-decoration: none !important;
/* Subtle Green underline */
border-bottom: 2px solid #009B3A !important;
}
/* Timestamp: Reggae Red */
.fomo-notification-v2-classic .fomo-notification-content-wrapper small {
color: #FF5252 !important;
font-size: 11px !important;
font-weight: bold !important;
text-transform: lowercase !important;
}
/* Image Wrapper: The Lion/Artist Frame */
.fomo-notification-v2-classic .fomo-notification-image-wrapper img {
border-radius: 4px !important; /* Square with slight round for a "photo" feel */
border: 2px solid #FFD700 !important;
filter: sepia(20%) contrast(1.1) !important; /* Warm vintage photo filter */
transition: transform 0.4s ease !important;
}
/* Hover Effect: Positive Vibration */
.fomo-notification-v2-classic:hover .fomo-notification-image-wrapper img {
transform: scale(1.1) rotate(3deg) !important;
border-color: #009B3A !important;
}
January 27th – February 7th: It’s E-Day! 🤓🔢
It’s time to celebrate everyone’s favorite "irrational" number: $e$ (2.71828...)!
Why the dates? In the US date format, the celebration starts on 1/27 and ends on 2/7 to match the first few digits of the constant (2.71828). It’s the only holiday that grows exponentially so grab a calculator and let your inner nerd run wild!
GIF Recording 2026-01-27 at 5.22.09 PM - View Image
.fomo-notification-v2-classic {
background-color: #0B1622 !important; /* Deep Tech Blue */
/* Mathematical Grid Pattern */
background-image:
linear-gradient(rgba(0, 163, 255, 0.1) 1px, transparent 1px),
linear-gradient(90deg, rgba(0, 163, 255, 0.1) 1px, transparent 1px) !important;
background-size: 15px 15px !important;
border: 1px solid #00A3FF !important; /* Neon Blueprint Blue */
border-left: 5px solid #00A3FF !important;
border-radius: 4px !important;
box-shadow: 0 4px 15px rgba(0, 163, 255, 0.2) !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
/* Hover Action: "Exponential Growth" Glow */
.fomo-notification-v2-classic:hover {
background-color: #0F2030 !important;
/* The glow "grows" exponentially on hover */
box-shadow: 0 0 20px rgba(0, 163, 255, 0.5), inset 0 0 10px rgba(0, 163, 255, 0.2) !important;
border-left-width: 10px !important;
}
/* Content Text: Clean Data White */
.fomo-notification-v2-classic .fomo-notification-content-wrapper p {
color: #E0E6ED !important;
font-family: 'Courier New', Courier, monospace !important; /* Math/Code vibe */
font-size: 13px !important;
line-height: 1.4 !important;
}
/* Links: Hyperlink Cyan */
.fomo-notification-v2-classic .fomo-notification-content-wrapper a {
color: #00F0FF !important;
font-weight: bold !important;
text-decoration: none !important;
border-bottom: 1px dashed #00F0FF !important;
}
/* Timestamp: Muted Logic Gray */
.fomo-notification-v2-classic .fomo-notification-content-wrapper small {
color: #607D8B !important;
font-size: 11px !important;
letter-spacing: 1px !important;
}
/* Image Wrapper: The "Constant" Frame */
.fomo-notification-v2-classic .fomo-notification-image-wrapper img {
border-radius: 0% !important; /* Sharp, geometric edges */
border: 1px solid #00A3FF !important;
background-color: #0B1622 !important;
filter: brightness(1.2) cyan-process(1) !important;
transition: transform 0.3s ease !important;
}
/* Hover Detail: Subtle "Calculated" Rotation */
.fomo-notification-v2-classic:hover .fomo-notification-image-wrapper img {
transform: rotate(90deg) scale(0.9) !important; /* Mimics a graph rotation */
}
February 14th: Valentine's Day Themes ❤️🔥
Valentine’s Day is a peak season for gift-giving and emotional connection. To help you match the romantic energy of your store, we’ve curated several design directions that go beyond the basic red-and-white templates. Whether your brand is high-end and sophisticated or bright and playful, these themes ensure your social proof notifications feel like a natural extension of your holiday branding.
Option A:
GIF Recording 2026-02-03 at 8.51.54 PM - View Image
.fomo-notification-v2-classic {
background: linear-gradient(135deg, #ffeef8 0%, #ffe5f1 100%);
border-radius: 16px;
box-shadow: 0 10px 40px rgba(255, 105, 180, 0.25);
padding: 9px;
border: 2px solid #ffb6d9;
transition: box-shadow 0.4s ease, transform 0.3s ease;
}
.fomo-notification-v2-classic:hover {
box-shadow: 0 15px 60px rgba(255, 105, 180, 0.45);
transform: scale(1.02);
}
.fomo-notification-v2-classic .fomo-notification-content-wrapper p {
color: #c2185b;
font-weight: 600;
margin: 0;
line-height: 1.6;
}
.fomo-notification-v2-classic .fomo-notification-content-wrapper a {
color: #d81b60;
text-decoration: none;
font-weight: 700;
border-bottom: 2px solid #ff4081;
transition: color 0.3s ease, border-color 0.3s ease;
}
.fomo-notification-v2-classic .fomo-notification-content-wrapper a:hover {
color: #f50057;
border-color: #f50057;
}
.fomo-notification-v2-classic .fomo-notification-content-wrapper small {
color: #ec407a;
font-size: 0.875em;
font-style: italic;
}
.fomo-notification-v2-classic .fomo-notification-image-wrapper {
margin-right: 14px;
}
.fomo-notification-v2-classic .fomo-notification-image-wrapper img {
border-radius: 12px;
border: 3px solid #ff4081;
box-shadow: 0 6px 20px rgba(216, 27, 96, 0.3);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.fomo-notification-v2-classic:hover .fomo-notification-image-wrapper img {
transform: scale(1.05);
box-shadow: 0 8px 30px rgba(216, 27, 96, 0.5);
}
Option B:
.fomo-notification-v2-classic {
background: linear-gradient(135deg, #c62828 0%, #e91e63 100%);
border-radius: 18px;
box-shadow: 0 12px 45px rgba(198, 40, 40, 0.4);
padding: 10px;
border: 1px solid rgba(255, 215, 0, 0.3);
}
.fomo-notification-v2-classic .fomo-notification-content-wrapper p {
color: #ffffff;
font-weight: 600;
margin: 0;
line-height: 1.7;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.fomo-notification-v2-classic .fomo-notification-content-wrapper a {
color: #ffd700;
text-decoration: none;
font-weight: 700;
text-shadow: 0 0 15px rgba(255, 215, 0, 0.5);
}
.fomo-notification-v2-classic .fomo-notification-content-wrapper small {
color: #ffcdd2;
font-size: 0.875em;
font-weight: 400;
}
.fomo-notification-v2-classic .fomo-notification-image-wrapper {
margin-right: 14px;
}
.fomo-notification-v2-classic .fomo-notification-image-wrapper img {
border-radius: 50%;
border: 4px solid rgba(255, 215, 0, 0.6);
box-shadow: 0 0 25px rgba(255, 215, 0, 0.4);
}
Option C:
.fomo-notification-v2-classic {
background: linear-gradient(135deg, #f3e5f5 0%, #fce4ec 100%);
border-radius: 16px;
box-shadow: 0 10px 40px rgba(156, 39, 176, 0.2);
padding: 9px;
border-left: 6px solid #d81b60;
border-right: 6px solid #d81b60;
}
.fomo-notification-v2-classic .fomo-notification-content-wrapper p {
color: #6a1b9a;
font-weight: 600;
margin: 0;
line-height: 1.6;
}
.fomo-notification-v2-classic .fomo-notification-content-wrapper a {
color: #c2185b;
text-decoration: none;
font-weight: 700;
border-bottom: 3px solid #ff4081;
padding-bottom: 2px;
}
.fomo-notification-v2-classic .fomo-notification-content-wrapper small {
color: #ab47bc;
font-size: 0.875em;
font-style: italic;
}
.fomo-notification-v2-classic .fomo-notification-image-wrapper {
margin-right: 14px;
}
.fomo-notification-v2-classic .fomo-notification-image-wrapper img {
border-radius: 12px;
border: 3px solid #d81b60;
box-shadow: 0 6px 20px rgba(216, 27, 96, 0.25);
}
February 17 Year of the Fire (Red) Horse 🐎
2026 marks the arrival of the Year of the Fire Horse, a zodiac sign known for its incredible energy, speed, and passion. Celebrated on February 17th, this Lunar New Year is the perfect opportunity to infuse your store with the vibrant "Fire Red" and "Sunlight Gold" that represent prosperity and rapid growth. These themes are designed to capture the momentum of the Horse, ensuring your notifications feel powerful, auspicious, and ready for a year of success.
GIF Recording 2026-02-03 at 9.15.15 PM - View Image
.fomo-notification-v2-classic {
background: linear-gradient(135deg, #b71c1c 0%, #d32f2f 50%, #e53935 100%);
border-radius: 16px;
box-shadow: 0 10px 40px rgba(183, 28, 28, 0.45);
padding: 10px;
border: 2px solid #ff6f00;
transition: box-shadow 0.4s ease, border-color 0.4s ease;
}
.fomo-notification-v2-classic:hover {
box-shadow: 0 15px 60px rgba(255, 111, 0, 0.6);
border-color: #ffd700;
}
.fomo-notification-v2-classic .fomo-notification-content-wrapper p {
color: #fff8e1;
font-weight: 700;
margin: 0;
line-height: 1.7;
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}
.fomo-notification-v2-classic .fomo-notification-content-wrapper a {
color: #ffeb3b;
text-decoration: none;
font-weight: 800;
text-shadow: 0 0 15px rgba(255, 235, 59, 0.7);
transition: text-shadow 0.3s ease;
}
.fomo-notification-v2-classic .fomo-notification-content-wrapper a:hover {
text-shadow: 0 0 25px rgba(255, 235, 59, 1);
}
.fomo-notification-v2-classic .fomo-notification-content-wrapper small {
color: #ffe082;
font-size: 0.875em;
font-weight: 500;
}
.fomo-notification-v2-classic .fomo-notification-image-wrapper {
margin-right: 16px;
}
.fomo-notification-v2-classic .fomo-notification-image-wrapper img {
border-radius: 12px;
border: 3px solid #ff6f00;
box-shadow: 0 8px 30px rgba(255, 111, 0, 0.4);
transition: box-shadow 0.4s ease;
}
.fomo-notification-v2-classic:hover .fomo-notification-image-wrapper img {
box-shadow: 0 0 40px rgba(255, 215, 0, 0.7);
}