diff --git a/assets/scss/shared-ui/_color-accessibility.scss b/assets/scss/shared-ui/_color-accessibility.scss
index e7def78e..33f9e9af 100644
--- a/assets/scss/shared-ui/_color-accessibility.scss
+++ b/assets/scss/shared-ui/_color-accessibility.scss
@@ -141,7 +141,6 @@
 		}
 
 		// Icons.
-		[class*="sui-icon-"],
 		.sui-dialog-close {
 			&:before {
 				color: $accessible-dark !important;
diff --git a/assets/scss/shared-ui/_sui-button/_button-modifiers/_button-design--color.scss b/assets/scss/shared-ui/_sui-button/_button-modifiers/_button-design--color.scss
index 8502ccb9..f1c2702f 100644
--- a/assets/scss/shared-ui/_sui-button/_button-modifiers/_button-design--color.scss
+++ b/assets/scss/shared-ui/_sui-button/_button-modifiers/_button-design--color.scss
@@ -41,4 +41,35 @@
 
 	// DIR: Right-to-Left.
 	// No need.
+
+	// DIR: Monochrome.
+	@include body-class($wrap: true, $rtl: false, $monochrome: true) {
+
+		@include block($block) {
+
+			// Build text button.
+			@include sui-button--tool.button-theme-constructor(default, sui-button--palette.$button-theme-text-mono);
+
+			// // Build solid button.
+			@include sui-button--tool.button-theme-constructor(modifier, sui-button--palette.$button-theme-solid-mono, 'solid');
+
+			// Build light button.
+			@include sui-button--tool.button-theme-constructor(modifier, sui-button--palette.$button-theme-light-mono, 'light');
+
+			// // Build ghost button.
+			@include sui-button--tool.button-theme-constructor(modifier, sui-button--palette.$button-theme-ghost-mono, 'ghost');
+		}
+
+		// Disabled container.
+		*[disabled],
+		*:disabled,
+		*.disabled {
+
+			@include block($block) {
+				
+				// Set disabled button styles.
+				@include sui-button--tool.button-theme-constructor(disabled-container, sui-button--palette.$button-theme-text-mono);
+			}
+		}
+	}
 }
\ No newline at end of file
diff --git a/assets/scss/shared-ui/_sui-button/_button-themes/_button-theme-ghost.scss b/assets/scss/shared-ui/_sui-button/_button-themes/_button-theme-ghost.scss
index 92aa17c6..d3ac73bf 100644
--- a/assets/scss/shared-ui/_sui-button/_button-themes/_button-theme-ghost.scss
+++ b/assets/scss/shared-ui/_sui-button/_button-themes/_button-theme-ghost.scss
@@ -81,4 +81,43 @@ $button-theme-ghost: (
 			color: color.$white
 		)
 	),
-);
\ No newline at end of file
+);
+
+// mono color styling for buttons
+$button-theme-ghost-mono: (
+	'grey': (
+		static: (
+			border: color.$black,
+			background: color.$white,
+			color: color.$black
+		),
+	),
+	'blue': (
+		static: (
+			border: color.$black,
+			background: color.$white,
+			color: color.$black
+		),
+	),
+	'red': (
+		static: (
+			border: color.$black,
+			background: color.$white,
+			color: color.$black
+		),
+	),
+	'purple': (
+		static: (
+			border: color.$black,
+			background: color.$white,
+			color: color.$black
+		),
+	),
+	'green': (
+		static: (
+			border: color.$black,
+			background: color.$white,
+			color: color.$black
+		),
+	),
+);
diff --git a/assets/scss/shared-ui/_sui-button/_button-themes/_button-theme-light.scss b/assets/scss/shared-ui/_sui-button/_button-themes/_button-theme-light.scss
index 089a14e7..ef86c12c 100644
--- a/assets/scss/shared-ui/_sui-button/_button-themes/_button-theme-light.scss
+++ b/assets/scss/shared-ui/_sui-button/_button-themes/_button-theme-light.scss
@@ -86,4 +86,43 @@ $button-theme-light: (
 			color: color.$white
 		)
 	),
+);
+
+// mono color styling for buttons
+$button-theme-light-mono: (
+	'grey': (
+		static: (
+			border: color.$smoke,
+			background: color.$smoke,
+			color: color.$black
+		),
+	),
+	'blue': (
+		static: (
+			border: color.$smoke,
+			background: color.$smoke,
+			color: color.$black
+		),
+	),
+	'red': (
+		static: (
+			border: color.$smoke,
+			background: color.$smoke,
+			color: color.$black
+		),
+	),
+	'purple': (
+		static: (
+			border: color.$smoke,
+			background: color.$smoke,
+			color: color.$black
+		),
+	),
+	'green': (
+		static: (
+			border: color.$smoke,
+			background: color.$smoke,
+			color: color.$black
+		),
+	),
 );
