fix: swap blue/red in cloudeditor themes to reduces usage of red (#5492)

Some users reported that the usage of red for variables could be confusing because users associate red with errors in their code. This swaps blue and red in the themes to reduce the usage of red. As a follow-up we could reduces the bright red-ness of our red to reduce the association with errors.

Author: akoreman

src/theme/cloud_editor-css.js

@@ -76,7 +76,7 @@ module.exports = `
 }
 
 .ace-cloud_editor .ace_meta.ace_tag {
-    color: #d1000a;
+    color: #2963d6;
 }
 
 .ace-cloud_editor .ace_constant {
@@ -92,7 +92,7 @@ module.exports = `
 }
 
 .ace-cloud_editor .ace_support.ace_function {
-    color: #2963d6;
+    color: #d1000a;
 }
 
 .ace-cloud_editor .ace_support.ace_class {
@@ -105,7 +105,7 @@ module.exports = `
 
 .ace-cloud_editor .ace_invalid.ace_illegal {
     color: #ffffff;
-    background-color: #d1000a;
+    background-color: #2963d6;
 }
 
 .ace-cloud_editor .ace_invalid.ace_deprecated {
@@ -128,7 +128,7 @@ module.exports = `
 }
 
 .ace-cloud_editor .ace_variable {
-    color: #d1000a;
+    color: #2963d6;
 }
 
 .ace-cloud_editor .ace_meta.ace_selector {
@@ -140,22 +140,22 @@ module.exports = `
 }
 
 .ace-cloud_editor .ace_entity.ace_name.ace_function {
-    color: #2963d6;
+    color: #d1000a;
 }
 
 .ace-cloud_editor .ace_entity.ace_name.ace_tag {
-    color: #d1000a;
+    color: #2963d6;
 }
 
 .ace-cloud_editor .ace_heading {
-    color: #2963d6;
+    color: #d1000a;
 }
 
 .ace-cloud_editor .ace_xml-pe {
     color: #a26202;
 }
 .ace-cloud_editor .ace_doctype {
-    color: #d1000a;
+    color: #2963d6;
 }
 
 .ace-cloud_editor .ace_tooltip {

src/theme/cloud_editor_dark-css.js

@@ -88,7 +88,7 @@ module.exports = `
 }
 
 .ace-cloud_editor_dark .ace_support.ace_function {
-    color: #66b2f0;
+    color: #e96a71;
 }
 
 .ace-cloud_editor_dark .ace_support.ace_class {
@@ -101,7 +101,7 @@ module.exports = `
 
 .ace-cloud_editor_dark .ace_invalid.ace_illegal {
     color: #dcdfe4;
-    background-color: #e96a71;
+    background-color:#66b2f0;
 }
 
 .ace-cloud_editor_dark .ace_invalid.ace_deprecated {
@@ -124,7 +124,7 @@ module.exports = `
 }
 
 .ace-cloud_editor_dark .ace_variable {
-    color: #e96a71;
+    color:#66b2f0;
 }
 
 .ace-cloud_editor_dark .ace_meta.ace_selector {
@@ -136,29 +136,29 @@ module.exports = `
 }
 
 .ace-cloud_editor_dark .ace_entity.ace_name.ace_function {
-    color: #66b2f0;
+    color: #e96a71;
 }
 
 .ace-cloud_editor_dark .ace_entity.ace_name.ace_tag {
-    color: #e96a71;
+    color:#66b2f0;
 }
 .ace-cloud_editor_dark .ace_heading {
-    color: #66b2f0;
+    color: #e96a71;
 }
 
 .ace-cloud_editor_dark .ace_xml-pe {
     color: #e5c383;
 }
 .ace-cloud_editor_dark .ace_doctype {
-    color: #e96a71;
+    color:#66b2f0;
 }
 
 .ace-cloud_editor_dark .ace_entity.ace_name.ace_tag,
 .ace-cloud_editor_dark .ace_entity.ace_other.ace_attribute-name,
 .ace-cloud_editor_dark .ace_meta.ace_tag,
 .ace-cloud_editor_dark .ace_string.ace_regexp,
 .ace-cloud_editor_dark .ace_variable {
-    color: #e96a71;
+    color:#66b2f0;
 }
 
 .ace-cloud_editor_dark .ace_tooltip {