diff --git a/.eleventy.js b/.eleventy.js
index 1c8e872..381cc89 100644
--- a/.eleventy.js
+++ b/.eleventy.js
@@ -20,7 +20,7 @@ module.exports = function(eleventyConfig) {
   // Shortcode for creating a callout box
   // This is a "paired shortcode" which means it has a start and end tag.
   eleventyConfig.addPairedShortcode("callout", function(content, title) {
-      return `<div class="bg-blue-100 border-l-4 border-blue-500 text-blue-700 p-4" role="alert">
+      return `<div class="bg-slate-800 border-l-4 border-blue-500 text-blue-200 p-4" role="alert">
                   <p class="font-bold">${title}</p>
                   <p>${content}</p>
               </div>`;