diff --git a/src/theme/assets/scss/theme.scss b/src/theme/assets/scss/theme.scss
index e892fc2..bd2cd4a 100644
--- a/src/theme/assets/scss/theme.scss
+++ b/src/theme/assets/scss/theme.scss
@@ -29,9 +29,13 @@ $wordpress-color: #028cb0;
 $single-col-max: 800px;
 
 $theme-success-color: #5cb377;
+$theme-success-color-dark: #39794D;
 $theme-warning-color: #EEBF41;
+$theme-warning-color-dark: #9E6100;
 $theme-info-color: #5b99ea;
+$theme-info-color-dark: #1c6fdc;
 $theme-danger-color: #d26d69;
+$theme-danger-color-dark: #b73c37;
 
 
 
diff --git a/src/theme/assets/scss/theme/_docs.scss b/src/theme/assets/scss/theme/_docs.scss
index c3a99bc..0fd6111 100644
--- a/src/theme/assets/scss/theme/_docs.scss
+++ b/src/theme/assets/scss/theme/_docs.scss
@@ -327,40 +327,40 @@
 		border-color: $theme-info-color;
 		background: lighten($theme-info-color, 35%);
 		.callout-title {
-			color: darken($theme-info-color, 15%);
+			color: $theme-info-color-dark;
 		}
 		a {
-			color: darken($theme-info-color, 15%);
+			color: $theme-info-color-dark;
 		}
 	}
 	&.callout-block-success {
 		border-color: $theme-success-color;
 		background: lighten($theme-success-color, 40%);
 		.callout-title {
-			color: darken($theme-success-color, 15%);
+			color: $theme-success-color-dark;
 		}
 		a {
-			color: darken($theme-success-color, 15%);
+			color: $theme-success-color-dark;
 		}
 	}
 	&.callout-block-warning {
 		border-color: $theme-warning-color;
 		background: lighten($theme-warning-color, 35%);
 		.callout-title {
-			color: darken($theme-warning-color, 15%);
+			color: $theme-warning-color-dark;
 		}
 		a {
-			color: darken($theme-warning-color, 15%);
+			color: $theme-warning-color-dark;
 		}
 	}
 	&.callout-block-danger {
 		border-color: $theme-danger-color;
 		background: lighten($theme-danger-color, 35%);
 		.callout-title {
-			color: darken($theme-danger-color, 15%);
+			color: $theme-danger-color-dark;
 		}
 		a {
-			color: darken($theme-danger-color, 15%);
+			color: $theme-danger-color-dark;
 		}
 	}
 }
@@ -396,25 +396,25 @@
 
 	&.callout-block-success {
 		.callout-version-stability {
-			color: darken($theme-success-color, 15%);
+			color: $theme-success-color-dark;
 		}
 	}
 
 	&.callout-block-info {
 		.callout-version-stability {
-			color: darken($theme-info-color, 15%);
+			color: $theme-info-color-dark;
 		}
 	}
 
 	&.callout-block-warning {
 		.callout-version-stability {
-			color: darken($theme-warning-color, 15%);
+			color: $theme-warning-color-dark;
 		}
 	}
 
 	&.callout-block-danger {
 		.callout-version-stability {
-			color: darken($theme-danger-color, 15%);
+			color: $theme-danger-color-dark;
 		}
 	}
 }