@openui5/sap.ui.codeeditor 1.133.1 → 1.135.0

package/src/sap/ui/codeeditor/js/ace/css/ace.css

@@ -62,6 +62,7 @@ font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'Source Code Pro
 direction: ltr;
 text-align: left;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+forced-color-adjust: none;
 }
 .ace_scroller {
 position: absolute;
@@ -146,7 +147,7 @@ float: left;
 margin-left: -19px;
 float: left;
 }
-.ace_gutter-cell.ace_error, .ace_icon.ace_error, .ace_icon.ace_error_fold {
+.ace_gutter-cell.ace_error, .ace_icon.ace_error, .ace_icon.ace_error_fold, .ace_gutter-cell.ace_security, .ace_icon.ace_security, .ace_icon.ace_security_fold {
 background-image: url("./main-1.png");
 background-repeat: no-repeat;
 background-position: 2px center;
@@ -156,32 +157,44 @@ background-image: url("./main-2.png");
 background-repeat: no-repeat;
 background-position: 2px center;
 }
-.ace_gutter-cell.ace_info, .ace_icon.ace_info {
+.ace_gutter-cell.ace_info, .ace_icon.ace_info, .ace_gutter-cell.ace_hint, .ace_icon.ace_hint {
 background-image: url("./main-3.png");
 background-repeat: no-repeat;
 background-position: 2px center;
 }
-.ace_dark .ace_gutter-cell.ace_info, .ace_dark .ace_icon.ace_info {
+.ace_dark .ace_gutter-cell.ace_info, .ace_dark .ace_icon.ace_info, .ace_dark .ace_gutter-cell.ace_hint, .ace_dark .ace_icon.ace_hint {
 background-image: url("./main-4.png");
 }
 .ace_icon_svg.ace_error {
 -webkit-mask-image: url("./main-5.svg");
 background-color: crimson;
 }
-.ace_icon_svg.ace_warning {
+.ace_icon_svg.ace_security {
 -webkit-mask-image: url("./main-6.svg");
+background-color: crimson;
+}
+.ace_icon_svg.ace_warning {
+-webkit-mask-image: url("./main-7.svg");
 background-color: darkorange;
 }
 .ace_icon_svg.ace_info {
--webkit-mask-image: url("./main-7.svg");
+-webkit-mask-image: url("./main-8.svg");
 background-color: royalblue;
 }
+.ace_icon_svg.ace_hint {
+-webkit-mask-image: url("./main-9.svg");
+background-color: silver;
+}
 .ace_icon_svg.ace_error_fold {
--webkit-mask-image: url("./main-8.svg");
+-webkit-mask-image: url("./main-10.svg");
+background-color: crimson;
+}
+.ace_icon_svg.ace_security_fold {
+-webkit-mask-image: url("./main-11.svg");
 background-color: crimson;
 }
 .ace_icon_svg.ace_warning_fold {
--webkit-mask-image: url("./main-9.svg");
+-webkit-mask-image: url("./main-12.svg");
 background-color: darkorange;
 }
 .ace_scrollbar {
@@ -392,8 +405,8 @@ height: 11px;
 margin-top: -2px;
 vertical-align: middle;
 background-image:
-url("./main-10.png"),
-url("./main-11.png");
+url("./main-13.png"),
+url("./main-14.png");
 background-repeat: no-repeat, repeat-x;
 background-position: center center, top left;
 color: transparent;
@@ -406,8 +419,8 @@ pointer-events: auto;
 }
 .ace_fold:hover{
 background-image:
-url("./main-12.png"),
-url("./main-13.png");
+url("./main-15.png"),
+url("./main-16.png");
 }
 .ace_tooltip {
 background-color: #f5f5f5;
@@ -421,13 +434,19 @@ position: fixed;
 z-index: 999999;
 box-sizing: border-box;
 cursor: default;
-white-space: pre;
+white-space: pre-wrap;
 word-wrap: break-word;
 line-height: normal;
 font-style: normal;
 font-weight: normal;
 letter-spacing: normal;
 pointer-events: none;
+overflow: auto;
+max-width: min(60em, 66vw);
+overscroll-behavior: contain;
+}
+.ace_tooltip pre {
+white-space: pre-wrap;
 }
 .ace_tooltip.ace_dark {
 background-color: #636363;
@@ -458,7 +477,7 @@ margin: 0 -12px 0 1px;
 display: none;
 width: 11px;
 vertical-align: top;
-background-image: url("./main-14.png");
+background-image: url("./main-17.png");
 background-repeat: no-repeat;
 background-position: center;
 border-radius: 3px;
@@ -469,10 +488,10 @@ cursor: pointer;
 display: inline-block;   
 }
 .ace_fold-widget.ace_end {
-background-image: url("./main-15.png");
+background-image: url("./main-18.png");
 }
 .ace_fold-widget.ace_closed {
-background-image: url("./main-16.png");
+background-image: url("./main-19.png");
 }
 .ace_fold-widget:hover {
 border: 1px solid rgba(0, 0, 0, 0.3);
@@ -488,13 +507,13 @@ box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
 * Dark version for fold widgets
 */
 .ace_dark .ace_fold-widget {
-background-image: url("./main-17.png");
+background-image: url("./main-20.png");
 }
 .ace_dark .ace_fold-widget.ace_end {
-background-image: url("./main-18.png");
+background-image: url("./main-21.png");
 }
 .ace_dark .ace_fold-widget.ace_closed {
-background-image: url("./main-19.png");
+background-image: url("./main-22.png");
 }
 .ace_dark .ace_fold-widget:hover {
 box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
@@ -583,18 +602,29 @@ opacity:1;
 background-color: #ddd;
 }
 .ace_placeholder {
+position: relative;
 font-family: arial;
 transform: scale(0.9);
 transform-origin: left;
 white-space: pre;
 opacity: 0.7;
 margin: 0 10px;
+z-index: 1;
 }
 .ace_ghost_text {
 opacity: 0.5;
 font-style: italic;
+}
+.ace_ghost_text_container > div {
 white-space: pre;
 }
+.ghost_text_line_wrapped::after {
+content: "↩";
+position: absolute;
+}
+.ace_lineWidgetContainer.ace_ghost_text {
+margin: 0px 4px
+}
 .ace_screenreader-only {
 position:absolute;
 left:-10000px;
@@ -603,6 +633,9 @@ width:1px;
 height:1px;
 overflow:hidden;
 }
+.ace_hidden_token {
+display: none;
+}
 /*ace-tm*/
 .ace-tm .ace_gutter {
 background: #f0f0f0;
@@ -721,10 +754,10 @@ background: rgb(250, 250, 255);
 border: 1px solid rgb(200, 200, 250);
 }
 .ace-tm .ace_indent-guide {
-background: url("./main-20.png") right repeat-y;
+background: url("./main-23.png") right repeat-y;
 }
 .ace-tm .ace_indent-guide-active {
-background: url("./main-21.png") right repeat-y;
+background: url("./main-24.png") right repeat-y;
 }
 /*error_marker.css*/
 .error_widget_wrapper {
@@ -945,7 +978,6 @@ flex: 0 0 auto;
 .ace_autocomplete .ace_line .ace_ {
 flex: 0 1 auto;
 overflow: hidden;
-white-space: nowrap;
 text-overflow: ellipsis;
 }
 .ace_autocomplete .ace_completion-spacer {
@@ -977,7 +1009,7 @@ animation: none;
 /*inlineautocomplete.css*/
 .ace_icon_svg.ace_arrow,
 .ace_icon_svg.ace_arrow_rotated {
--webkit-mask-image: url("./main-22.svg");
+-webkit-mask-image: url("./main-25.svg");
 }
 .ace_icon_svg.ace_arrow_rotated {
 transform: rotate(180deg);
@@ -1151,7 +1183,7 @@ transform: rotate(-45deg);
 border-width: 0 2px 2px 0 ;
 }
 .ace_searchbtn_close {
-background: url("./main-23.png") no-repeat 50% 0;
+background: url("./main-26.png") no-repeat 50% 0;
 border-radius: 50%;
 border: 0 none;
 color: #656565;

package/src/sap/ui/codeeditor/js/ace/css/main-10.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>

package/src/sap/ui/codeeditor/js/ace/css/main-11.svg

@@ -0,0 +1,5 @@
+
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 14" fill="none">
+    <path d="M10.0001 13.6992C10.0001 13.6992 11.9241 13.4763 13 12.6992C14.4139 11.6781 16 10.5 16.1251 6.81126V2.58987C16.1251 2.54768 16.1221 2.50619 16.1164 2.46559V1.71485H15.2414L15.2307 1.71484L14.6251 1.69922V6.81123C14.6251 8.51061 14.6251 9.46461 12.7824 11.721C12.1586 12.4848 10.0001 13.6992 10.0001 13.6992Z" fill="crimson" stroke-width="2"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.33609 0.367475C7.03214 0.152652 6.62548 0.153614 6.32253 0.369997L6.30869 0.379554C6.29553 0.388588 6.27388 0.403266 6.24417 0.422789C6.18471 0.46186 6.09321 0.520171 5.97313 0.591373C5.73251 0.734059 5.3799 0.926864 4.94279 1.12009C4.06144 1.5097 2.87541 1.88377 1.58984 1.88377H0.714844V2.75877V6.98015C0.714844 9.49374 2.28866 11.1973 3.70254 12.2185C4.41845 12.7355 5.12874 13.1053 5.65733 13.3457C5.92284 13.4664 6.14566 13.5559 6.30465 13.6161C6.38423 13.6462 6.44805 13.669 6.49349 13.6848C6.51622 13.6927 6.53438 13.6989 6.54764 13.7033L6.56382 13.7087L6.56908 13.7104L6.57099 13.711L6.83984 13.7533L6.57242 13.7115C6.74633 13.7673 6.93335 13.7673 7.10727 13.7115L7.1087 13.711L7.11061 13.7104L7.11587 13.7087L7.13205 13.7033C7.14531 13.6989 7.16346 13.6927 7.18619 13.6848C7.23164 13.669 7.29546 13.6462 7.37503 13.6161C7.53403 13.5559 7.75685 13.4664 8.02236 13.3457C8.55095 13.1053 9.26123 12.7355 9.97715 12.2185C11.391 11.1973 12.9648 9.49377 12.9648 6.98018V2.7588C12.9648 2.7166 12.9619 2.67511 12.9561 2.63451V1.88377H12.0811C12.0775 1.88377 12.074 1.88377 12.0704 1.88377C10.7979 1.88004 9.61962 1.51102 8.73894 1.12486C8.73534 1.12327 8.73174 1.12168 8.72814 1.12009C8.29103 0.926864 7.93842 0.734059 7.69779 0.591373C7.57772 0.520171 7.48622 0.46186 7.42676 0.422789C7.39705 0.403266 7.37539 0.388588 7.36224 0.379554L7.34896 0.37035C7.34896 0.37035 7.34847 0.37002 7.34563 0.374054L7.33779 0.368659L7.33609 0.367475ZM8.03471 2.72691C8.8604 3.09063 9.96066 3.46309 11.2061 3.58907V6.98015H11.2148C11.2148 8.67953 10.1637 9.92507 8.95254 10.7998C8.35595 11.2306 7.75374 11.5454 7.29796 11.7527C7.11671 11.8351 6.96062 11.8996 6.83984 11.9469C6.71906 11.8996 6.56297 11.8351 6.38173 11.7527C5.92595 11.5454 5.32373 11.2306 4.72715 10.7998C3.51603 9.92507 2.46484 8.67955 2.46484 6.98018V3.58909C3.71738 3.46239 4.82308 3.08639 5.65033 2.72071C6.14228 2.50324 6.54485 2.28537 6.83254 2.11624C7.12181 2.28535 7.527 2.50352 8.02196 2.72131C8.0262 2.72317 8.03045 2.72504 8.03471 2.72691ZM5.96484 3.40147V7.77647H7.71484V3.40147H5.96484ZM5.96484 10.4015V8.65147H7.71484V10.4015H5.96484Z" fill="crimson" stroke-width="2"/>
+</svg>

package/src/sap/ui/codeeditor/js/ace/css/main-12.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>

package/src/sap/ui/codeeditor/js/ace/css/main-25.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.83701 15L4.58751 13.7155L10.1468 8L4.58751 2.28446L5.83701 1L12.6465 8L5.83701 15Z" fill="black"/></svg>

package/src/sap/ui/codeeditor/js/ace/css/main-6.svg

@@ -1,7 +1,9 @@
-<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 viewBox="0 0 20 16" xmlns="http://www.w3.org/2000/svg">
+    <g stroke-width="2" stroke="darkorange" fill="none" shape-rendering="geometricPrecision">
+        <path class="stroke-linejoin-round" d="M8 14.8307C8 14.8307 2 12.9047 2 8.08992V3.26548C5.31 3.26548 7.98999 1.34918 7.98999 1.34918C7.98999 1.34918 10.69 3.26548 14 3.26548V8.08992C14 12.9047 8 14.8307 8 14.8307Z"/>
+        <path d="M2 8.08992V3.26548C5.31 3.26548 7.98999 1.34918 7.98999 1.34918"/>
+        <path d="M13.99 8.08992V3.26548C10.68 3.26548 8 1.34918 8 1.34918"/>
+        <path class="stroke-linejoin-round" d="M8 4V9"/>
+        <path class="stroke-linejoin-round" d="M8 10V12"/>
+    </g>
 </svg>

package/src/sap/ui/codeeditor/js/ace/css/main-7.svg

@@ -1,9 +1,7 @@
 <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 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>

package/src/sap/ui/codeeditor/js/ace/css/main-8.svg

@@ -1,4 +1,9 @@
-<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 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>

package/src/sap/ui/codeeditor/js/ace/css/main-9.svg

@@ -1,4 +1,6 @@
-<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 viewBox="0 0 20 16" xmlns="http://www.w3.org/2000/svg">
+    <g stroke-width="2" stroke="silver" fill="none" shape-rendering="geometricPrecision">
+        <path class="stroke-linejoin-round" d="M6 14H10"/>
+        <path d="M8 11H9C9 9.47002 12 8.54002 12 5.76002C12.02 4.40002 11.39 3.36002 10.43 2.67002C9 1.64002 7.00001 1.64002 5.57001 2.67002C4.61001 3.36002 3.98 4.40002 4 5.76002C4 8.54002 7.00001 9.47002 7.00001 11H8Z"/>
+    </g>
 </svg>

package/src/sap/ui/codeeditor/js/ace/css/theme/cloud_editor.css

@@ -0,0 +1,221 @@
+
+.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-security.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: #0E45B4;
+    border-color: #3a3a42;
+}
+
+.ace-cloud_editor .ace_keyword {
+    color: #9749d1;
+}
+
+.ace-cloud_editor .ace_meta.ace_tag {
+    color: #0E45B4;
+}
+
+.ace-cloud_editor .ace_constant {
+    color: #A16101;
+}
+
+.ace-cloud_editor .ace_constant.ace_numeric {
+    color: #A16101;
+}
+
+.ace-cloud_editor .ace_constant.ace_character.ace_escape {
+    color: #BD1880;
+}
+
+.ace-cloud_editor .ace_support.ace_function {
+    color: #A81700;
+}
+
+.ace-cloud_editor .ace_support.ace_class {
+    color: #A16101;
+}
+
+.ace-cloud_editor .ace_storage {
+    color: #9749d1;
+}
+
+.ace-cloud_editor .ace_invalid.ace_illegal {
+    color: #ffffff;
+    background-color: #0E45B4;
+}
+
+.ace-cloud_editor .ace_invalid.ace_deprecated {
+    color: #ffffff;
+    background-color: #A16101;
+}
+
+.ace-cloud_editor .ace_string {
+    color: #207A7F;
+}
+
+.ace-cloud_editor .ace_string.ace_regexp {
+    color: #207A7F;
+}
+
+.ace-cloud_editor .ace_comment,
+.ace-cloud_editor .ace_ghost_text {
+    color: #697077;
+    opacity: 1;
+}
+
+.ace-cloud_editor .ace_variable {
+    color: #0E45B4;
+}
+
+.ace-cloud_editor .ace_meta.ace_selector {
+    color: #9749d1;
+}
+
+.ace-cloud_editor .ace_entity.ace_other.ace_attribute-name {
+    color: #A16101;
+}
+
+.ace-cloud_editor .ace_entity.ace_name.ace_function {
+    color: #A81700;
+}
+
+.ace-cloud_editor .ace_entity.ace_name.ace_tag {
+    color: #0E45B4;
+}
+
+.ace-cloud_editor .ace_heading {
+    color: #A81700;
+}
+
+.ace-cloud_editor .ace_xml-pe {
+    color: #A16101;
+}
+.ace-cloud_editor .ace_doctype {
+    color: #0E45B4;
+}
+
+.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_security,
+.ace-cloud_editor .ace_icon_svg.ace_security_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_icon_svg.ace_hint {
+    background-color: #0073bb;
+}
+.ace-cloud_editor .ace_highlight-marker {
+    background: none;
+    border: #0E45B4 1px solid;
+}
+.ace-cloud_editor .ace_tooltip.ace_hover-tooltip:focus > div {
+    outline: 1px solid #0073bb;
+}
+.ace-cloud_editor .ace_snippet-marker {
+    background-color: #CED6E0;
+    border: 0;
+}
+
+.ace-cloud_editor.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line {
+    background-color: #f2f3f3;
+    border: #0F68AE 1.5px solid;
+}
+.ace-cloud_editor.ace_editor.ace_autocomplete .ace_line-hover {
+    border: 1px solid #16191f;
+    background: #f2f3f3;
+}
+.ace-cloud_editor.ace_editor.ace_autocomplete .ace_completion-meta {
+    color: #545b64;
+    opacity: 1;
+}
+.ace-cloud_editor.ace_editor.ace_autocomplete .ace_completion-highlight{
+    color: #0F68AE;
+}
+.ace-cloud_editor.ace_editor.ace_autocomplete {
+    box-shadow: 0 1px 1px 0 #001c244d, 1px 1px 1px 0 #001c2426, -1px 1px 1px 0 #001c2426;
+    line-height: 1.5;
+    border: 1px solid #eaeded;
+    background: #ffffff;
+    color: #16191f;
+}
+