Intégrer un build custom de ACE

Intégrer un petit éditeur de texte dans l’éditeur de zone DNS, pour améliorer
l’expérience utilisateur.

Par défaut, cet éditeur ne fournit pas de règles de coloration
syntaxique pour les fichiers de zones DNS. Il faut donc un build custom
qui l’ajoute.

On refait complètement la page de l’éditeur de zones pour que ce soit un
peu plus joli, et on active la coloration syntaxique pour le DNS.

console/web-api/public/ace-build/css/main-5.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 16">
+<g stroke-width="2" stroke="red" shape-rendering="geometricPrecision">
+<circle fill="none" cx="8" cy="8" r="7" stroke-linejoin="round"/>
+<line x1="11" y1="5" x2="5" y2="11"/>
+<line x1="11" y1="11" x2="5" y2="5"/>
+</g>
+</svg>

console/web-api/public/ace-build/css/main-6.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 16">
+<g stroke-width="2" stroke="darkorange" shape-rendering="geometricPrecision">
+<polygon stroke-linejoin="round" fill="none" points="8 1 15 15 1 15 8 1"/>
+<rect x="8" y="12" width="0.01" height="0.01"/>
+<line x1="8" y1="6" x2="8" y2="10"/>
+</g>
+</svg>

console/web-api/public/ace-build/css/main-7.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 16">
+<g stroke-width="2" stroke="blue" shape-rendering="geometricPrecision">
+<circle fill="none" cx="8" cy="8" r="7" stroke-linejoin="round"/>
+<polyline points="8 11 8 8"/>
+<polyline points="9 8 6 8"/>
+<line x1="10" y1="11" x2="6" y2="11"/>
+<rect x="8" y="5" width="0.01" height="0.01"/>
+</g>
+</svg>

console/web-api/public/ace-build/css/main-8.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 16" fill="none">
+  <path d="m 18.929851,7.8298076 c 0.146353,6.3374604 -6.323147,7.7778444 -7.477912,7.7778444 -2.1072726,-0.12875 5.117678,0.356249 5.051698,-7.8700618 -0.604672,-8.00397349 -7.0772706,-7.5631189 -4.8573,-7.43039556 1.606,-0.11514225 6.897485,1.26254596 7.283514,7.52261296 z" fill="crimson" stroke-width="2"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="m 8.1147562,2.0529828 c 3.3491698,0 6.0641328,2.6768627 6.0641328,5.978953 0,3.3021122 -2.714963,5.9789202 -6.0641328,5.9789202 -3.3491473,0 -6.0641772,-2.676808 -6.0641772,-5.9789202 0.00539,-3.2998861 2.7172656,-5.9736408 6.0641772,-5.978953 z m 0,-1.73582719 c -4.3214836,0 -7.82474038,3.45401849 -7.82474038,7.71478019 0,4.2607282 3.50325678,7.7147452 7.82474038,7.7147452 4.3214498,0 7.8246998,-3.454017 7.8246998,-7.7147452 0,-2.0460914 -0.824392,-4.0083672 -2.291756,-5.4551746 C 12.180225,1.1299648 10.190013,0.31715561 8.1147562,0.31715561 Z M 6.9374563,8.2405985 4.6718685,10.485852 6.0086814,11.876728 8.3170035,9.6007911 10.625337,11.876728 11.962138,10.485852 9.6965508,8.2405985 11.962138,6.0068066 10.573246,4.6374335 8.3170035,6.8734297 6.0607607,4.6374335 4.6718685,6.0068066 Z" fill="crimson" stroke-width="2"/>
+</svg>

console/web-api/public/ace-build/css/main-9.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.7769 14.7337L8.65192 2.48369C8.32946 1.83877 7.40913 1.83877 7.08667 2.48369L0.961669 14.7337C0.670775 15.3155 1.09383 16 1.74429 16H13.9943C14.6448 16 15.0678 15.3155 14.7769 14.7337ZM3.16007 14.25L7.86929 4.83156L12.5785 14.25H3.16007ZM8.74429 11.625V13.375H6.99429V11.625H8.74429ZM6.99429 10.75V7.25H8.74429V10.75H6.99429Z" fill="#EC7211"/>
+<path d="M11.1991 2.95238C10.8809 2.31467 10.3537 1.80526 9.7055 1.509L11.041 1.06978C11.6883 0.949814 12.337 1.27263 12.6317 1.86141L17.6136 11.8161C18.3527 13.2929 17.5938 15.0804 16.018 15.5745C16.4044 14.4507 16.3231 13.2188 15.7924 12.1555L11.1991 2.95238Z" fill="#EC7211"/>
+</svg>

console/web-api/public/ace-build/css/theme/ambiance.css

