feat: adding CloudEditor theme (#5404)

* feat: adding CloudEditor theme

src/ext/themelist.js

@@ -24,6 +24,7 @@ var themeData = [
     ["Kuroir"],
     ["KatzenMilch"],
     ["SQL Server"           ,"sqlserver"               , "light"],
+    ["CloudEditor"          ,"cloud_editor"            , "light"],
     ["Ambiance"             ,"ambiance"                ,  "dark"],
     ["Chaos"                ,"chaos"                   ,  "dark"],
     ["Clouds Midnight"      ,"clouds_midnight"         ,  "dark"],
@@ -48,7 +49,8 @@ var themeData = [
     ["Tomorrow Night 80s"   ,"tomorrow_night_eighties" ,  "dark"],
     ["Twilight"             ,"twilight"                ,  "dark"],
     ["Vibrant Ink"          ,"vibrant_ink"             ,  "dark"],
-    ["GitHub Dark"          ,"github_dark"             ,  "dark"]
+    ["GitHub Dark"          ,"github_dark"             ,  "dark"],
+    ["CloudEditor Dark"     ,"cloud_editor_dark"       ,  "dark"]
 ];
 
 

src/theme/cloud_editor-css.js

@@ -0,0 +1,185 @@
+module.exports = `
+.ace-cloud_editor .ace_gutter {
+    background: #ffffff;
+    color: #3a3a42;
+}
+
+.ace-cloud_editor .ace_tooltip-marker-error.ace_tooltip-marker {
+    background-color: #d13212;
+}
+.ace-cloud_editor .ace_tooltip-marker-warning.ace_tooltip-marker {
+    background-color: #906806;
+}
+
+.ace-cloud_editor .ace_print-margin {
+    width: 1px;
+    background: #697077;
+}
+
+.ace-cloud_editor {
+    background-color: #ffffff;
+    color: #3a3a42;
+}
+
+.ace-cloud_editor .ace_cursor {
+    color: #3a3a42;
+}
+
+.ace-cloud_editor .ace_marker-layer .ace_selection {
+    background: #bfceff;
+}
+
+.ace-cloud_editor.ace_multiselect .ace_selection.ace_start {
+    box-shadow: 0 0 3px 0px #ffffff;
+    border-radius: 2px;
+}
+
+.ace-cloud_editor .ace_marker-layer .ace_step {
+    background: #697077;
+}
+
+.ace-cloud_editor .ace_marker-layer .ace_bracket {
+    margin: 0 0 0 -1px;
+    border: 1px solid #697077;
+}
+
+.ace-cloud_editor .ace_marker-layer .ace_active-line {
+    box-sizing: border-box;
+    border-top: 1px solid #9191ac;
+    border-bottom: 1px solid #9191ac;
+}
+
+.ace-cloud_editor .ace_gutter-cell_svg-icons {
+    box-sizing: border-box;
+    border-top: 1px solid #ffffff;
+    border-bottom: 1px solid #ffffff;
+}
+
+.ace-cloud_editor .ace_gutter-active-line {
+    background-repeat: no-repeat;
+    box-sizing: border-box;
+    border-top: 1px solid #9191ac;
+    border-bottom: 1px solid #9191ac;
+}
+
+.ace-cloud_editor .ace_marker-layer .ace_selected-word {
+    border: 1px solid #bfceff;
+}
+
+.ace-cloud_editor .ace_fold {
+    background-color: #2963d6;
+    border-color: #3a3a42;
+}
+
+.ace-cloud_editor .ace_keyword {
+    color: #9749d1;
+}
+
+.ace-cloud_editor .ace_meta.ace_tag {
+    color: #d1000a;
+}
+
+.ace-cloud_editor .ace_constant {
+    color: #a26202;
+}
+
+.ace-cloud_editor .ace_constant.ace_numeric {
+    color: #a26202;
+}
+
+.ace-cloud_editor .ace_constant.ace_character.ace_escape {
+    color: #d91792;
+}
+
+.ace-cloud_editor .ace_support.ace_function {
+    color: #2963d6;
+}
+
+.ace-cloud_editor .ace_support.ace_class {
+    color: #a26202;
+}
+
+.ace-cloud_editor .ace_storage {
+    color: #9749d1;
+}
+
+.ace-cloud_editor .ace_invalid.ace_illegal {
+    color: #ffffff;
+    background-color: #d1000a;
+}
+
+.ace-cloud_editor .ace_invalid.ace_deprecated {
+    color: #ffffff;
+    background-color: #a26202;
+}
+
+.ace-cloud_editor .ace_string {
+    color: #218000;
+}
+
+.ace-cloud_editor .ace_string.ace_regexp {
+    color: #218000;
+}
+
+.ace-cloud_editor .ace_comment,
+.ace-cloud_editor .ace_ghost_text {
+    color: #697077;
+    opacity: 1;
+}
+
+.ace-cloud_editor .ace_variable {
+    color: #d1000a;
+}
+
+.ace-cloud_editor .ace_meta.ace_selector {
+    color: #9749d1;
+}
+
+.ace-cloud_editor .ace_entity.ace_other.ace_attribute-name {
+    color: #a26202;
+}
+
+.ace-cloud_editor .ace_entity.ace_name.ace_function {
+    color: #2963d6;
+}
+
+.ace-cloud_editor .ace_entity.ace_name.ace_tag {
+    color: #d1000a;
+}
+
+.ace-cloud_editor .ace_heading {
+    color: #2963d6;
+}
+
+.ace-cloud_editor .ace_xml-pe {
+    color: #a26202;
+}
+.ace-cloud_editor .ace_doctype {
+    color: #d1000a;
+}
+
+.ace-cloud_editor .ace_tooltip {
+    background-color: #ffffff;
+    color: #3a3a42;
+}
+
+.ace-cloud_editor .ace_icon_svg.ace_error,
+.ace-cloud_editor .ace_icon_svg.ace_error_fold {
+    background-color: #d13212;
+}
+.ace-cloud_editor .ace_icon_svg.ace_warning,
+.ace-cloud_editor .ace_icon_svg.ace_warning_fold {
+    background-color: #906806;
+}
+.ace-cloud_editor .ace_icon_svg.ace_info {
+    background-color: #0073bb;
+}
+.ace-cloud_editor .ace_highlight-marker {
+    background: none;
+    border: #2963d6 1px solid;
+}
+.ace-cloud_editor .ace_tooltip.ace_hover-tooltip:focus > div {
+    outline: 1px solid #0073bb;
+}
+
+`;

src/theme/cloud_editor.js

@@ -0,0 +1,6 @@
+exports.isDark = false;
+exports.cssClass = "ace-cloud_editor";
+exports.cssText = require("./cloud_editor-css");
+
+var dom = require("../lib/dom");
+dom.importCssString(exports.cssText, exports.cssClass, false);