diff --git a/popup/mzta-popup.css b/popup/mzta-popup.css index 9cec02c8..c1b1ac72 100644 --- a/popup/mzta-popup.css +++ b/popup/mzta-popup.css @@ -62,6 +62,10 @@ body { .mzta_autocomplete-item-active { background-color: #e9e9e9; } + + .prompt_add_tags{ + background-color: #cfe9ff; + } @media (prefers-color-scheme: dark) { @@ -96,4 +100,8 @@ body { .mzta_autocomplete-item-active { background-color: #444444; } + + .prompt_add_tags{ + background-color: #353542; + } } \ No newline at end of file diff --git a/popup/mzta-popup.js b/popup/mzta-popup.js index 30f10b2a..764ad785 100644 --- a/popup/mzta-popup.js +++ b/popup/mzta-popup.js @@ -129,6 +129,9 @@ async function searchPrompt(allPrompts, tabId, tabType){ itemDiv.classList.add('mzta_autocomplete-item'); itemDiv.textContent = item.label; itemDiv.setAttribute('data-id', item.id); + if(item.id === 'prompt_add_tags'){ + itemDiv.className += ' prompt_add_tags'; + } // Add a mousedown event to select the item itemDiv.addEventListener('mousedown', function(e) { // Use mousedown instead of click