Fix search bar disabled colors

Before: https://i.imgur.com/Pr0mrqn.png
After: https://i.imgur.com/brs20fN.png
Fixed: 376201917, 376199516
Change-Id: Ife7b7536eb6d13f59ad715ff33683c27c34b1c1b
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/5982916
Reviewed-by: Kateryna Prokopenko <[email protected]>
Commit-Queue: Kim-Anh Tran <[email protected]>

Author: ktran

front_end/ui/legacy/textPrompt.css

@@ -55,7 +55,7 @@
 }
 
 .text-prompt.disabled {
-  opacity: 50%;
+  color: var(--sys-color-state-disabled);
   cursor: default;
 }
 

front_end/ui/legacy/toolbar.css

@@ -388,7 +388,7 @@ select.toolbar-item:focus-visible > * {
     box-shadow: inset 0 0 0 2px var(--sys-color-state-focus-ring);
   }
 
-  &:not(:has(devtools-button:hover)):hover {
+  &:not(:has(devtools-button:hover)):not(.disabled):hover {
     background-color: var(--sys-color-state-hover-on-subtle);
   }