From 18330e61ae85d64bfcd147cd8f1b585aeef78e67 Mon Sep 17 00:00:00 2001 From: Jack Franklin Date: Mon, 8 Feb 2021 14:55:32 +0000 Subject: [PATCH] [DarkMode] ui/textPrompt.css Bug: chromium:1152736 Change-Id: Ie4bea790750e9737762305b911c13fae613a1a02 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2679495 Auto-Submit: Jack Franklin Commit-Queue: Wolfgang Beyer Reviewed-by: Wolfgang Beyer --- front_end/ui/TextPrompt.js | 2 +- front_end/ui/textPrompt.css | 9 +++------ 2 files changed, 4 insertions(+), 7 deletions(-) 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 {