Bug 1926794 - [devtools] Replace incorrect usage of --theme-text-color-inactive. r=devtools-reviewers,bomsy.

The variable was used in a few places for elements that are not inactive.
It was probably picked because of its lighter color, but we do have
specific variable for that (for text and icons), that are better suited
and already adapt to High Contrast Mode.
In one case, the rule using it wasn't even used, so I removed it completely.

Depends on D226789

Differential Revision: https://phabricator.services.mozilla.com/D226745

devtools/client/debugger/src/components/SecondaryPanes/CommandBar.css

@@ -19,12 +19,6 @@ html[dir="rtl"] .command-bar {
   flex-grow: 1;
 }
 
-.command-bar .step-position {
-  color: var(--theme-text-color-inactive);
-  padding-top: 8px;
-  margin-inline-end: 4px;
-}
-
 .command-bar .divider {
   width: 1px;
   background: var(--theme-splitter-color);

devtools/client/debugger/src/components/shared/ResultList.css

@@ -115,7 +115,7 @@
 }
 
 .theme-dark .result-list.big li .subtitle {
-  color: var(--theme-text-color-inactive);
+  color: var(--theme-text-color-alt);
 }
 
 .search-bar .result-list li.selected .subtitle {

devtools/client/netmonitor/src/assets/styles/search.css

@@ -29,7 +29,7 @@
 
 /* Color for resource label */
 .search-panel .resourceCell {
-  color: var(--theme-text-color-inactive);
+  color: var(--theme-text-color-alt);
 }
 
 .search-panel .treeTable tbody {

devtools/client/themes/computed.css

@@ -128,7 +128,7 @@
   background-repeat: no-repeat;
   background-size: contain;
   -moz-context-properties: fill;
-  fill: var(--theme-text-color-inactive);
+  fill: var(--theme-icon-dimmed-color);
 }
 
 .computed-other-property-value:dir(rtl)::before {

devtools/client/themes/fonts.css

@@ -184,7 +184,7 @@
   height: 8px;
   margin: 0 2px;
   line-height: 3px;
-  color: var(--theme-text-color-inactive);
+  color: var(--theme-icon-dimmed-color);
   border-radius: 3px;
   border-style: solid;
   border-width: 1px;