\ No newline at end of file
diff --git a/assets/scss/shared-ui/_sui-button/_button-themes/_button-theme-solid.scss b/assets/scss/shared-ui/_sui-button/_button-themes/_button-theme-solid.scss
index 8c675e0f..015cac0a 100644
--- a/assets/scss/shared-ui/_sui-button/_button-themes/_button-theme-solid.scss
+++ b/assets/scss/shared-ui/_sui-button/_button-themes/_button-theme-solid.scss
@@ -76,4 +76,43 @@ $button-theme-solid: (
 			background: color.$green-dark
 		)
 	),
-);
\ No newline at end of file
+);
+
+// mono color styling for buttons
+$button-theme-solid-mono: (
+	'grey': (
+		static: (
+			border: color.$black,
+			background: color.$black,
+			color: color.$white
+		),
+	),
+	'blue': (
+		static: (
+			border: color.$black,
+			background: color.$black,
+			color: color.$white
+		),
+	),
+	'red': (
+		static: (
+			border: color.$black,
+			background: color.$black,
+			color: color.$white
+		),
+	),
+	'purple': (
+		static: (
+			border: color.$black,
+			background: color.$black,
+			color: color.$white
+		),
+	),
+	'green': (
+		static: (
+			border: color.$black,
+			background: color.$black,
+			color: color.$white
+		),
+	),
+);
diff --git a/assets/scss/shared-ui/_sui-button/_button-themes/_button-theme-text.scss b/assets/scss/shared-ui/_sui-button/_button-themes/_button-theme-text.scss
index cfb0edea..4d9c12b2 100644
--- a/assets/scss/shared-ui/_sui-button/_button-themes/_button-theme-text.scss
+++ b/assets/scss/shared-ui/_sui-button/_button-themes/_button-theme-text.scss
@@ -72,4 +72,50 @@ $button-theme-text: (
 			background: color.$green-ghost
 		)
 	),
-);
\ No newline at end of file
+);
+
+// mono color styling for buttons
+$button-theme-text-mono: (
+	'grey': (
+		static: (
+			color: color.$black,
+		),
+		hover: (
+			border: color.$black,
+			background: color.$black,
+			color: color.$white,
+			box-shadow: 0px 0px 0px 2px color.$fiftyshades,
+		),
+		focus: (
+			background: color.$black,
+			color: color.$white,
+			border: color.$white,
+			box-shadow: 0px 0px 0px 3px color.$black,
+		),
+		disabled: (
+			border: color.$overcast,
+			background: color.$overcast,
+			color: color.$ironmike,
+		)
+	),
+	'blue': (
+		static: (
+			color: color.$black,
+		),
+	),
+	'red': (
+		static: (
+			color: color.$black,
+		),
+	),
+	'purple': (
+		static: (
+			color: color.$black,
+		),
+	),
+	'green': (
+		static: (
+			color: color.$black,
+		),
+	),
+);
diff --git a/assets/scss/shared-ui/_sui-button/_button-utilities/_build-theme.scss b/assets/scss/shared-ui/_sui-button/_button-utilities/_build-theme.scss
index 06e55838..5a2d06d2 100644
--- a/assets/scss/shared-ui/_sui-button/_button-utilities/_build-theme.scss
+++ b/assets/scss/shared-ui/_sui-button/_button-utilities/_build-theme.scss
@@ -179,6 +179,9 @@
 						@if map.has-key($palette, $colour, hover, color) {
 							color: map.get($palette, $colour, hover, color);
 						}
+						@if map.has-key($palette, $colour, hover, box-shadow) {
+							box-shadow: map.get($palette, $colour, hover, box-shadow);
+						}
 					}
 				}
 
@@ -194,6 +197,9 @@
 						@if map.has-key($palette, $colour, focus, color) {
 							color: map.get($palette, $colour, focus, color);
 						}
+						@if map.has-key($palette, $colour, focus, box-shadow) {
+							box-shadow: map.get($palette, $colour, focus, box-shadow);
+						}
 					}
 				}
 
diff --git a/assets/scss/shared-ui/_sui-button/_sui-button.scss b/assets/scss/shared-ui/_sui-button/_sui-button.scss
index b439f51c..a9a09e95 100644
--- a/assets/scss/shared-ui/_sui-button/_sui-button.scss
+++ b/assets/scss/shared-ui/_sui-button/_sui-button.scss
@@ -15,4 +15,4 @@ $block-name: button;
 @include sui-button--modifier.button-size($block-name);
 @include sui-button--modifier.button-design--type($block-name);
 @include sui-button--modifier.button-design--color($block-name);
-@include sui-button--modifier.button-state($block-name);
\ No newline at end of file
+@include sui-button--modifier.button-state($block-name);
diff --git a/page-buttons.html b/page-buttons.html
index 928b91f9..975442c4 100644
--- a/page-buttons.html
+++ b/page-buttons.html
@@ -478,7 +478,7 @@ <h2 class="sui-box-title">Button Design</h2>
 									</button>
 								</div>
 								<div style="margin-bottom: 30px;">
-									<button class="sui-button sui-button--green sui-button--loading" disabled>
+									<button class="sui-button sui-button--solid-green sui-button--loading" disabled>
 										<span class="sui-button__label">Button</span>
 										<span class="sui-button__loader sui-icon-loader sui-loading sui-sm" aria-hidden="true"></span>
 									</button>