diff --git a/src/extensions/default/CSSCodeHints/main.js b/src/extensions/default/CSSCodeHints/main.js
index 0b17d87a7f..2d4e417839 100644
--- a/src/extensions/default/CSSCodeHints/main.js
+++ b/src/extensions/default/CSSCodeHints/main.js
@@ -24,20 +24,21 @@
 define(function (require, exports, module) {
 
 
-    var AppInit             = brackets.getModule("utils/AppInit"),
-        CodeHintManager     = brackets.getModule("editor/CodeHintManager"),
-        CSSUtils            = brackets.getModule("language/CSSUtils"),
-        PreferencesManager  = brackets.getModule("preferences/PreferencesManager"),
-        TokenUtils          = brackets.getModule("utils/TokenUtils"),
-        StringMatch         = brackets.getModule("utils/StringMatch"),
-        ColorUtils          = brackets.getModule("utils/ColorUtils"),
-        Strings             = brackets.getModule("strings"),
-        KeyEvent            = brackets.getModule("utils/KeyEvent"),
-        LiveDevelopment     = brackets.getModule("LiveDevelopment/main"),
-        Metrics             = brackets.getModule("utils/Metrics"),
-        AllPreferences      = brackets.getModule("preferences/AllPreferences"),
-        CSSProperties       = require("text!CSSProperties.json"),
-        properties          = JSON.parse(CSSProperties);
+    var AppInit = brackets.getModule("utils/AppInit"),
+        CodeHintManager = brackets.getModule("editor/CodeHintManager"),
+        EditorManager = brackets.getModule("editor/EditorManager"),
+        CSSUtils = brackets.getModule("language/CSSUtils"),
+        PreferencesManager = brackets.getModule("preferences/PreferencesManager"),
+        TokenUtils = brackets.getModule("utils/TokenUtils"),
+        StringMatch = brackets.getModule("utils/StringMatch"),
+        ColorUtils = brackets.getModule("utils/ColorUtils"),
+        Strings = brackets.getModule("strings"),
+        KeyEvent = brackets.getModule("utils/KeyEvent"),
+        LiveDevelopment = brackets.getModule("LiveDevelopment/main"),
+        Metrics = brackets.getModule("utils/Metrics"),
+        AllPreferences = brackets.getModule("preferences/AllPreferences"),
+        CSSProperties = require("text!CSSProperties.json"),
+        properties = JSON.parse(CSSProperties);
 
     /**
      * Emmet API:
@@ -92,6 +93,75 @@ define(function (require, exports, module) {
         this.exclusion = null;
     }
 
+    function isAlphanumeric(char) {
+        return /^[a-z0-9-@$]$/i.test(char);
+    }
+
+    function isValidColor(text, colorMatch) {
+        const colorIndex = colorMatch.index;
+        const previousChar = colorIndex === 0 ? "" : text.charAt(colorIndex - 1);
+        const endIndex = colorIndex + colorMatch[0].length;
+        const nextChar = endIndex === text.length ? "" : text.charAt(endIndex);
+        return !isAlphanumeric(previousChar) && !isAlphanumeric(nextChar);
+    }
+
+    function updateColorList(colorList, color, lineNumber) {
+        const existingColor = colorList.find(item => item.color === color);
+        if (existingColor) {
+            existingColor.count++;
+            if (!existingColor.lines.includes(lineNumber)) {
+                existingColor.lines.push(lineNumber);
+            }
+        } else {
+            colorList.push({
+                color: color,
+                lines: [lineNumber],
+                count: 1
+            });
+        }
+    }
+
+    function getAllColorsInFile() {
+        const editor = EditorManager.getActiveEditor();
+        const nLen = editor.lineCount();
+
+        const colorList = [];
+
+        for (let i = 0; i < nLen; i++) {
+            const lineText = editor.getLine(i);
+
+            if (!lineText || lineText.length > 1000) {
+                continue;
+            }
+
+            const matches = [...lineText.matchAll(ColorUtils.COLOR_REGEX)];
+
+            for (const match of matches) {
+                if (isValidColor(lineText, match)) {
+                    const token = editor.getToken({ line: i, ch: match.index });
+
+                    // this check is added to filter out non-required colors. For ex:
+                    // the color should not be inside a commented line
+                    // the color should not be written as a plain text (in html files)
+                    // like <p>Red is bad.</p>, we need to ignore this Red
+                    if (
+                        token &&
+                        (
+                            // If we're in an HTML file (token.state.htmlState exists),
+                            // then only process if inside a <style> tag.
+                            (token.state && token.state.htmlState ? token.state.htmlState.context.tagName === "style" : true)
+                        ) &&
+                        token.type !== "comment"
+                    ) {
+                        updateColorList(colorList, match[0], i);
+                    }
+                }
+            }
+        }
+
+        return colorList;
+    }
+
     /**
      * Check whether the exclusion is still the same as text after the cursor.
      * If not, reset it to null.
@@ -152,7 +222,7 @@ define(function (require, exports, module) {
             }
 
             return (this.primaryTriggerKeys.indexOf(implicitChar) !== -1) ||
-                   (this.secondaryTriggerKeys.indexOf(implicitChar) !== -1);
+                (this.secondaryTriggerKeys.indexOf(implicitChar) !== -1);
         } else if (this.info.context === CSSUtils.PROP_NAME) {
             if (this.info.offset === 0) {
                 this.exclusion = this.info.name;
@@ -193,7 +263,7 @@ define(function (require, exports, module) {
      */
     function formatHints(hints, isColorSwatch) {
         hints = vendorPrefixesAndGenericToEnd(hints);
-        if(hints.length > MAX_CSS_HINTS) {
+        if (hints.length > MAX_CSS_HINTS) {
             hints = hints.splice(0, MAX_CSS_HINTS);
         }
         return hints.map(function (token) {
@@ -217,7 +287,7 @@ define(function (require, exports, module) {
             if (isColorSwatch) {
                 $hintObj = ColorUtils.formatColorHint($hintObj, token.color || token.label || token.value);
             }
-            if(token.MDN_URL) {
+            if (token.MDN_URL) {
                 const $mdn = $(`<a class="css-code-hint-info" style="text-decoration: none;"
                 href="${token.MDN_URL}" title="${Strings.DOCS_MORE_LINK_MDN_TITLE}">
                 <i class="fa-solid fa-circle-info"></i></a>`);
@@ -245,16 +315,16 @@ define(function (require, exports, module) {
             auto: true
         };
         computedProperties = {};
-        for(let propertyKey of Object.keys(properties)) {
+        for (let propertyKey of Object.keys(properties)) {
             const property = properties[propertyKey];
-            if(property.type === "color" || !property.values || !property.values.length
+            if (property.type === "color" || !property.values || !property.values.length
                 || propertyKey === "font-family") {
                 computedProperties[propertyKey] = propertyKey;
                 continue;
             }
             computedProperties[propertyKey] = propertyKey;
-            for(let value of property.values) {
-                if(!blacklistedValues[value]){
+            for (let value of property.values) {
+                if (!blacklistedValues[value]) {
                     computedProperties[`${propertyKey}: ${value};`] = propertyKey;
                 }
             }
@@ -298,6 +368,10 @@ define(function (require, exports, module) {
             result,
             selectInitial = false;
 
+        let previouslyUsedColors = [];
+
+
+
         // Clear the exclusion if the user moves the cursor with left/right arrow key.
         this.updateExclusion(true);
 
@@ -330,7 +404,7 @@ define(function (require, exports, module) {
                 valueNeedle = valueNeedle.substr(0, this.info.offset);
             }
 
-            if(!properties[needle].injectedCSSDefaults){
+            if (!properties[needle].injectedCSSDefaults) {
                 uniqueMerge(properties[needle].values, cssWideKeywords);
                 properties[needle].injectedCSSDefaults = true;
             }
@@ -339,9 +413,22 @@ define(function (require, exports, module) {
             let isColorSwatch = false;
             if (type === "color") {
                 isColorSwatch = true;
-                valueArray = valueArray.concat(ColorUtils.COLOR_NAMES.map(function (color) {
-                    return { text: color, color: color };
-                }));
+
+
+                const colorList = getAllColorsInFile();
+
+                // Convert COLOR_LIST to previouslyUsedColors format and sort by count
+                previouslyUsedColors = colorList
+                    .sort((a, b) => b.count - a.count) // Sort in descending order by count
+                    .map(item => item.color); // Extract only the colors
+
+                // Combine default hex, rgb colors with existing color names
+                valueArray = previouslyUsedColors.concat(
+                    ColorUtils.COLOR_NAMES.map(function (color) {
+                        return { text: color, color: color };
+                    })
+                );
+
                 valueArray.push("transparent", "currentColor");
             }
 
@@ -351,6 +438,7 @@ define(function (require, exports, module) {
 
             result = StringMatch.codeHintsSort(valueNeedle, valueArray, {
                 limit: MAX_CSS_HINTS,
+                boostPrefixList: previouslyUsedColors, // for named colors to make them appear before other color hints
                 onlyContiguous: isColorSwatch // for color swatches, when searching for `ora` we should
                 // only hint <ora>nge and not <o>lived<ra>b (green shade)
             });
@@ -375,7 +463,7 @@ define(function (require, exports, module) {
 
             lastContext = CSSUtils.PROP_NAME;
             needle = needle.substr(0, this.info.offset);
-            if(!computedProperties){
+            if (!computedProperties) {
                 _computeProperties();
             }
 
@@ -385,9 +473,9 @@ define(function (require, exports, module) {
                 boostPrefixList: BOOSTED_PROPERTIES
             });
 
-            for(let resultItem of result) {
+            for (let resultItem of result) {
                 const propertyKey = computedPropertyKeys[resultItem.sourceIndex];
-                if(properties[propertyKey] && properties[propertyKey].MDN_URL){
+                if (properties[propertyKey] && properties[propertyKey].MDN_URL) {
                     resultItem.MDN_URL = properties[propertyKey].MDN_URL;
                     MDN_PROPERTIES_URLS[propertyKey] = resultItem.MDN_URL;
                 }
@@ -397,26 +485,26 @@ define(function (require, exports, module) {
             let pushedHints = formatHints(result);
 
             // make sure that emmet feature is on in preferences
-            if(enabled) {
+            if (enabled) {
 
                 // needle gives the current word before cursor, make sure that it exists
                 // also needle shouldn't contain `-`, because for example if user typed:
                 // `box-siz` then in that case it is very obvious that user wants to type `box-sizing`
                 // but emmet expands it `box: siz;`. So we prevent calling emmet when needle has `-`.
-                if(needle && !needle.includes('-')) {
+                if (needle && !needle.includes('-')) {
 
                     // wrapped in try catch block because EXPAND_ABBR might throw error when it gets unexpected
                     // characters such as `, =, etc
                     try {
                         let expandedAbbr = expandAbbr(needle, { syntax: "css", type: "stylesheet" });
-                        if(expandedAbbr && _isEmmetExpandable(needle, expandedAbbr)) {
+                        if (expandedAbbr && _isEmmetExpandable(needle, expandedAbbr)) {
 
                             // if the expandedAbbr doesn't have any numbers, we should split the expandedAbbr to,
                             // get its first word before `:`.
                             // For instance, `m` expands to `margin: ;`. Here the `: ;` is unnecessary.
                             // Also, `bgc` expands to `background-color: #fff;`. Here we don't need the `: #fff;`
                             // as we have cssIntelligence to display hints based on the property
-                            if(!_isEmmetAbbrNumeric(expandedAbbr)) {
+                            if (!_isEmmetAbbrNumeric(expandedAbbr)) {
                                 expandedAbbr = expandedAbbr.split(':')[0];
                             }
 
@@ -429,7 +517,7 @@ define(function (require, exports, module) {
                             let $icon = $(`<a class="emmet-css-code-hint" style="text-decoration: none">Emmet</a>`);
 
                             // if MDN_URL is available for the property, add the href attribute to redirect to mdn
-                            if(MDN_PROPERTIES_URLS[expandedAbbr]) {
+                            if (MDN_PROPERTIES_URLS[expandedAbbr]) {
                                 $icon.attr("href", MDN_PROPERTIES_URLS[expandedAbbr]);
                                 $icon.attr("title", Strings.DOCS_MORE_LINK_MDN_TITLE);
                             }
@@ -458,12 +546,12 @@ define(function (require, exports, module) {
                             // add the emmet icon to the final hint object
                             $emmetHintObj.append($icon);
 
-                            if(pushedHints) {
+                            if (pushedHints) {
 
                                 // to remove duplicate hints. one comes from emmet and other from default css hints.
                                 // we remove the default css hints and push emmet hint at the beginning.
-                                for(let i = 0; i < pushedHints.length; i++) {
-                                    if(pushedHints[i][0].getAttribute('data-val') === expandedAbbr) {
+                                for (let i = 0; i < pushedHints.length; i++) {
+                                    if (pushedHints[i][0].getAttribute('data-val') === expandedAbbr) {
                                         pushedHints.splice(i, 1);
                                         break;
                                     }
@@ -507,7 +595,8 @@ define(function (require, exports, module) {
      * Checks whether the expandedAbbr has any number.
      * For instance: `m0` expands to `margin: 0;`, so we need to display the whole thing in the code hint
      * Here, we also make sure that abbreviations which has `#`, `,` should not be included, because
-     * `color` expands to `color: #000;` or `color: rgb(0, 0, 0)`. So this actually has numbers, but we don't want to display this.
+     * `color` expands to `color: #000;` or `color: rgb(0, 0, 0)`.
+     * So this actually has numbers, but we don't want to display this.
      *
      * @param {String} expandedAbbr the expanded abbr returned by EXPAND_ABBR emmet api
      * @returns {boolean} true if expandedAbbr has numbers (and doesn't include '#') otherwise false.
@@ -521,7 +610,7 @@ define(function (require, exports, module) {
     let hintSessionId = 0, isInLiveHighlightSession = false;
 
     CssPropHints.prototype.onClose = function () {
-        if(isInLiveHighlightSession) {
+        if (isInLiveHighlightSession) {
             this.editor.restoreHistoryPoint(`${HISTORY_PREFIX}${hintSessionId}`);
             isInLiveHighlightSession = false;
         }
@@ -529,46 +618,46 @@ define(function (require, exports, module) {
     };
 
     CssPropHints.prototype.onHighlight = function ($highlightedEl, _$descriptionElem, reason) {
-        if(!reason){
+        if (!reason) {
             console.error("OnHighlight called without reason, should never happen!");
             hintSessionId++;
             return;
         }
         const currentLivePreviewDetails = LiveDevelopment.getLivePreviewDetails();
-        if(!(currentLivePreviewDetails && currentLivePreviewDetails.liveDocument)) {
+        if (!(currentLivePreviewDetails && currentLivePreviewDetails.liveDocument)) {
             // css live hints only for live previewed page and related files
             return;
         }
         const currentlyEditedFile = this.editor.document.file.fullPath;
         const livePreviewedFile = currentLivePreviewDetails.liveDocument.doc.file.fullPath;
-        if(currentlyEditedFile !== livePreviewedFile) {
+        if (currentlyEditedFile !== livePreviewedFile) {
             const isRelatedFile = currentLivePreviewDetails.liveDocument.isRelated &&
                 currentLivePreviewDetails.liveDocument.isRelated(currentlyEditedFile);
-            if(!isRelatedFile) {
+            if (!isRelatedFile) {
                 // file is neither current html file being live previewed, or any of its
                 // related file. we dont show hints in the case
                 return;
             }
         }
-        if(reason.source === CodeHintManager.SELECTION_REASON.SESSION_START){
+        if (reason.source === CodeHintManager.SELECTION_REASON.SESSION_START) {
             hintSessionId++;
             this.editor.createHistoryRestorePoint(`${HISTORY_PREFIX}${hintSessionId}`);
             return;
         }
-        if(reason.source !== CodeHintManager.SELECTION_REASON.KEYBOARD_NAV){
+        if (reason.source !== CodeHintManager.SELECTION_REASON.KEYBOARD_NAV) {
             return;
         }
         const event = reason.event;
-        if(!(event.keyCode === KeyEvent.DOM_VK_UP ||
+        if (!(event.keyCode === KeyEvent.DOM_VK_UP ||
             event.keyCode === KeyEvent.DOM_VK_DOWN ||
             event.keyCode === KeyEvent.DOM_VK_PAGE_UP ||
-            event.keyCode === KeyEvent.DOM_VK_PAGE_DOWN)){
+            event.keyCode === KeyEvent.DOM_VK_PAGE_DOWN)) {
             return;
         }
         Metrics.countEvent(Metrics.EVENT_TYPE.LIVE_PREVIEW, "cssHint", "preview");
         const $hintItem = $highlightedEl.find(".brackets-css-hints");
         const highligtedValue = $highlightedEl.find(".brackets-css-hints").data("val");
-        if(!highligtedValue || !$hintItem.is(":visible")){
+        if (!highligtedValue || !$hintItem.is(":visible")) {
             return;
         }
         isInLiveHighlightSession = true;
@@ -590,8 +679,8 @@ define(function (require, exports, module) {
     CssPropHints.prototype.insertHint = function (hint, isLiveHighlight) {
         var offset = this.info.offset,
             cursor = this.editor.getCursorPos(),
-            start = {line: -1, ch: -1},
-            end = {line: -1, ch: -1},
+            start = { line: -1, ch: -1 },
+            end = { line: -1, ch: -1 },
             keepHints = false,
             adjustCursor = false,
             newCursor,
@@ -624,8 +713,10 @@ define(function (require, exports, module) {
                     // the cursor before that space.
                     hint += " ";
                     adjustCursor = true;
-                    newCursor = { line: cursor.line,
-                        ch: start.ch + hint.length - 1 };
+                    newCursor = {
+                        line: cursor.line,
+                        ch: start.ch + hint.length - 1
+                    };
                     this.exclusion = null;
                 }
             } else {
@@ -642,13 +733,15 @@ define(function (require, exports, module) {
                 }
                 if (TokenUtils.moveSkippingWhitespace(TokenUtils.moveNextToken, ctx) && ctx.token.string === ":") {
                     adjustCursor = true;
-                    newCursor = { line: cursor.line,
-                        ch: cursor.ch + (hint.length - this.info.name.length) };
+                    newCursor = {
+                        line: cursor.line,
+                        ch: cursor.ch + (hint.length - this.info.name.length)
+                    };
                     // Adjust cursor to the position after any whitespace that follows the colon, if there is any.
                     if (TokenUtils.moveNextToken(ctx) && ctx.token.string.length > 0 && !/\S/.test(ctx.token.string)) {
                         newCursor.ch += ctx.token.string.length;
                     }
-                } else if(!hint.endsWith(";")){
+                } else if (!hint.endsWith(";")) {
                     hint += ": ";
                 }
             }
@@ -663,23 +756,31 @@ define(function (require, exports, module) {
 
             var parenMatch = hint.match(/\(.*?\)/);
             if (parenMatch) {
-                // value has (...), so place cursor inside opening paren
-                // and keep hints open
-                adjustCursor = true;
-                newCursor = { line: cursor.line,
-                    ch: start.ch + parenMatch.index + 1 };
-                keepHints = true;
+                // Only adjust cursor for non-color values
+                if (!hint.startsWith('rgb') &&
+                    !hint.startsWith('rgba') &&
+                    !hint.startsWith('hsl') &&
+                    !hint.startsWith('hsla')) {
+                    // value has (...), so place cursor inside opening paren
+                    // and keep hints open
+                    adjustCursor = true;
+                    newCursor = {
+                        line: cursor.line,
+                        ch: start.ch + parenMatch.index + 1
+                    };
+                    keepHints = true;
+                }
             }
         }
 
-        if(isLiveHighlight) {
+        if (isLiveHighlight) {
             // this is via user press up and down arrows when code hints is visible
-            if(this.info.context !== CSSUtils.PROP_VALUE && !hint.endsWith(";")) {
+            if (this.info.context !== CSSUtils.PROP_VALUE && !hint.endsWith(";")) {
                 // we only do live hints for css property values. else UX is jarring.
                 // property full statements hints like "display: flex;" will be live previewed tho
                 return keepHints;
             }
-            if(!this.editor.hasSelection()){
+            if (!this.editor.hasSelection()) {
                 this.editor.setSelection(start, end);
             }
             this.editor.replaceSelection(hint, 'around', "liveHints");
@@ -687,13 +788,13 @@ define(function (require, exports, module) {
         }
 
         // this is commit flow
-        if(isInLiveHighlightSession) {
+        if (isInLiveHighlightSession) {
             // end previous highlight session.
             isInLiveHighlightSession = false;
             hintSessionId++;
         }
 
-        if(this.editor.hasSelection()){
+        if (this.editor.hasSelection()) {
             // this is when user commits
             this.editor.replaceSelection(hint, 'end');
             return keepHints;
@@ -713,7 +814,7 @@ define(function (require, exports, module) {
         // the CSS property is fully specified,
         // so we don't need to continue showing hints for its value.
         const cursorPos = this.editor.getCursorPos();
-        if(this.editor.getCharacterAtPosition({line: cursorPos.line, ch: cursorPos.ch - 1}) === ';') {
+        if (this.editor.getCharacterAtPosition({ line: cursorPos.line, ch: cursorPos.ch - 1 }) === ';') {
             keepHints = false;
         }
 
diff --git a/test/spec/LiveDevelopmentMultiBrowser-test.js b/test/spec/LiveDevelopmentMultiBrowser-test.js
index 4eba5cc057..be6f5f2a06 100644
--- a/test/spec/LiveDevelopmentMultiBrowser-test.js
+++ b/test/spec/LiveDevelopmentMultiBrowser-test.js
@@ -25,20 +25,20 @@ define(function (require, exports, module) {
 
 
     const SpecRunnerUtils = require("spec/SpecRunnerUtils"),
-        KeyEvent                = require("utils/KeyEvent"),
-        StringUtils      = require("utils/StringUtils");
+        KeyEvent = require("utils/KeyEvent"),
+        StringUtils = require("utils/StringUtils");
 
     describe("livepreview:MultiBrowser Live Preview", function () {
 
         async function _waitForIframeSrc(name) {
-            await awaitsFor(()=>{
+            await awaitsFor(() => {
                 let outerIFrame = testWindow.document.getElementById("panel-live-preview-frame");
                 let srcURL = new URL(outerIFrame.src);
                 return srcURL.pathname.endsWith(name) === true;
             }, "waiting for name- " + name);
         }
 
-        if(Phoenix.isTestWindowPlaywright && !Phoenix.browser.desktop.isChromeBased) {
+        if (Phoenix.isTestWindowPlaywright && !Phoenix.browser.desktop.isChromeBased) {
             it("All tests requiring virtual server is disabled in playwright/firefox/safari", async function () {
                 // we dont spawn virtual server in iframe playwright linux/safari as playwright linux/safari fails badly
                 // we dont need virtual server for tests except for live preview and custom extension load tests,
@@ -92,25 +92,26 @@ define(function (require, exports, module) {
                 // In tauri, we use node server, so this limitation doesn't apply in tauri, and we stick to iframes.
                 const useWindowInsteadOfIframe = (Phoenix.browser.desktop.isFirefox && !window.__TAURI__);
                 testWindow = await SpecRunnerUtils.createTestWindowAndRun({
-                    forceReload: false, useWindowInsteadOfIframe});
+                    forceReload: false, useWindowInsteadOfIframe
+                });
                 brackets = testWindow.brackets;
                 DocumentManager = brackets.test.DocumentManager;
                 LiveDevMultiBrowser = brackets.test.LiveDevMultiBrowser;
                 LiveDevProtocol = brackets.test.LiveDevProtocol;
-                CommandManager      = brackets.test.CommandManager;
-                Commands            = brackets.test.Commands;
-                EditorManager       = brackets.test.EditorManager;
-                WorkspaceManager    = brackets.test.WorkspaceManager;
-                BeautificationManager       = brackets.test.BeautificationManager;
-                PreferencesManager       = brackets.test.PreferencesManager;
-                NativeApp       = brackets.test.NativeApp;
-                Dialogs       = brackets.test.Dialogs;
-                MainViewManager       = brackets.test.MainViewManager;
+                CommandManager = brackets.test.CommandManager;
+                Commands = brackets.test.Commands;
+                EditorManager = brackets.test.EditorManager;
+                WorkspaceManager = brackets.test.WorkspaceManager;
+                BeautificationManager = brackets.test.BeautificationManager;
+                PreferencesManager = brackets.test.PreferencesManager;
+                NativeApp = brackets.test.NativeApp;
+                Dialogs = brackets.test.Dialogs;
+                MainViewManager = brackets.test.MainViewManager;
                 savedNativeAppOpener = NativeApp.openURLInDefaultBrowser;
 
                 await SpecRunnerUtils.loadProjectInTestWindow(testFolder);
-                await SpecRunnerUtils.deletePathAsync(testFolder+"/.phcode.json", true);
-                if(!WorkspaceManager.isPanelVisible('live-preview-panel')){
+                await SpecRunnerUtils.deletePathAsync(testFolder + "/.phcode.json", true);
+                if (!WorkspaceManager.isPanelVisible('live-preview-panel')) {
                     await awaitsForDone(CommandManager.execute(Commands.FILE_LIVE_FILE_PREVIEW));
                 }
             }
@@ -122,9 +123,9 @@ define(function (require, exports, module) {
             testWindow = null;
             brackets = null;
             LiveDevMultiBrowser = null;
-            CommandManager      = null;
-            Commands            = null;
-            EditorManager       = null;
+            CommandManager = null;
+            Commands = null;
+            EditorManager = null;
             MainViewManager = null;
             savedNativeAppOpener = null;
             Dialogs = null;
@@ -247,8 +248,8 @@ define(function (require, exports, module) {
             await awaitsFor(
                 function isArabicTextProperlyRendered() {
                     LiveDevProtocol.evaluate(`document.getElementById('arabic-text').textContent`)
-                        .done((response)=>{
-                            result = JSON.parse(response.result||"");
+                        .done((response) => {
+                            result = JSON.parse(response.result || "");
                         });
                     return result === " 1 يناير 2021 بواسطة ";
                 },
@@ -261,8 +262,8 @@ define(function (require, exports, module) {
 
         function _isRelatedStyleSheet(liveDoc, fileName) {
             let relatedSheets = Object.keys(liveDoc.getRelated().stylesheets);
-            for(let relatedPath of relatedSheets){
-                if(relatedPath.endsWith(fileName)) {
+            for (let relatedPath of relatedSheets) {
+                if (relatedPath.endsWith(fileName)) {
                     return true;
                 }
             }
@@ -277,9 +278,9 @@ define(function (require, exports, module) {
 
             liveDoc = LiveDevMultiBrowser.getCurrentLiveDoc();
 
-            let curDoc =  DocumentManager.getCurrentDocument();
+            let curDoc = DocumentManager.getCurrentDocument();
 
-            curDoc.replaceRange('<link href="blank.css" rel="stylesheet">\n', {line: 8, ch: 0});
+            curDoc.replaceRange('<link href="blank.css" rel="stylesheet">\n', { line: 8, ch: 0 });
 
             await awaitsFor(
                 function relatedDocsReceived() {
@@ -327,7 +328,7 @@ define(function (require, exports, module) {
 
             await awaitsForDone(SpecRunnerUtils.openProjectFiles(["simple1.css"]),
                 "SpecRunnerUtils.openProjectFiles simple1.css");
-            curDoc =  DocumentManager.getCurrentDocument();
+            curDoc = DocumentManager.getCurrentDocument();
             localText = curDoc.getText();
             localText += styleTextAdd;
             curDoc.setText(localText);
@@ -352,7 +353,7 @@ define(function (require, exports, module) {
 
             await awaitsForDone(SpecRunnerUtils.openProjectFiles(["sub/test.css"]),
                 "SpecRunnerUtils.openProjectFiles simple1.css");
-            curDoc =  DocumentManager.getCurrentDocument();
+            curDoc = DocumentManager.getCurrentDocument();
             localText = curDoc.getText();
             localText += "\n .testClass { background-color:#090; }\n";
             curDoc.setText(localText);
@@ -383,14 +384,14 @@ define(function (require, exports, module) {
                 50
             );
 
-            let curDoc =  DocumentManager.getCurrentDocument();
+            let curDoc = DocumentManager.getCurrentDocument();
             curDoc.replaceRange(editText, location);
             let result;
             await awaitsFor(
                 function isTextChanged() {
                     LiveDevProtocol.evaluate(`document.getElementById('${verifyID}').textContent`)
-                        .done((response)=>{
-                            result = JSON.parse(response.result||"");
+                        .done((response) => {
+                            result = JSON.parse(response.result || "");
                         });
                     return result === verifyText;
                 },
@@ -405,7 +406,7 @@ define(function (require, exports, module) {
                 "SpecRunnerUtils.openProjectFiles simple1.html");
 
             await waitsForLiveDevelopmentToOpen();
-            await _editFileAndVerifyLivePreview("simple1.html", {line: 11, ch: 45}, 'hello world ',
+            await _editFileAndVerifyLivePreview("simple1.html", { line: 11, ch: 45 }, 'hello world ',
                 "testId", "Brackets is hello world awesome!");
             await endPreviewSession();
         }, 30000);
@@ -418,19 +419,19 @@ define(function (require, exports, module) {
             await awaitsForDone(SpecRunnerUtils.openProjectFiles(["simple1.html"]),
                 "simple1.html");
 
-            await awaitsFor(()=> LiveDevMultiBrowser.status === LiveDevMultiBrowser.STATUS_ACTIVE,
+            await awaitsFor(() => LiveDevMultiBrowser.status === LiveDevMultiBrowser.STATUS_ACTIVE,
                 "status active");
 
-            let curDoc =  DocumentManager.getCurrentDocument();
+            let curDoc = DocumentManager.getCurrentDocument();
 
             // add a class
-            curDoc.replaceRange("addClass ", {line: 11, ch: 22});
+            curDoc.replaceRange("addClass ", { line: 11, ch: 22 });
             let hasClass;
             await awaitsFor(
                 function isClassChanged() {
                     LiveDevProtocol.evaluate(`document.getElementById('testId').classList.contains("addClass")`)
-                        .done((response)=>{
-                            hasClass = JSON.parse(response.result||"");
+                        .done((response) => {
+                            hasClass = JSON.parse(response.result || "");
                         });
                     return hasClass;
                 },
@@ -440,12 +441,12 @@ define(function (require, exports, module) {
             );
 
             // remove a class
-            curDoc.replaceRange("", {line: 11, ch: 22}, {line: 11, ch: 31});
+            curDoc.replaceRange("", { line: 11, ch: 22 }, { line: 11, ch: 31 });
             await awaitsFor(
                 function isClassChanged() {
                     LiveDevProtocol.evaluate(`document.getElementById('testId').classList.contains("addClass")`)
-                        .done((response)=>{
-                            hasClass = JSON.parse(response.result||"");
+                        .done((response) => {
+                            hasClass = JSON.parse(response.result || "");
                         });
                     return hasClass;
                 },
@@ -465,19 +466,19 @@ define(function (require, exports, module) {
             await awaitsForDone(SpecRunnerUtils.openProjectFiles(["simple1.html"]),
                 "simple1.html");
 
-            await awaitsFor(()=> LiveDevMultiBrowser.status === LiveDevMultiBrowser.STATUS_ACTIVE,
+            await awaitsFor(() => LiveDevMultiBrowser.status === LiveDevMultiBrowser.STATUS_ACTIVE,
                 "status active");
 
-            let curDoc =  DocumentManager.getCurrentDocument();
+            let curDoc = DocumentManager.getCurrentDocument();
 
             // add an attribute
-            curDoc.replaceRange(' hello="world" ', {line: 11, ch: 15});
+            curDoc.replaceRange(' hello="world" ', { line: 11, ch: 15 });
             let result;
             await awaitsFor(
                 function isAttributeAdded() {
                     LiveDevProtocol.evaluate(`document.getElementById('testId').getAttribute("hello")`)
-                        .done((response)=>{
-                            result = JSON.parse(response.result||"");
+                        .done((response) => {
+                            result = JSON.parse(response.result || "");
                         });
                     return result === "world";
                 },
@@ -487,12 +488,12 @@ define(function (require, exports, module) {
             );
 
             // remove the attribute
-            curDoc.replaceRange("", {line: 11, ch: 15}, {line: 11, ch: 30});
+            curDoc.replaceRange("", { line: 11, ch: 15 }, { line: 11, ch: 30 });
             await awaitsFor(
                 function isClassChanged() {
                     LiveDevProtocol.evaluate(`document.getElementById('testId').getAttribute("hello")`)
-                        .done((response)=>{
-                            result = JSON.parse(response.result||"");
+                        .done((response) => {
+                            result = JSON.parse(response.result || "");
                         });
                     return result !== "world";
                 },
@@ -516,15 +517,15 @@ define(function (require, exports, module) {
             }, "codehints to be shown");
 
             await awaitsFor(function () {
-                for(let hint of expectedSomeHintsArray){
-                    if(!testWindow.$(".codehint-menu").text().includes(hint)){
+                for (let hint of expectedSomeHintsArray) {
+                    if (!testWindow.$(".codehint-menu").text().includes(hint)) {
                         return false;
                     }
                 }
                 return true;
             }, "expected hints to be there");
         }
-        
+
         async function _waitForLivePreviewElementColor(elementID, color) {
             let result;
             await awaitsFor(
@@ -548,10 +549,10 @@ define(function (require, exports, module) {
             await awaitsForDone(SpecRunnerUtils.openProjectFiles(["inline-style.html"]),
                 "inline-style.html");
 
-            await awaitsFor(()=> LiveDevMultiBrowser.status === LiveDevMultiBrowser.STATUS_ACTIVE,
+            await awaitsFor(() => LiveDevMultiBrowser.status === LiveDevMultiBrowser.STATUS_ACTIVE,
                 "status active");
 
-            await _openCodeHints({line: 9, ch: 18}, ["red"]);
+            await _openCodeHints({ line: 9, ch: 18 }, ["red"]);
 
             let editor = EditorManager.getActiveEditor();
             const initialHistoryLength = editor.getHistory().done.length;
@@ -603,7 +604,7 @@ define(function (require, exports, module) {
             expect(editor.getToken().string).toBe("mediumvioletred");
 
             // the undo history should be just one above
-            expect(editor.getHistory().done.length).toBe(expectedHistoryLength +3);
+            expect(editor.getHistory().done.length).toBe(expectedHistoryLength + 3);
             await endPreviewSession();
         }, 30000);
 
@@ -613,26 +614,30 @@ define(function (require, exports, module) {
 
             await waitsForLiveDevelopmentToOpen();
 
-            await awaitsFor(()=> LiveDevMultiBrowser.status === LiveDevMultiBrowser.STATUS_ACTIVE,
+            await awaitsFor(() => LiveDevMultiBrowser.status === LiveDevMultiBrowser.STATUS_ACTIVE,
                 "status active");
 
             await awaitsForDone(SpecRunnerUtils.openProjectFiles(["simple1.css"]),
                 "simple1.css");
 
-            await _openCodeHints({line: 3, ch: 8}, ["antiquewhite"]);
+            await _openCodeHints({ line: 3, ch: 8 }, ["antiquewhite"]);
 
             let editor = EditorManager.getActiveEditor();
             const initialHistoryLength = editor.getHistory().done.length;
             SpecRunnerUtils.simulateKeyEvent(KeyEvent.DOM_VK_DOWN, "keydown", testWindow.document.body);
             await awaitsFor(function () {
-                return editor.getSelectedText() === "antiquewhite";
-            }, "expected live hints to update selection to antiquewhite");
-            await _waitForLivePreviewElementColor("testId", "rgb(250, 235, 215)"); // antiquewhite
+                // #090 is the content from simple1.css file
+                // this appears as the 2nd item in the codehint menu, from "suggest previously used color" feature
+                return editor.getSelectedText() === "#090";
+            }, "expected live hints to update selection to #090");
+            await _waitForLivePreviewElementColor("testId", "rgb(0, 153, 0)");
             SpecRunnerUtils.simulateKeyEvent(KeyEvent.DOM_VK_DOWN, "keydown", testWindow.document.body);
             await awaitsFor(function () {
-                return editor.getSelectedText() === "aqua";
-            }, "expected live hints to update selection to aqua");
-            await _waitForLivePreviewElementColor("testId", "rgb(0, 255, 255)"); //aqua
+                return editor.getSelectedText() === "aliceblue";
+            }, "expected live hints to update selection to aliceblue");
+
+            await _waitForLivePreviewElementColor("testId", "rgb(240, 248, 255)"); // aliceblue
+
             return initialHistoryLength;
         }
 
@@ -668,10 +673,10 @@ define(function (require, exports, module) {
                 return editor.getSelectedText() === "";
             }, "to restore the text to old state");
             // check if we have the new value
-            expect(editor.getToken().string).toBe("aqua");
+            expect(editor.getToken().string).toBe("aliceblue");
 
             // the undo history should be just one above
-            expect(editor.getHistory().done.length).toBe(expectedHistoryLength +3);
+            expect(editor.getHistory().done.length).toBe(expectedHistoryLength + 3);
             await endPreviewSession();
         }, 30000);
 
@@ -681,7 +686,7 @@ define(function (require, exports, module) {
                 async function isColorChanged() {
                     const response = await LiveDevProtocol.evaluate(
                         `document.getElementById('${elementID}').classList.contains('${classExpected}')`);
-                    result = JSON.parse(response.result||"");
+                    result = JSON.parse(response.result || "");
                     return result === true;
                 },
                 `element #${elementID} to have class ${classExpected}`,
@@ -690,13 +695,13 @@ define(function (require, exports, module) {
             );
         }
 
-        async function _livePreviewCodeHintsHTMLCSSClass(onlyOnce, position = {line: 15, ch: 24}) {
+        async function _livePreviewCodeHintsHTMLCSSClass(onlyOnce, position = { line: 15, ch: 24 }) {
             await awaitsForDone(SpecRunnerUtils.openProjectFiles(["inline-style.html"]),
                 "SpecRunnerUtils.openProjectFiles inline-style.html");
 
             await waitsForLiveDevelopmentToOpen();
 
-            await awaitsFor(()=> LiveDevMultiBrowser.status === LiveDevMultiBrowser.STATUS_ACTIVE,
+            await awaitsFor(() => LiveDevMultiBrowser.status === LiveDevMultiBrowser.STATUS_ACTIVE,
                 "status active");
 
             await _openCodeHints(position, ["testClass2", "testClass"]);
@@ -713,7 +718,7 @@ define(function (require, exports, module) {
             }, "expected live hints to update selection to next code hint");
             let newSelectedCodeHint = $($(".code-hints-list-item .highlight .brackets-html-hints")).text();
             await _waitForLivePreviewElementClass("testId", newSelectedCodeHint);
-            if(onlyOnce){
+            if (onlyOnce) {
                 return initialHistoryLength;
             }
             SpecRunnerUtils.simulateKeyEvent(KeyEvent.DOM_VK_DOWN, "keydown", testWindow.document.body);
@@ -751,7 +756,7 @@ define(function (require, exports, module) {
 
         it("should Live preview push html css class code hints selection changes to browser", async function () {
             //<p id="testId" class="t<cursor>estClass ">Brackets is awesome!</p>
-            await _testAtPos({line: 15, ch: 24});
+            await _testAtPos({ line: 15, ch: 24 });
             let editor = EditorManager.getActiveEditor();
             expect(editor.getToken().string).toBe('"testClass "');
             await endPreviewSession();
@@ -759,7 +764,7 @@ define(function (require, exports, module) {
 
         it("should Live preview push html css class code hints on empty input selection changes to browser", async function () {
             //<p id="testId" class="testClass <cursor>">Brackets is awesome!</p>
-            await _testAtPos({line: 15, ch: 32});
+            await _testAtPos({ line: 15, ch: 32 });
             let editor = EditorManager.getActiveEditor();
             expect(editor.getToken().string).toBe('"testClass "');
             await endPreviewSession();
@@ -767,7 +772,7 @@ define(function (require, exports, module) {
 
         it("should Live preview push html css class code hints selection changes to browser and commit", async function () {
             //<p id="testId" class="t<cursor>estClass ">Brackets is awesome!</p>
-            await _testAtPos({line: 15, ch: 24}, KeyEvent.DOM_VK_RETURN, true, 3);
+            await _testAtPos({ line: 15, ch: 24 }, KeyEvent.DOM_VK_RETURN, true, 3);
             let editor = EditorManager.getActiveEditor();
             expect(editor.getToken().string).toBe('"testClass2 "');
             await endPreviewSession();
@@ -775,7 +780,7 @@ define(function (require, exports, module) {
 
         it("should Live preview push html css class code hints on empty input selection changes to browser and commit", async function () {
             //<p id="testId" class="testClass <cursor>">Brackets is awesome!</p>
-            const selectedHint = await _testAtPos({line: 15, ch: 32},  KeyEvent.DOM_VK_RETURN, true, 2);
+            const selectedHint = await _testAtPos({ line: 15, ch: 32 }, KeyEvent.DOM_VK_RETURN, true, 2);
             let editor = EditorManager.getActiveEditor();
             expect(editor.getToken().string).toBe(`"testClass ${selectedHint}"`);
             await endPreviewSession();
@@ -786,12 +791,12 @@ define(function (require, exports, module) {
                 "SpecRunnerUtils.openProjectFiles simple1.html");
 
             await waitsForLiveDevelopmentToOpen();
-            await _editFileAndVerifyLivePreview("simple1.html", {line: 11, ch: 45}, 'hello world ',
+            await _editFileAndVerifyLivePreview("simple1.html", { line: 11, ch: 45 }, 'hello world ',
                 "testId", "Brackets is hello world awesome!");
-            await _editFileAndVerifyLivePreview("simple2.html", {line: 11, ch: 45}, 'hello world ',
+            await _editFileAndVerifyLivePreview("simple2.html", { line: 11, ch: 45 }, 'hello world ',
                 "simpId", "Brackets is hello world awesome!");
             // now switch back to old file
-            await _editFileAndVerifyLivePreview("simple1.html", {line: 11, ch: 45}, 'hello world ',
+            await _editFileAndVerifyLivePreview("simple1.html", { line: 11, ch: 45 }, 'hello world ',
                 "testId", "Brackets is hello world hello world awesome!");
             await endPreviewSession();
         }, 30000);
@@ -801,7 +806,7 @@ define(function (require, exports, module) {
                 "SpecRunnerUtils.openProjectFiles simple1.html");
 
             await waitsForLiveDevelopmentToOpen();
-            await _editFileAndVerifyLivePreview("simple1.html", {line: 11, ch: 45}, 'hello world ',
+            await _editFileAndVerifyLivePreview("simple1.html", { line: 11, ch: 45 }, 'hello world ',
                 "testId", "Brackets is hello world awesome!");
 
             await awaitsForDone(SpecRunnerUtils.openProjectFiles(["readme.md"]),
@@ -818,7 +823,7 @@ define(function (require, exports, module) {
             expect(srcURL.pathname.endsWith(SVG_IMAGE_PATH)).toBeTrue();
 
             // now switch back to old file
-            await _editFileAndVerifyLivePreview("simple1.html", {line: 11, ch: 45}, 'hello world ',
+            await _editFileAndVerifyLivePreview("simple1.html", { line: 11, ch: 45 }, 'hello world ',
                 "testId", "Brackets is hello world hello world awesome!");
             await endPreviewSession();
         }, 30000);
@@ -828,7 +833,7 @@ define(function (require, exports, module) {
                 "SpecRunnerUtils.openProjectFiles simple1.html");
 
             await waitsForLiveDevelopmentToOpen();
-            await _editFileAndVerifyLivePreview("simple1.html", {line: 11, ch: 45}, 'hello world ',
+            await _editFileAndVerifyLivePreview("simple1.html", { line: 11, ch: 45 }, 'hello world ',
                 "testId", "Brackets is hello world awesome!");
 
             await awaitsForDone(SpecRunnerUtils.openProjectFiles(["sub/icon_chevron.png"]),
@@ -845,7 +850,7 @@ define(function (require, exports, module) {
                 "SpecRunnerUtils.openProjectFiles simple1.html");
 
             await waitsForLiveDevelopmentToOpen();
-            await _editFileAndVerifyLivePreview("simple1.html", {line: 11, ch: 45}, 'hello world ',
+            await _editFileAndVerifyLivePreview("simple1.html", { line: 11, ch: 45 }, 'hello world ',
                 "testId", "Brackets is hello world awesome!");
 
             let iFrame = testWindow.document.getElementById("panel-live-preview-frame");
@@ -891,7 +896,7 @@ define(function (require, exports, module) {
 
         async function triggerEscapeKeyEvent() {
             // Create a new KeyboardEvent
-            const jsExec= `document.getElementById("inputText").dispatchEvent(new KeyboardEvent("keydown", {
+            const jsExec = `document.getElementById("inputText").dispatchEvent(new KeyboardEvent("keydown", {
                 key: "Escape",
                 keyCode: 27, // keyCode for Escape key
                 code: "Escape",
@@ -922,7 +927,7 @@ define(function (require, exports, module) {
                 "SpecRunnerUtils.openProjectFiles simple1.html");
 
             await waitsForLiveDevelopmentToOpen();
-            await _editFileAndVerifyLivePreview("simple1.html", {line: 11, ch: 45}, 'hello world ',
+            await _editFileAndVerifyLivePreview("simple1.html", { line: 11, ch: 45 }, 'hello world ',
                 "testId", "Brackets is hello world awesome!");
 
             let iFrame = testWindow.document.getElementById("panel-live-preview-frame");
@@ -958,7 +963,7 @@ define(function (require, exports, module) {
                 "SpecRunnerUtils.openProjectFiles simple1.html");
 
             await waitsForLiveDevelopmentToOpen();
-            await _editFileAndVerifyLivePreview("simple1.html", {line: 11, ch: 45}, 'hello world ',
+            await _editFileAndVerifyLivePreview("simple1.html", { line: 11, ch: 45 }, 'hello world ',
                 "testId", "Brackets is hello world awesome!");
 
             let iFrame = testWindow.document.getElementById("panel-live-preview-frame");
@@ -1024,7 +1029,7 @@ define(function (require, exports, module) {
 
         it("should embedded html live previews be able to open urls in external browser for a target=_blank", async function () {
             // test is only for tauri. In browser, browser handles the anchor tags
-            if(!Phoenix.isNativeApp) {
+            if (!Phoenix.isNativeApp) {
                 return;
             }
             let openURLRequested;
@@ -1058,10 +1063,10 @@ define(function (require, exports, module) {
                 await awaitsFor(function () {
                     $dlg = testWindow.$(".modal.instance");
                     return $dlg.length > 0;
-                },  "dialog to appear");
+                }, "dialog to appear");
             }
             // test is only for tauri. In browser, browser handles the anchor tags
-            if(!Phoenix.isNativeApp) {
+            if (!Phoenix.isNativeApp) {
                 return;
             }
             let openURLRequested;
@@ -1076,7 +1081,7 @@ define(function (require, exports, module) {
             let iFrame = testWindow.document.getElementById("panel-live-preview-frame");
             expect(iFrame.src.endsWith("hyperlink.html")).toBeTrue();
 
-            for(let i=0;i<4;i++){
+            for (let i = 0; i < 4; i++) {
                 await forRemoteExec(`document.getElementById("externalLink").click()`);
             }
             await awaitsFor(function () { return openURLRequested; }, "https://google.com/ open", 2000);
@@ -1085,7 +1090,7 @@ define(function (require, exports, module) {
 
             // now click on the links a lotta time, no url should be opened
             openURLRequested = null;
-            for(let i=0;i<40;i++){
+            for (let i = 0; i < 40; i++) {
                 await forRemoteExec(`document.getElementById("externalLink").click()`);
             }
             await awaits(300);
@@ -1136,7 +1141,7 @@ define(function (require, exports, module) {
         }, 30000);
 
         it("should not be able to preview html file not in project - tauri only", async function () {
-            if(!Phoenix.isNativeApp) {
+            if (!Phoenix.isNativeApp) {
                 return;
             }
             await awaitsForDone(SpecRunnerUtils.openProjectFiles(["simple1.html"]),
@@ -1158,10 +1163,10 @@ define(function (require, exports, module) {
             await awaitsFor(
                 function () {
                     LiveDevProtocol.evaluate(script)
-                        .done((response)=>{
-                            result = JSON.parse(response.result||"");
+                        .done((response) => {
+                            result = JSON.parse(response.result || "");
                         });
-                    if(compareFn){
+                    if (compareFn) {
                         return compareFn(result);
                     }
                     // just exec and return if no compare function is specified
@@ -1182,17 +1187,17 @@ define(function (require, exports, module) {
             await waitsForLiveDevelopmentToOpen();
             let editor = EditorManager.getActiveEditor();
             editor.setCursorPos({ line: 0, ch: 0 });
-            await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight").length`, (result)=>{
+            await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight").length`, (result) => {
                 return result === 0;
             });
 
             editor.setCursorPos({ line: 11, ch: 10 });
 
-            await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight").length`, (result)=>{
+            await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight").length`, (result) => {
                 return result === 1;
             });
             await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight")[0].trackingElement.id`,
-                (result)=>{
+                (result) => {
                     return result === 'testId';
                 });
 
@@ -1204,7 +1209,7 @@ define(function (require, exports, module) {
                 "SpecRunnerUtils.openProjectFiles simple2.html");
 
             await waitsForLiveDevelopmentToOpen();
-            await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight").length`, (result)=>{
+            await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight").length`, (result) => {
                 return result === 0;
             });
 
@@ -1214,12 +1219,12 @@ define(function (require, exports, module) {
             editor.setCursorPos({ line: 2, ch: 6 });
 
             await awaits(500);
-            await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight").length`, (result)=>{
+            await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight").length`, (result) => {
                 return result === 3;
             });
             await forRemoteExec(
                 `document.getElementsByClassName("__brackets-ld-highlight")[0].trackingElement.classList[0]`,
-                (result)=>{
+                (result) => {
                     return result === 'testClass';
                 });
 
@@ -1229,12 +1234,12 @@ define(function (require, exports, module) {
             editor.setCursorPos({ line: 0, ch: 1 });
 
             await awaits(500);
-            await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight").length`, (result)=>{
+            await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight").length`, (result) => {
                 return result === 2;
             });
             await forRemoteExec(
                 `document.getElementsByClassName("__brackets-ld-highlight")[0].trackingElement.classList[0]`,
-                (result)=>{
+                (result) => {
                     return result === 'testClass2';
                 });
 
@@ -1248,30 +1253,30 @@ define(function (require, exports, module) {
 
             await waitsForLiveDevelopmentToOpen();
             let editor = EditorManager.getActiveEditor();
-            await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight").length`, (result)=>{
+            await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight").length`, (result) => {
                 return result === 0;
             });
 
             editor.setCursorPos({ line: 11, ch: 10 });
 
             await awaits(500);
-            await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight").length`, (result)=>{
+            await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight").length`, (result) => {
                 return result === 1;
             });
             let originalWidth;
-            await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight")[0].style.width`, (result)=>{
+            await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight")[0].style.width`, (result) => {
                 originalWidth = result;
                 return true;
             });
 
             iFrame.style.width = "100px";
             await awaits(500);
-            await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight")[0].style.width`, (result)=>{
+            await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight")[0].style.width`, (result) => {
                 return originalWidth !== result;
             });
             iFrame.style.width = "100%";
             await awaits(500);
-            await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight")[0].style.width`, (result)=>{
+            await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight")[0].style.width`, (result) => {
                 return originalWidth === result;
             });
 
@@ -1286,17 +1291,17 @@ define(function (require, exports, module) {
             let editor = EditorManager.getActiveEditor();
 
             await awaits(500);
-            await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight").length`, (result)=>{
+            await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight").length`, (result) => {
                 return result === 0;
             });
             await forRemoteExec(`document.getElementById("testId2").click()`);
 
             await awaits(500);
-            await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight").length`, (result)=>{
+            await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight").length`, (result) => {
                 return result === 1;
             });
             await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight")[0].trackingElement.id`,
-                (result)=>{
+                (result) => {
                     return result === 'testId2';
                 });
             expect(editor.getCursorPos()).toEql({ line: 12, ch: 0, sticky: null });
@@ -1305,10 +1310,10 @@ define(function (require, exports, module) {
         }, 30000);
 
         async function _forSelection(id, editor, cursor) {
-            await awaitsFor(()=>{
+            await awaitsFor(() => {
                 const cursorPos = editor.getCursorPos();
                 return cursorPos && cursorPos.line === cursor.line && cursorPos.ch === cursor.ch;
-            }, "waiting for editor reverse selection on "+ id);
+            }, "waiting for editor reverse selection on " + id);
         }
 
         async function _verifyCssReverseHighlight(fileName) {
@@ -1374,7 +1379,7 @@ define(function (require, exports, module) {
                 "closing all file");
 
             await forRemoteExec(`document.getElementById("testId").click()`);
-            await awaitsFor(()=>{
+            await awaitsFor(() => {
                 return !!EditorManager.getActiveEditor();
             }, "Editor to be opened");
             let editor = EditorManager.getActiveEditor();
@@ -1438,7 +1443,7 @@ define(function (require, exports, module) {
             await waitsForLiveDevelopmentToOpen();
 
             await awaits(1000);
-            await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight").length`, (result)=>{
+            await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight").length`, (result) => {
                 return result === 0;
             });
 
@@ -1456,11 +1461,11 @@ define(function (require, exports, module) {
             await forRemoteExec(`document.getElementById("testId").click()`);
             await awaits(1000);
 
-            await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight").length`, (result)=>{
+            await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight").length`, (result) => {
                 return result === 1;
             });
             await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight")[0].trackingElement.id`,
-                (result)=>{
+                (result) => {
                     return result === 'testId';
                 });
             expect(editor.getCursorPos()).toEql({ line: 11, ch: 0, sticky: null });
@@ -1478,7 +1483,7 @@ define(function (require, exports, module) {
             editor && editor.setCursorPos({ line: 0, ch: 0 });
 
             await awaits(500);
-            await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight").length`, (result)=>{
+            await forRemoteExec(`document.getElementsByClassName("__brackets-ld-highlight").length`, (result) => {
                 return result === 0;
             });
             await forRemoteExec(`document.getElementById("testId2").click()`);
@@ -1495,9 +1500,9 @@ define(function (require, exports, module) {
                 "SpecRunnerUtils.openProjectFiles simple1.html");
 
             await waitsForLiveDevelopmentToOpen();
-            await _editFileAndVerifyLivePreview("simple1.html", {line: 11, ch: 45}, 'hello world ',
+            await _editFileAndVerifyLivePreview("simple1.html", { line: 11, ch: 45 }, 'hello world ',
                 "testId", "Brackets is hello world awesome!");
-            await forRemoteExec(`document.savePageCtrlSDisabledByPhoenix`, (result)=>{
+            await forRemoteExec(`document.savePageCtrlSDisabledByPhoenix`, (result) => {
                 return result === true;
             });
 
@@ -1524,19 +1529,19 @@ define(function (require, exports, module) {
                 "SpecRunnerUtils.openProjectFiles simple1.html");
 
             await waitsForLiveDevelopmentToOpen();
-            await _editFileAndVerifyLivePreview("simple1.html", {line: 11, ch: 45}, 'hello world ',
+            await _editFileAndVerifyLivePreview("simple1.html", { line: 11, ch: 45 }, 'hello world ',
                 "testId", "Brackets is hello world awesome!");
 
             let editor = EditorManager.getActiveEditor();
             await BeautificationManager.beautifyEditor(editor);
-            await _editFileAndVerifyLivePreview("simple1.html", {line: 11, ch: 73}, 'yo',
+            await _editFileAndVerifyLivePreview("simple1.html", { line: 11, ch: 73 }, 'yo',
                 "testId", "Brackets is hello world awesome!yo");
 
             await awaitsForDone(CommandManager.execute(Commands.EDIT_UNDO), "undo");
             await awaitsForDone(CommandManager.execute(Commands.EDIT_UNDO), "undo");
             await awaitsForDone(CommandManager.execute(Commands.EDIT_UNDO), "undo");
 
-            await _editFileAndVerifyLivePreview("simple1.html", {line: 11, ch: 45}, 'hello world ',
+            await _editFileAndVerifyLivePreview("simple1.html", { line: 11, ch: 45 }, 'hello world ',
                 "testId", "Brackets is hello world awesome!");
 
             await endPreviewSession();
@@ -1547,7 +1552,7 @@ define(function (require, exports, module) {
                 "SpecRunnerUtils.openProjectFiles exploit1.html");
 
             await waitsForLiveDevelopmentToOpen();
-            await forRemoteExec(`document.responseStatus`, (result)=>{
+            await forRemoteExec(`document.responseStatus`, (result) => {
                 return result === 404;
             });
 
@@ -1562,11 +1567,11 @@ define(function (require, exports, module) {
             // scroll to middile of page element so that the scroll position is saved
             await forRemoteExec(`document.getElementById("midLine").scrollIntoView();`);
             let sessionStorageSavedScrollPos, savedWindowScrollY;
-            await forRemoteExec(`window.scrollY`, (result)=>{
+            await forRemoteExec(`window.scrollY`, (result) => {
                 savedWindowScrollY = result;
                 return result && result !== 0;
             });
-            await forRemoteExec(`sessionStorage.getItem("saved-scroll-" + location.href)`, (result)=>{
+            await forRemoteExec(`sessionStorage.getItem("saved-scroll-" + location.href)`, (result) => {
                 sessionStorageSavedScrollPos = result;
                 return !!result;
             });
@@ -1577,14 +1582,14 @@ define(function (require, exports, module) {
             await awaitsForDone(SpecRunnerUtils.openProjectFiles(["simple1.html"]),
                 "SpecRunnerUtils.openProjectFiles simple1.html");
             await waitsForLiveDevelopmentToOpen();
-            await forRemoteExec(`window.scrollY`, (result)=>{
+            await forRemoteExec(`window.scrollY`, (result) => {
                 return result !== savedWindowScrollY;
             });
 
             // now switch back to old page and verify if the scroll position was restored
             await awaitsForDone(SpecRunnerUtils.openProjectFiles(["longPage.html"]),
                 "SpecRunnerUtils.openProjectFiles longPage.html");
-            await forRemoteExec(`window.scrollY`, (result)=>{
+            await forRemoteExec(`window.scrollY`, (result) => {
                 return result === savedWindowScrollY;
             });
 
@@ -1651,7 +1656,7 @@ define(function (require, exports, module) {
 
             await waitsForLiveDevelopmentToOpen();
             await awaitsForDone(SpecRunnerUtils.openProjectFiles([SVG_IMAGE_PATH]),
-                "SpecRunnerUtils.openProjectFiles "+ SVG_IMAGE_PATH);
+                "SpecRunnerUtils.openProjectFiles " + SVG_IMAGE_PATH);
 
             await _waitForIframeSrc(SVG_IMAGE_PATH);
             let pinURLBtn = testWindow.$(testWindow.document.getElementById("pinURLButton"));
@@ -1713,7 +1718,7 @@ define(function (require, exports, module) {
             await waitsForLiveDevelopmentToOpen();
             await window.Phoenix.VFS.ensureExistsDirAsync("/test/parked");
             await awaitsForDone(SpecRunnerUtils.openProjectFiles([SVG_IMAGE_PATH]),
-                "SpecRunnerUtils.openProjectFiles"+SVG_IMAGE_PATH);
+                "SpecRunnerUtils.openProjectFiles" + SVG_IMAGE_PATH);
 
             await _waitForIframeSrc(SVG_IMAGE_PATH);
             let pinURLBtn = testWindow.$(testWindow.document.getElementById("pinURLButton"));
@@ -1738,7 +1743,7 @@ define(function (require, exports, module) {
 
         async function _storeInRemotePreview(value) {
             await forRemoteExec(`window.remoteSetterTest = "${value}"`);
-            await forRemoteExec(`window.remoteSetterTest`, (result)=>{
+            await forRemoteExec(`window.remoteSetterTest`, (result) => {
                 return result === value;
             });
         }
@@ -1761,7 +1766,7 @@ define(function (require, exports, module) {
                 document.getElementById('testId').textContent = '${jsChangedText}';});`;
             EditorManager.getActiveEditor().document.setText(code);
             await awaitsForDone(CommandManager.execute(Commands.FILE_SAVE_ALL), "FILE_SAVE_ALL");
-            await forRemoteExec(`document.getElementById("testId").textContent`, (result)=>{
+            await forRemoteExec(`document.getElementById("testId").textContent`, (result) => {
                 return result === jsChangedText;
             });
             await endPreviewSession();
@@ -1780,7 +1785,7 @@ define(function (require, exports, module) {
 
             testWindow.$("#reloadLivePreviewButton").click();
 
-            await forRemoteExec(`window.remoteSetterTest`, (result)=>{
+            await forRemoteExec(`window.remoteSetterTest`, (result) => {
                 return result !== storedValue;
             });
             await endPreviewSession();
@@ -1800,7 +1805,7 @@ define(function (require, exports, module) {
             testWindow.$("#pinURLButton").click();
             testWindow.$("#reloadLivePreviewButton").click();
 
-            await forRemoteExec(`window.remoteSetterTest`, (result)=>{
+            await forRemoteExec(`window.remoteSetterTest`, (result) => {
                 return result !== storedValue;
             });
             let iFrame = testWindow.document.getElementById("panel-live-preview-frame");
@@ -1826,7 +1831,7 @@ define(function (require, exports, module) {
 
             testWindow.$("#reloadLivePreviewButton").click();
 
-            await forRemoteExec(`window.remoteSetterTest`, (result)=>{
+            await forRemoteExec(`window.remoteSetterTest`, (result) => {
                 return result !== storedValue;
             });
             let iFrame = testWindow.document.getElementById("panel-live-preview-frame");
@@ -1852,7 +1857,7 @@ define(function (require, exports, module) {
 
             testWindow.$("#reloadLivePreviewButton").click();
 
-            await forRemoteExec(`window.remoteSetterTest`, (result)=>{
+            await forRemoteExec(`window.remoteSetterTest`, (result) => {
                 return result !== storedValue;
             });
             let iFrame = testWindow.document.getElementById("panel-live-preview-frame");