Restricted invert colors on menu item hover to text only to not affec…

…t toggles ↞ [auto-sync from https://github.com/KudoAI/chatgpt.js-chrome-starter]

starters/chrome/extension/popup/style.css

@@ -51,8 +51,7 @@ a:focus, a:hover { text-decoration: underline ; color: inherit }
 .menu-icon { padding: 8px }
 .menu-area:focus, .menu-area:hover { /* add hover color/cursor */
     color: var(--bg) ; background: rgb(100, 149, 237) ; cursor: pointer }
-.menu-item:hover .toggle-switch .slider, .menu-item:hover span { filter: invert(1) } /* invert toggle switch + label */
-.menu-item:hover .menu-icon { filter: none } /* ...but not non-toggle icons */
+.menu-item:hover span:not(.slider) { filter: invert(1) } /* invert setting labels on hover */
 .menu-item > label > .slider { transform: scale(0.95) ; top: 1px } /* make child toggles smaller */
 .menu-prompt { margin-left: 2px } /* align non-toggle items */