diff --git a/src/components/shortcodes/Callout.astro b/src/components/shortcodes/Callout.astro
index 9617c89..8886a7f 100644
--- a/src/components/shortcodes/Callout.astro
+++ b/src/components/shortcodes/Callout.astro
@@ -31,6 +31,11 @@ const { icon, type = 'info'} = Astro.props;
         --callout-text: #2e3440;
     }
 
+    .callout-tip {
+        --callout-bg: var(--secondary-color);
+        --callout-text: #2e3440;
+    }
+
     .callout-warning {
         --callout-bg: var(--terminal-yellow);
         --callout-text: #2e3440;