@@ -0,0 +1,220 @@
+.ace-ambiance .ace_gutter {
+  background-color: #3d3d3d;
+  background-image: linear-gradient(left, #3D3D3D, #333);
+  background-repeat: repeat-x;
+  border-right: 1px solid #4d4d4d;
+  text-shadow: 0px 1px 1px #4d4d4d;
+  color: #222;
+}
+
+.ace-ambiance .ace_gutter-layer {
+  background: repeat left top;
+}
+
+.ace-ambiance .ace_gutter-active-line {
+  background-color: #3F3F3F;
+}
+
+.ace-ambiance .ace_fold-widget {
+  text-align: center;
+}
+
+.ace-ambiance .ace_fold-widget:hover {
+  color: #777;
+}
+
+.ace-ambiance .ace_fold-widget.ace_start,
+.ace-ambiance .ace_fold-widget.ace_end,
+.ace-ambiance .ace_fold-widget.ace_closed{
+  background: none !important;
+  border: none;
+  box-shadow: none;
+}
+
+.ace-ambiance .ace_fold-widget.ace_start:after {
+  content: '▾'
+}
+
+.ace-ambiance .ace_fold-widget.ace_end:after {
+  content: '▴'
+}
+
+.ace-ambiance .ace_fold-widget.ace_closed:after {
+  content: '‣'
+}
+
+.ace-ambiance .ace_print-margin {
+  border-left: 1px dotted #2D2D2D;
+  right: 0;
+  background: #262626;
+}
+
+.ace-ambiance .ace_scroller {
+  -webkit-box-shadow: inset 0 0 10px black;
+  -moz-box-shadow: inset 0 0 10px black;
+  -o-box-shadow: inset 0 0 10px black;
+  box-shadow: inset 0 0 10px black;
+}
+
+.ace-ambiance {
+  color: #E6E1DC;
+  background-color: #202020;
+}
+
+.ace-ambiance .ace_cursor {
+  border-left: 1px solid #7991E8;
+}
+
+.ace-ambiance .ace_overwrite-cursors .ace_cursor {
+  border: 1px solid #FFE300;
+  background: #766B13;
+}
+
+.ace-ambiance.normal-mode .ace_cursor-layer {
+  z-index: 0;
+}
+ 
+.ace-ambiance .ace_marker-layer .ace_selection {
+  background: rgba(221, 240, 255, 0.20);
+}
+
+.ace-ambiance .ace_marker-layer .ace_selected-word {
+  border-radius: 4px;
+  border: 8px solid #3f475d;
+  box-shadow: 0 0 4px black;
+}
+
+.ace-ambiance .ace_marker-layer .ace_step {
+  background: rgb(198, 219, 174);
+}
+
+.ace-ambiance .ace_marker-layer .ace_bracket {
+  margin: -1px 0 0 -1px;
+  border: 1px solid rgba(255, 255, 255, 0.25);
+}
+
+.ace-ambiance .ace_marker-layer .ace_active-line {
+  background: rgba(255, 255, 255, 0.031);
+}
+
+.ace-ambiance .ace_invisible {
+  color: #333;
+}
+
+.ace-ambiance .ace_paren {
+  color: #24C2C7;
+}
+
+.ace-ambiance .ace_keyword {
+  color: #cda869;
+}
+
+.ace-ambiance .ace_keyword.ace_operator {
+  color: #fa8d6a;
+}
+
+.ace-ambiance .ace_punctuation.ace_operator {
+  color: #fa8d6a;
+}
+
+.ace-ambiance .ace_identifier {
+}
+
+.ace-ambiance .ace-statement {
+  color: #cda869;
+}
+
+.ace-ambiance .ace_constant {
+  color: #CF7EA9;
+}
+
+.ace-ambiance .ace_constant.ace_language {
+  color: #CF7EA9;
+}
+
+.ace-ambiance .ace_constant.ace_library {
+  
+}
+
+.ace-ambiance .ace_constant.ace_numeric {
+  color: #78CF8A;
+}
+
+.ace-ambiance .ace_invalid {
+  text-decoration: underline;
+}
+
+.ace-ambiance .ace_invalid.ace_illegal {
+  color:#F8F8F8;
+  background-color: rgba(86, 45, 86, 0.75);
+}
+
+.ace-ambiance .ace_invalid,
+.ace-ambiance .ace_deprecated {
+  text-decoration: underline;
+  font-style: italic;
+  color: #D2A8A1;
+}
+
+.ace-ambiance .ace_support {
+  color: #9B859D;
+}
+
+.ace-ambiance .ace_support.ace_function {
+  color: #DAD085;
+}
+
+.ace-ambiance .ace_function.ace_buildin {
+  color: #9b859d;
+}
+
+.ace-ambiance .ace_string {
+  color: #8f9d6a;
+}
+
+.ace-ambiance .ace_string.ace_regexp {
+  color: #DAD085;
+}
+
+.ace-ambiance .ace_comment {
+  font-style: italic;
+  color: #555;
+}
+
+.ace-ambiance .ace_comment.ace_doc {
+}
+
+.ace-ambiance .ace_comment.ace_doc.ace_tag {
+  color: #666;
+  font-style: normal;
+}
+
+.ace-ambiance .ace_definition,
+.ace-ambiance .ace_type {
+  color: #aac6e3;
+}
+
+.ace-ambiance .ace_variable {
+  color: #9999cc;
+}
+
+.ace-ambiance .ace_variable.ace_language {
+  color: #9b859d;
+}
+
+.ace-ambiance .ace_xml-pe {
+  color: #494949;
+}
+
+.ace-ambiance .ace_gutter-layer,
+.ace-ambiance .ace_text-layer {
+  background-image: url("../ambiance-1.png");
+}
+
+.ace-ambiance .ace_indent-guide {
+  background: url("../ambiance-2.png") right repeat-y;
+}
+
+.ace-ambiance .ace_indent-guide-active {
+  background: url("../ambiance-3.png") right repeat-y;
+}

console/web-api/public/ace-build/css/theme/chaos.css

@@ -0,0 +1,159 @@
+.ace-chaos .ace_gutter {
+  background: #141414;
+  color: #595959;
+  border-right: 1px solid #282828;
+}
+.ace-chaos .ace_gutter-cell.ace_warning {
+  background-image: none;
+  background: #FC0;
+  border-left: none;
+  padding-left: 0;
+  color: #000;
+}
+.ace-chaos .ace_gutter-cell.ace_error {
+  background-position: -6px center;
+  background-image: none;
+  background: #F10;
+  border-left: none;
+  padding-left: 0;
+  color: #000;
+}
+.ace-chaos .ace_print-margin {
+  border-left: 1px solid #555;
+  right: 0;
+  background: #1D1D1D;
+}
+.ace-chaos {
+  background-color: #161616;
+  color: #E6E1DC;
+}
+
+.ace-chaos .ace_cursor {
+  border-left: 2px solid #FFFFFF;
+}
+.ace-chaos .ace_cursor.ace_overwrite {
+  border-left: 0px;
+  border-bottom: 1px solid #FFFFFF;
+}
+.ace-chaos .ace_marker-layer .ace_selection {
+  background: #494836;
+}
+.ace-chaos .ace_marker-layer .ace_step {
+  background: rgb(198, 219, 174);
+}
+.ace-chaos .ace_marker-layer .ace_bracket {
+  margin: -1px 0 0 -1px;
+  border: 1px solid #FCE94F;
+}
+.ace-chaos .ace_marker-layer .ace_active-line {
+  background: #333;
+}
+.ace-chaos .ace_gutter-active-line {
+  background-color: #222;
+}
+.ace-chaos .ace_invisible {
+  color: #404040;
+}
+.ace-chaos .ace_keyword {
+  color:#00698F;
+}
+.ace-chaos .ace_keyword.ace_operator {
+  color:#FF308F;
+}
+.ace-chaos .ace_constant {
+  color:#1EDAFB;
+}
+.ace-chaos .ace_constant.ace_language {
+  color:#FDC251;
+}
+.ace-chaos .ace_constant.ace_library {
+  color:#8DFF0A;
+}
+.ace-chaos .ace_constant.ace_numeric {
+  color:#58C554;
+}
+.ace-chaos .ace_invalid {
+  color:#FFFFFF;
+  background-color:#990000;
+}
+.ace-chaos .ace_invalid.ace_deprecated {
+  color:#FFFFFF;
+  background-color:#990000;
+}
+.ace-chaos .ace_support {
+  color: #999;
+}
+.ace-chaos .ace_support.ace_function {
+  color:#00AEEF;
+}
+.ace-chaos .ace_function {
+  color:#00AEEF;
+}
+.ace-chaos .ace_string {
+  color:#58C554;
+}
+.ace-chaos .ace_comment {
+  color:#555;
+  font-style:italic;
+  padding-bottom: 0px;
+}
+.ace-chaos .ace_variable {
+  color:#997744;
+}
+.ace-chaos .ace_meta.ace_tag {
+  color:#BE53E6;
+}
+.ace-chaos .ace_entity.ace_other.ace_attribute-name {
+  color:#FFFF89;
+}
+.ace-chaos .ace_markup.ace_underline {
+  text-decoration: underline;
+}
+.ace-chaos .ace_fold-widget {
+  text-align: center;
+}
+
+.ace-chaos .ace_fold-widget:hover {
+  color: #777;
+}
+
+.ace-chaos .ace_fold-widget.ace_start,
+.ace-chaos .ace_fold-widget.ace_end,
+.ace-chaos .ace_fold-widget.ace_closed{
+  background: none !important;
+  border: none;
+  box-shadow: none;
+}
+
+.ace-chaos .ace_fold-widget.ace_start:after {
+  content: '▾'
+}
+
+.ace-chaos .ace_fold-widget.ace_end:after {
+  content: '▴'
+}
+
+.ace-chaos .ace_fold-widget.ace_closed:after {
+  content: '‣'
+}
+
+.ace-chaos .ace_indent-guide {
+  border-right:1px dotted #333333;
+  margin-right:-1px;
+}
+
+.ace-chaos .ace_indent-guide-active {
+  border-right:1px dotted #afafaf;
+  margin-right:-1px;
+}
+
+.ace-chaos .ace_fold { 
+  background: #222; 
+  border-radius: 3px; 
+  color: #7AF; 
+  border: none; 
+}
+.ace-chaos .ace_fold:hover {
+  background: #CCC; 
+  color: #000;
+}

console/web-api/public/ace-build/css/theme/chrome.css

@@ -0,0 +1,158 @@
+.ace-chrome .ace_gutter {
+  background: #ebebeb;
+  color: #333;
+  overflow : hidden;
+}
+
+.ace-chrome .ace_print-margin {
+  width: 1px;
+  background: #e8e8e8;
+}
+
+.ace-chrome {
+  background-color: #FFFFFF;
+  color: black;
+}
+
+.ace-chrome .ace_cursor {
+  color: black;
+}
+
+.ace-chrome .ace_invisible {
+  color: rgb(191, 191, 191);
+}
+
+.ace-chrome .ace_constant.ace_buildin {
+  color: rgb(88, 72, 246);
+}
+
+.ace-chrome .ace_constant.ace_language {
+  color: rgb(88, 92, 246);
+}
+
+.ace-chrome .ace_constant.ace_library {
+  color: rgb(6, 150, 14);
+}
+
+.ace-chrome .ace_invalid {
+  background-color: rgb(153, 0, 0);
+  color: white;
+}
+
+.ace-chrome .ace_fold {
+}
+
+.ace-chrome .ace_support.ace_function {
+  color: rgb(60, 76, 114);
+}
+
+.ace-chrome .ace_support.ace_constant {
+  color: rgb(6, 150, 14);
+}
+
+.ace-chrome .ace_support.ace_type,
+.ace-chrome .ace_support.ace_class
+.ace-chrome .ace_support.ace_other {
+  color: rgb(109, 121, 222);
+}
+
+.ace-chrome .ace_variable.ace_parameter {
+  font-style:italic;
+  color:#FD971F;
+}
+.ace-chrome .ace_keyword.ace_operator {
+  color: rgb(104, 118, 135);
+}
+
+.ace-chrome .ace_comment {
+  color: #236e24;
+}
+
+.ace-chrome .ace_comment.ace_doc {
+  color: #236e24;
+}
+
+.ace-chrome .ace_comment.ace_doc.ace_tag {
+  color: #236e24;
+}
+
+.ace-chrome .ace_constant.ace_numeric {
+  color: rgb(0, 0, 205);
+}
+
+.ace-chrome .ace_variable {
+  color: rgb(49, 132, 149);
+}
+
+.ace-chrome .ace_xml-pe {
+  color: rgb(104, 104, 91);
+}
+
+.ace-chrome .ace_entity.ace_name.ace_function {
+  color: #0000A2;
+}
+
+
+.ace-chrome .ace_heading {
+  color: rgb(12, 7, 255);
+}
+
+.ace-chrome .ace_list {
+  color:rgb(185, 6, 144);
+}
+
+.ace-chrome .ace_marker-layer .ace_selection {
+  background: rgb(181, 213, 255);
+}
+
+.ace-chrome .ace_marker-layer .ace_step {
+  background: rgb(252, 255, 0);
+}
+
+.ace-chrome .ace_marker-layer .ace_stack {
+  background: rgb(164, 229, 101);
+}
+
+.ace-chrome .ace_marker-layer .ace_bracket {
+  margin: -1px 0 0 -1px;
+  border: 1px solid rgb(192, 192, 192);
+}
+
+.ace-chrome .ace_marker-layer .ace_active-line {
+  background: rgba(0, 0, 0, 0.07);
+}
+
+.ace-chrome .ace_gutter-active-line {
+    background-color : #dcdcdc;
+}
+
+.ace-chrome .ace_marker-layer .ace_selected-word {
+  background: rgb(250, 250, 255);
+  border: 1px solid rgb(200, 200, 250);
+}
+
+.ace-chrome .ace_storage,
+.ace-chrome .ace_keyword,
+.ace-chrome .ace_meta.ace_tag {
+  color: rgb(147, 15, 128);
+}
+
+.ace-chrome .ace_string.ace_regex {
+  color: rgb(255, 0, 0)
+}
+
+.ace-chrome .ace_string {
+  color: #1A1AA6;
+}
+
+.ace-chrome .ace_entity.ace_other.ace_attribute-name {
+  color: #994409;
+}
+
+.ace-chrome .ace_indent-guide {
+  background: url("../chrome-1.png") right repeat-y;
+}
+  
+.ace-chrome .ace_indent-guide-active {
+  background: url("../chrome-2.png") right repeat-y;
+}

console/web-api/public/ace-build/css/theme/cloud9_day.css

@@ -0,0 +1,160 @@
+.ace-cloud9-day .ace_gutter {
+    background: #ECECEC;
+    color: #333;
+}
+
+.ace-cloud9-day .ace_print-margin {
+    width: 1px;
+    background: #e8e8e8;
+}
+
+.ace-cloud9-day .ace_fold {
+    background-color: #6B72E6;
+}
+
+.ace-cloud9-day {
+    background-color: #FBFBFB;
+    color: black;
+}
+
+.ace-cloud9-day .ace_cursor {
+    color: black;
+}
+
+.ace-cloud9-day .ace_invisible {
+    color: rgb(191, 191, 191);
+}
+
+.ace-cloud9-day .ace_storage,
+.ace-cloud9-day .ace_keyword {
+    color: rgb(24, 122, 234);
+}
+
+.ace-cloud9-day .ace_constant {
+    color: rgb(197, 6, 11);
+}
+
+.ace-cloud9-day .ace_constant.ace_buildin {
+    color: rgb(88, 72, 246);
+}
+
+.ace-cloud9-day .ace_constant.ace_language {
+    color: rgb(88, 92, 246);
+}
+
+.ace-cloud9-day .ace_constant.ace_library {
+    color: rgb(6, 150, 14);
+}
+
+.ace-cloud9-day .ace_invalid {
+    background-color: rgba(255, 0, 0, 0.1);
+    color: red;
+}
+
+.ace-cloud9-day .ace_support.ace_function {
+    color: rgb(60, 76, 114);
+}
+
+.ace-cloud9-day .ace_support.ace_constant {
+    color: rgb(6, 150, 14);
+}
+
+.ace-cloud9-day .ace_support.ace_type,
+.ace-cloud9-day .ace_support.ace_class {
+    color: rgb(109, 121, 222);
+}
+
+.ace-cloud9-day .ace_keyword.ace_operator {
+    color: rgb(104, 118, 135);
+}
+
+.ace-cloud9-day .ace_string {
+    color: rgb(3, 106, 7);
+}
+
+.ace-cloud9-day .ace_comment {
+    color: rgb(76, 136, 107);
+}
+
+.ace-cloud9-day .ace_comment.ace_doc {
+    color: rgb(0, 102, 255);
+}
+
+.ace-cloud9-day .ace_comment.ace_doc.ace_tag {
+    color: rgb(128, 159, 191);
+}
+
+.ace-cloud9-day .ace_constant.ace_numeric {
+    color: rgb(0, 0, 205);
+}
+
+.ace-cloud9-day .ace_variable {
+    color: rgb(49, 132, 149);
+}
+
+.ace-cloud9-day .ace_xml-pe {
+    color: rgb(104, 104, 91);
+}
+
+.ace-cloud9-day .ace_entity.ace_name.ace_function {
+    color: #0000A2;
+}
+
+
+.ace-cloud9-day .ace_heading {
+    color: rgb(12, 7, 255);
+}
+
+.ace-cloud9-day .ace_list {
+    color: rgb(185, 6, 144);
+}
+
+.ace-cloud9-day .ace_meta.ace_tag {
+    color: rgb(0, 22, 142);
+}
+
+.ace-cloud9-day .ace_string.ace_regex {
+    color: rgb(255, 0, 0)
+}
+
+.ace-cloud9-day .ace_marker-layer .ace_selection {
+    background: rgb(181, 213, 255);
+}
+
+.ace-cloud9-day.ace_multiselect .ace_selection.ace_start {
+    box-shadow: 0 0 3px 0px white;
+}
+
+.ace-cloud9-day .ace_marker-layer .ace_step {
+    background: rgb(247, 237, 137);
+}
+
+.ace-cloud9-day .ace_marker-layer .ace_stack {
+    background: #BAE0A0;
+}
+
+.ace-cloud9-day .ace_marker-layer .ace_bracket {
+    margin: -1px 0 0 -1px;
+    border: 1px solid rgb(192, 192, 192);
+}
+
+.ace-cloud9-day .ace_marker-layer .ace_active-line {
+    background: rgba(0, 0, 0, 0.07);
+}
+
+.ace-cloud9-day .ace_gutter-active-line {
+    background-color: #E5E5E5;
+}
+
+.ace-cloud9-day .ace_marker-layer .ace_selected-word {
+    background: rgb(250, 250, 255);
+    border: 1px solid rgb(200, 200, 250);
+}
+
+.ace-cloud9-day .ace_indent-guide {
+    background: url("../cloud9_day-1.png") right repeat-y;
+}
+
+.ace-cloud9-day .ace_indent-guide-active {
+  background: url("../cloud9_day-2.png") right repeat-y;
+} 

console/web-api/public/ace-build/css/theme/cloud9_night.css

@@ -0,0 +1,146 @@
+.ace-cloud9-night .ace_gutter {
+    background: #303130;
+    color: #eee
+}
+
+.ace-cloud9-night .ace_print-margin {
+    width: 1px;
+    background: #222
+}
+
+.ace-cloud9-night {
+    background-color: #181818;
+    color: #EBEBEB
+}
+
+.ace-cloud9-night .ace_cursor {
+    color: #9F9F9F
+}
+
+.ace-cloud9-night .ace_marker-layer .ace_selection {
+    background: #424242
+}
+
+.ace-cloud9-night.ace_multiselect .ace_selection.ace_start {
+    box-shadow: 0 0 3px 0px #000000;
+    border-radius: 2px
+}
+
+.ace-cloud9-night .ace_marker-layer .ace_step {
+    background: rgb(102, 82, 0)
+}
+
+.ace-cloud9-night .ace_marker-layer .ace_bracket {
+    margin: -1px 0 0 -1px;
+    border: 1px solid #888888
+}
+
+.ace-cloud9-night .ace_marker-layer .ace_highlight {
+    border: 1px solid rgb(110, 119, 0);
+    border-bottom: 0;
+    box-shadow: inset 0 -1px rgb(110, 119, 0);
+    margin: -1px 0 0 -1px;
+    background: rgba(255, 235, 0, 0.1);
+}
+
+.ace-cloud9-night .ace_marker-layer .ace_active-line {
+    background: #292929
+}
+
+.ace-cloud9-night .ace_gutter-active-line {
+    background-color: #3D3D3D
+}
+
+.ace-cloud9-night .ace_stack {
+    background-color: rgb(66, 90, 44)
+}
+
+.ace-cloud9-night .ace_marker-layer .ace_selected-word {
+    border: 1px solid #888888
+}
+
+.ace-cloud9-night .ace_invisible {
+    color: #343434
+}
+
+.ace-cloud9-night .ace_keyword,
+.ace-cloud9-night .ace_meta,
+.ace-cloud9-night .ace_storage,
+.ace-cloud9-night .ace_storage.ace_type,
+.ace-cloud9-night .ace_support.ace_type {
+    color: #C397D8
+}
+
+.ace-cloud9-night .ace_keyword.ace_operator {
+    color: #70C0B1
+}
+
+.ace-cloud9-night .ace_constant.ace_character,
+.ace-cloud9-night .ace_constant.ace_language,
+.ace-cloud9-night .ace_constant.ace_numeric,
+.ace-cloud9-night .ace_keyword.ace_other.ace_unit,
+.ace-cloud9-night .ace_support.ace_constant,
+.ace-cloud9-night .ace_variable.ace_parameter {
+    color: #E78C45
+}
+
+.ace-cloud9-night .ace_constant.ace_other {
+    color: #EEEEEE
+}
+
+.ace-cloud9-night .ace_invalid {
+    color: #CED2CF;
+    background-color: #DF5F5F
+}
+
+.ace-cloud9-night .ace_invalid.ace_deprecated {
+    color: #CED2CF;
+    background-color: #B798BF
+}
+
+.ace-cloud9-night .ace_fold {
+    background-color: #7AA6DA;
+    border-color: #DEDEDE
+}
+
+.ace-cloud9-night .ace_entity.ace_name.ace_function,
+.ace-cloud9-night .ace_support.ace_function,
+.ace-cloud9-night .ace_variable:not(.ace_parameter),
+.ace-cloud9-night .ace_constant:not(.ace_numeric) {
+    color: #7AA6DA
+}
+
+.ace-cloud9-night .ace_support.ace_class,
+.ace-cloud9-night .ace_support.ace_type {
+    color: #E7C547
+}
+
+.ace-cloud9-night .ace_heading,
+.ace-cloud9-night .ace_markup.ace_heading,
+.ace-cloud9-night .ace_string {
+    color: #B9CA4A
+}
+
+.ace-cloud9-night .ace_entity.ace_name.ace_tag,
+.ace-cloud9-night .ace_entity.ace_other.ace_attribute-name,
+.ace-cloud9-night .ace_meta.ace_tag,
+.ace-cloud9-night .ace_string.ace_regexp,
+.ace-cloud9-night .ace_variable {
+    color: #D54E53
+}
+
+.ace-cloud9-night .ace_comment {
+    color: #969896
+}
+
+.ace-cloud9-night .ace_c9searchresults.ace_keyword {
+    color: #C2C280;
+}
+
+.ace-cloud9-night .ace_indent-guide {
+    background: url("../cloud9_night-1.png") right repeat-y
+}
+
+.ace-cloud9-night .ace_indent-guide-active {
+    background: url("../cloud9_night-2.png") right repeat-y;
+}

console/web-api/public/ace-build/css/theme/cloud9_night_low_color.css

@@ -0,0 +1,134 @@
+.ace-cloud9-night-low-color .ace_gutter {
+    background: #303130;
+    color: #eee
+}
+
+.ace-cloud9-night-low-color .ace_print-margin {
+    width: 1px;
+    background: #222
+}
+
+.ace-cloud9-night-low-color {
+    background-color: #181818;
+    color: #EBEBEB
+}
+
+.ace-cloud9-night-low-color .ace_cursor {
+    color: #9F9F9F
+}
+
+.ace-cloud9-night-low-color .ace_marker-layer .ace_selection {
+    background: #424242
+}
+
+.ace-cloud9-night-low-color.ace_multiselect .ace_selection.ace_start {
+    box-shadow: 0 0 3px 0px #000000;
+    border-radius: 2px
+}
+
+.ace-cloud9-night-low-color .ace_marker-layer .ace_step {
+    background: rgb(102, 82, 0)
+}
+
+.ace-cloud9-night-low-color .ace_marker-layer .ace_bracket {
+    margin: -1px 0 0 -1px;
+    border: 1px solid #888888
+}
+
+.ace-cloud9-night-low-color .ace_marker-layer .ace_highlight {
+    border: 1px solid rgb(110, 119, 0);
+    border-bottom: 0;
+    box-shadow: inset 0 -1px rgb(110, 119, 0);
+    margin: -1px 0 0 -1px;
+    background: rgba(255, 235, 0, 0.1);
+}
+
+.ace-cloud9-night-low-color .ace_marker-layer .ace_active-line {
+    background: #292929
+}
+
+.ace-cloud9-night-low-color .ace_gutter-active-line {
+    background-color: #3D3D3D
+}
+
+.ace-cloud9-night-low-color .ace_stack {
+    background-color: rgb(66, 90, 44)
+}
+
+.ace-cloud9-night-low-color .ace_marker-layer .ace_selected-word {
+    border: 1px solid #888888
+}
+
+.ace-cloud9-night-low-color .ace_invisible {
+    color: #343434
+}
+
+.ace-cloud9-night-low-color .ace_keyword,
+.ace-cloud9-night-low-color .ace_meta,
+.ace-cloud9-night-low-color .ace_storage {
+    color: #C397D8
+}
+
+.ace-cloud9-night-low-color .ace_keyword.ace_operator {
+    color: #70C0B1
+}
+
+.ace-cloud9-night-low-color .ace_constant.ace_character,
+.ace-cloud9-night-low-color .ace_constant.ace_language,
+.ace-cloud9-night-low-color .ace_constant.ace_numeric,
+.ace-cloud9-night-low-color .ace_keyword.ace_other.ace_unit {
+    color: #DAA637
+}
+
+.ace-cloud9-night-low-color .ace_constant.ace_other {
+    color: #EEEEEE
+}
+
+.ace-cloud9-night-low-color .ace_invalid {
+    color: #CED2CF;
+    background-color: #DF5F5F
+}
+
+.ace-cloud9-night-low-color .ace_invalid.ace_deprecated {
+    color: #CED2CF;
+    background-color: #B798BF
+}
+
+.ace-cloud9-night-low-color .ace_fold {
+    background-color: #7AA6DA;
+    border-color: #DEDEDE
+}
+
+.ace-cloud9-night-low-color .ace_entity.ace_name.ace_function,
+.ace-cloud9-night-low-color .ace_support.ace_function,
+.ace-cloud9-night-low-color .ace_variable:not(.ace_parameter),
+.ace-cloud9-night-low-color .ace_constant:not(.ace_numeric) {
+    color: #7AA6DA
+}
+
+.ace-cloud9-night-low-color .ace_support.ace_class,
+.ace-cloud9-night-low-color .ace_support.ace_type {
+    color: #E7C547
+}
+
+.ace-cloud9-night-low-color .ace_heading,
+.ace-cloud9-night-low-color .ace_markup.ace_heading,
+.ace-cloud9-night-low-color .ace_string {
+    color: #B9CA4A
+}
+
+.ace-cloud9-night-low-color .ace_comment {
+    color: #969896
+}
+
+.ace-cloud9-night-low-color .ace_c9searchresults.ace_keyword {
+    color: #C2C280;
+}
+
+.ace-cloud9-night-low-color .ace_indent-guide {
+    background: url("../cloud9_night_low_color-1.png") right repeat-y
+}
+
+.ace-cloud9-night-low-color .ace_indent-guide-active {
+    background: url("../cloud9_night_low_color-2.png") right repeat-y;
+}

console/web-api/public/ace-build/css/theme/clouds.css

@@ -0,0 +1,115 @@
+.ace-clouds .ace_gutter {
+  background: #ebebeb;
+  color: #333
+}
+
+.ace-clouds .ace_print-margin {
+  width: 1px;
+  background: #e8e8e8
+}
+
+.ace-clouds {
+  background-color: #FFFFFF;
+  color: #000000
+}
+
+.ace-clouds .ace_cursor {
+  color: #000000
+}
+
+.ace-clouds .ace_marker-layer .ace_selection {
+  background: #BDD5FC
+}
+
+.ace-clouds.ace_multiselect .ace_selection.ace_start {
+  box-shadow: 0 0 3px 0px #FFFFFF;
+}
+
+.ace-clouds .ace_marker-layer .ace_step {
+  background: rgb(255, 255, 0)
+}
+
+.ace-clouds .ace_marker-layer .ace_bracket {
+  margin: -1px 0 0 -1px;
+  border: 1px solid #BFBFBF
+}
+
+.ace-clouds .ace_marker-layer .ace_active-line {
+  background: #FFFBD1
+}
+
+.ace-clouds .ace_gutter-active-line {
+  background-color : #dcdcdc
+}
+
+.ace-clouds .ace_marker-layer .ace_selected-word {
+  border: 1px solid #BDD5FC
+}
+
+.ace-clouds .ace_invisible {
+  color: #BFBFBF
+}
+
+.ace-clouds .ace_keyword,
+.ace-clouds .ace_meta,
+.ace-clouds .ace_support.ace_constant.ace_property-value {
+  color: #AF956F
+}
+
+.ace-clouds .ace_keyword.ace_operator {
+  color: #484848
+}
+
+.ace-clouds .ace_keyword.ace_other.ace_unit {
+  color: #96DC5F
+}
+
+.ace-clouds .ace_constant.ace_language {
+  color: #39946A
+}
+
+.ace-clouds .ace_constant.ace_numeric {
+  color: #46A609
+}
+
+.ace-clouds .ace_constant.ace_character.ace_entity {
+  color: #BF78CC
+}
+
+.ace-clouds .ace_invalid {
+  background-color: #FF002A
+}
+
+.ace-clouds .ace_fold {
+  background-color: #AF956F;
+  border-color: #000000
+}
+
+.ace-clouds .ace_storage,
+.ace-clouds .ace_support.ace_class,
+.ace-clouds .ace_support.ace_function,
+.ace-clouds .ace_support.ace_other,
+.ace-clouds .ace_support.ace_type {
+  color: #C52727
+}
+
+.ace-clouds .ace_string {
+  color: #5D90CD
+}
+
+.ace-clouds .ace_comment {
+  color: #BCC8BA
+}
+
+.ace-clouds .ace_entity.ace_name.ace_tag,
+.ace-clouds .ace_entity.ace_other.ace_attribute-name {
+  color: #606060
+}
+
+.ace-clouds .ace_indent-guide {
+  background: url("../clouds-1.png") right repeat-y
+}
+
+.ace-clouds .ace_indent-guide-active {
+  background: url("../clouds-2.png") right repeat-y;
+} 

console/web-api/public/ace-build/css/theme/clouds_midnight.css

@@ -0,0 +1,116 @@
+.ace-clouds-midnight .ace_gutter {
+  background: #232323;
+  color: #929292
+}
+
+.ace-clouds-midnight .ace_print-margin {
+  width: 1px;
+  background: #232323
+}
+
+.ace-clouds-midnight {
+  background-color: #191919;
+  color: #929292
+}
+
+.ace-clouds-midnight .ace_cursor {
+  color: #7DA5DC
+}
+
+.ace-clouds-midnight .ace_marker-layer .ace_selection {
+  background: #000000
+}
+
+.ace-clouds-midnight.ace_multiselect .ace_selection.ace_start {
+  box-shadow: 0 0 3px 0px #191919;
+}
+
+.ace-clouds-midnight .ace_marker-layer .ace_step {
+  background: rgb(102, 82, 0)
+}
+
+.ace-clouds-midnight .ace_marker-layer .ace_bracket {
+  margin: -1px 0 0 -1px;
+  border: 1px solid #BFBFBF
+}
+
+.ace-clouds-midnight .ace_marker-layer .ace_active-line {
+  background: rgba(215, 215, 215, 0.031)
+}
+
+.ace-clouds-midnight .ace_gutter-active-line {
+  background-color: rgba(215, 215, 215, 0.031)
+}
+
+.ace-clouds-midnight .ace_marker-layer .ace_selected-word {
+  border: 1px solid #000000
+}
+
+.ace-clouds-midnight .ace_invisible {
+  color: #666
+}
+
+.ace-clouds-midnight .ace_keyword,
+.ace-clouds-midnight .ace_meta,
+.ace-clouds-midnight .ace_support.ace_constant.ace_property-value {
+  color: #927C5D
+}
+
+.ace-clouds-midnight .ace_keyword.ace_operator {
+  color: #4B4B4B
+}
+
+.ace-clouds-midnight .ace_keyword.ace_other.ace_unit {
+  color: #366F1A
+}
+
+.ace-clouds-midnight .ace_constant.ace_language {
+  color: #39946A
+}
+
+.ace-clouds-midnight .ace_constant.ace_numeric {
+  color: #46A609
+}
+
+.ace-clouds-midnight .ace_constant.ace_character.ace_entity {
+  color: #A165AC
+}
+
+.ace-clouds-midnight .ace_invalid {
+  color: #FFFFFF;
+  background-color: #E92E2E
+}
+
+.ace-clouds-midnight .ace_fold {
+  background-color: #927C5D;
+  border-color: #929292
+}
+
+.ace-clouds-midnight .ace_storage,
+.ace-clouds-midnight .ace_support.ace_class,
+.ace-clouds-midnight .ace_support.ace_function,
+.ace-clouds-midnight .ace_support.ace_other,
+.ace-clouds-midnight .ace_support.ace_type {
+  color: #E92E2E
+}
+
+.ace-clouds-midnight .ace_string {
+  color: #5D90CD
+}
+
+.ace-clouds-midnight .ace_comment {
+  color: #3C403B
+}
+
+.ace-clouds-midnight .ace_entity.ace_name.ace_tag,
+.ace-clouds-midnight .ace_entity.ace_other.ace_attribute-name {
+  color: #606060
+}
+
+.ace-clouds-midnight .ace_indent-guide {
+  background: url("../clouds_midnight-1.png") right repeat-y
+}
+
+.ace-clouds-midnight .ace_indent-guide-active {
+  background: url("../clouds_midnight-2.png") right repeat-y;
+}