diff --git a/front_end/ui/TextPrompt.js b/front_end/ui/TextPrompt.js
index b1d695274d..6fff6bc1a8 100644
--- a/front_end/ui/TextPrompt.js
+++ b/front_end/ui/TextPrompt.js
@@ -136,7 +136,7 @@ export class TextPrompt extends Common.ObjectWrapper.ObjectWrapper {
     this._boundOnMouseWheel = this.onMouseWheel.bind(this);
     this._boundClearAutocomplete = this.clearAutocomplete.bind(this);
     this._proxyElement = /** @type {!HTMLElement} */ (element.ownerDocument.createElement('span'));
-    appendStyle(this._proxyElement, 'ui/textPrompt.css', {enableLegacyPatching: true});
+    appendStyle(this._proxyElement, 'ui/textPrompt.css', {enableLegacyPatching: false});
     this._contentElement = this._proxyElement.createChild('div', 'text-prompt-root');
     this._proxyElement.style.display = this._proxyElementDisplay;
     if (element.parentElement) {
diff --git a/front_end/ui/textPrompt.css b/front_end/ui/textPrompt.css
index 1f651924c5..65e5b85095 100644
--- a/front_end/ui/textPrompt.css
+++ b/front_end/ui/textPrompt.css
@@ -32,21 +32,18 @@
 }
 
 .text-prompt-editing > .text-prompt {
-  color: #222 !important; /* stylelint-disable-line plugin/use_theme_colors */
-  /* See: crbug.com/1152736 for color variable migration. */
+  color: var(--color-text-primary) !important;
   text-decoration: none !important;
   white-space: pre;
 }
 
 .text-prompt > .auto-complete-text {
-  color: rgb(128 128 128) !important; /* stylelint-disable-line plugin/use_theme_colors */
-  /* See: crbug.com/1152736 for color variable migration. */
+  color: var(--color-text-secondary) !important;
 }
 
 .text-prompt[data-placeholder]:empty::before {
   content: attr(data-placeholder);
-  color: rgb(128 128 128); /* stylelint-disable-line plugin/use_theme_colors */
-  /* See: crbug.com/1152736 for color variable migration. */
+  color: var(--color-text-secondary);
 }
 
 .text-prompt:not([data-placeholder]):empty::after {