fix: Fixed popup CSS styling (#4728)

Author: andrewnester

lib/ace/autocomplete/popup.js

@@ -320,6 +320,34 @@ var AcePopup = function(parentNode) {
 };
 
 dom.importCssString("\
+.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line {\
+    background-color: #CAD6FA;\
+    z-index: 1;\
+}\
+.ace_dark.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line {\
+    background-color: #3a674e;\
+}\
+.ace_editor.ace_autocomplete .ace_line-hover {\
+    border: 1px solid #abbffe;\
+    margin-top: -1px;\
+    background: rgba(233,233,253,0.4);\
+    position: absolute;\
+    z-index: 2;\
+}\
+.ace_dark.ace_editor.ace_autocomplete .ace_line-hover {\
+    border: 1px solid rgba(109, 150, 13, 0.8);\
+    background: rgba(58, 103, 78, 0.62);\
+}\
+.ace_completion-meta {\
+    opacity: 0.5;\
+    margin: 0.9em;\
+}\
+.ace_editor.ace_autocomplete .ace_completion-highlight{\
+    color: #2d69c7;\
+}\
+.ace_dark.ace_editor.ace_autocomplete .ace_completion-highlight{\
+    color: #93ca12;\
+}\
 .ace_autocomplete.ace-tm .ace_marker-layer .ace_active-line {\
     background-color: #CAD6FA;\
     z-index: 1;\
@@ -349,7 +377,7 @@ dom.importCssString("\
 .ace_completion-message {\
     color: blue;\
 }\
-.ace_autocomplete .ace_completion-highlight{\    color: #000;\
+.ace_autocomplete .ace_completion-highlight{\
     text-shadow: 0 0 0.01em;\
 }\
 .ace_autocomplete {\