diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index cef5f33343e9c83e6f845bad43077608f81c472f..76d64adf47e18f6484394eecbea1a72f201162de 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -223,11 +223,10 @@ body {
 /* Side notes for calling out things
 -------------------------------------------------- */
 
+/* Base styles (regardless of theme) */
 .bs-callout {
   margin: 20px 0;
   padding: 15px 30px 15px 15px;
-  background-color: #fcf2f2;
-  border-left: 5px solid #df7c7b;
 }
 .bs-callout h4 {
   margin-top: 0;
@@ -240,6 +239,20 @@ body {
   background-color: #fff;
 }
 
+/* Themes for different contexts */
+.bs-callout-danger {
+  background-color: #fcf2f2;
+  border-left: 5px solid #df7c7b;
+}
+.bs-callout-warning {
+  background-color: #fefbed;
+  border-left: 5px solid #f5d659;
+}
+.bs-callout-info {
+  background-color: #daecf9;
+  border-left: 5px solid #55a9e1;
+}
+
 
 
 /* Special grid styles