DevTools: clean up the -theme-selection markup in the css.

All these rule definitions operate CSS variables now.

Bug: 935286
Change-Id: I9cdd4883e0c07e1040da06af8db3ef36f64ebc02
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1562893Reviewed-by: Joel Einbinder <einbinder@chromium.org>
Commit-Queue: Pavel Feldman <pfeldman@chromium.org>
Cr-Commit-Position: refs/heads/master@{#649770}

third_party/blink/renderer/devtools/front_end/inline_editor/bezierEditor.css

@@ -180,8 +180,7 @@ svg.bezier-preset-modify.bezier-preset-plus {
     margin-top: 16px;
 }
 
-svg.bezier-preset-modify:active,
-.-theme-selection-color {
+svg.bezier-preset-modify:active {
     transform: scale(1.1);
     background-color: var(--selection-bg-color);
 }

third_party/blink/renderer/devtools/front_end/ui/softContextMenu.css

@@ -62,8 +62,7 @@
     pointer-events: none;
 }
 
-.soft-context-menu-item-mouse-over,
-.-theme-selection-color {
+.soft-context-menu-item-mouse-over {
     border-top: 1px solid var(--context-menu-hover-bg);
     border-bottom: 1px solid var(--context-menu-hover-bg);
     background-color: var(--context-menu-hover-bg);

third_party/blink/renderer/devtools/front_end/ui/toolbar.css

@@ -147,13 +147,11 @@ select.toolbar-item:disabled + .toolbar-dropdown-arrow {
 }
 
 .toolbar-button.toolbar-state-on .toolbar-glyph,
-.toolbar-blue-on-hover .toolbar-button:not(.toolbar-state-on):enabled:hover:not(:active),
-.-theme-selection-color {
+.toolbar-blue-on-hover .toolbar-button:not(.toolbar-state-on):enabled:hover:not(:active) {
     background-color: var(--accent-color);
 }
 
-.toolbar-button.toolbar-state-on .toolbar-text,
-.-theme-selection-color {
+.toolbar-button.toolbar-state-on .toolbar-text {
     color: var(--accent-color);
 }
 
@@ -166,13 +164,11 @@ select.toolbar-item:disabled + .toolbar-dropdown-arrow {
 }
 
 .toolbar-button.toolbar-state-on:enabled:hover:not(:active) .toolbar-glyph,
-.toolbar-blue-on-hover .toolbar-button:not(.toolbar-state-on):enabled:active:hover,
-.-theme-selection-color {
+.toolbar-blue-on-hover .toolbar-button:not(.toolbar-state-on):enabled:active:hover {
     background-color: var(--accent-color);
 }
 
-.toolbar-button.toolbar-state-on:enabled:hover:not(:active) .toolbar-text,
-.-theme-selection-color {
+.toolbar-button.toolbar-state-on:enabled:hover:not(:active) .toolbar-text {
     color: var(--accent-color);
 }