diff --git a/core/modules/config/src/Controller/ConfigController.php b/core/modules/config/src/Controller/ConfigController.php
index 6fb3423895281c822c9c2772695aac9e7c304c31..7900ed75bd6ee2ca269b4a97c476f98c478fcb32 100644
--- a/core/modules/config/src/Controller/ConfigController.php
+++ b/core/modules/config/src/Controller/ConfigController.php
@@ -142,6 +142,9 @@ public function diff($source_name, $target_name = NULL, $collection = NULL) {
 
     $build['diff'] = array(
       '#type' => 'table',
+      '#attributes' => array(
+        'class' => array('diff'),
+      ),
       '#header' => array(
         array('data' => t('Active'), 'colspan' => '2'),
         array('data' => t('Staged'), 'colspan' => '2'),
diff --git a/core/modules/config/src/Tests/ConfigImportUITest.php b/core/modules/config/src/Tests/ConfigImportUITest.php
index 86d59eed9befc2e297b376b6d9d0d838fa77a74d..98f11c290c9e87d017b209a2a82f3d6c0481da8d 100644
--- a/core/modules/config/src/Tests/ConfigImportUITest.php
+++ b/core/modules/config/src/Tests/ConfigImportUITest.php
@@ -311,6 +311,10 @@ function testImportDiff() {
     // Deleted value is escaped.
     $this->assertText(Html::escape("404: '<em>herp</em>'"));
 
+    // Verify diff colors are displayed.
+    $result = $this->xpath('//table[contains(@class, :class)]', array(':class' => 'diff'));
+    $this->assertEqual(count($result), 1, "Diff UI is displaying colors.");
+
     // Reset data back to original, and remove a key
     $sync_data = $original_data;
     unset($sync_data[$remove_key]);