diff -u b/core/misc/states.es6.js b/core/misc/states.es6.js
--- b/core/misc/states.es6.js
+++ b/core/misc/states.es6.js
@@ -267,6 +267,7 @@
           if (result === false) {
             return false;
           }
+          return true;
         })) {
           return false;
         }
diff -u b/core/misc/states.js b/core/misc/states.js
--- b/core/misc/states.js
+++ b/core/misc/states.js
@@ -133,6 +133,7 @@
             if (result === false) {
               return false;
             }
+            return true;
           })) {
             return false;
           }
reverted:
--- b/core/modules/color/color.es6.js
+++ a/core/modules/color/color.es6.js
@@ -14,6 +14,9 @@
    */
   Drupal.behaviors.color = {
     attach(context, settings) {
+      let i;
+      let j;
+      let colors;
       // This behavior attaches by ID, so is only valid once on a page.
       const form = $(context).find('#system-theme-settings .color-form').once('color');
       if (form.length === 0) {
@@ -50,7 +53,7 @@
         // Each gradient line should have a height (or width for horizontal
         // gradients) of 10px (because we divided the height/width by 10
         // above).
+        for (j = 0; j < (settings.gradients[i].direction === 'vertical' ? height[i] : width[i]); ++j) {
-        for (let j = 0; j < (settings.gradients[i].direction === 'vertical' ? height[i] : width[i]); ++j) {
           gradient.append('<div class="gradient-line"></div>');
         }
       });
@@ -61,7 +64,7 @@
         const colorScheme = this.options[this.selectedIndex].value;
         if (colorScheme !== '' && schemes[colorScheme]) {
           // Get colors of active scheme.
+          colors = schemes[colorScheme];
-          const colors = schemes[colorScheme];
           Object.keys(colors || {}).forEach((fieldName) => {
             callback($(`#edit-palette-${fieldName}`), colors[fieldName], false, true);
           });
@@ -151,8 +154,6 @@
        */
       function callback(input, color, propagate, colorScheme) {
         let matched;
-        let i;
-        let j;
         // Set background/foreground colors.
         $(input).css({
           backgroundColor: color,
reverted:
--- b/core/modules/color/color.js
+++ a/core/modules/color/color.js
@@ -8,6 +8,10 @@
 (function ($, Drupal) {
   Drupal.behaviors.color = {
     attach: function attach(context, settings) {
+      var i = void 0;
+      var j = void 0;
+      var colors = void 0;
+
       var form = $(context).find('#system-theme-settings .color-form').once('color');
       if (form.length === 0) {
         return;
@@ -36,7 +40,7 @@
 
         width.push(parseInt(gradient.css('width'), 10) / 10);
 
+        for (j = 0; j < (settings.gradients[i].direction === 'vertical' ? height[i] : width[i]); ++j) {
-        for (var j = 0; j < (settings.gradients[i].direction === 'vertical' ? height[i] : width[i]); ++j) {
           gradient.append('<div class="gradient-line"></div>');
         }
       });
@@ -45,7 +49,7 @@
         var schemes = settings.color.schemes;
         var colorScheme = this.options[this.selectedIndex].value;
         if (colorScheme !== '' && schemes[colorScheme]) {
+          colors = schemes[colorScheme];
-          var colors = schemes[colorScheme];
           Object.keys(colors || {}).forEach(function (fieldName) {
             callback($('#edit-palette-' + fieldName), colors[fieldName], false, true);
           });
@@ -91,8 +95,6 @@
 
       function callback(input, color, propagate, colorScheme) {
         var matched = void 0;
-        var i = void 0;
-        var j = void 0;
 
         $(input).css({
           backgroundColor: color,