tor-browser

commit b600ee4badeb194bfe3ab1181d6b8ec0d8256712
parent b6455e4c30a8ceaaf45137a62ed59f294bf02a6f
Author: Hubert Boma Manilla <hmanilla@mozilla.com>
Date:   Fri, 19 Dec 2025 11:54:29 +0000

Bug 2006570 - [devtools] Fix the icons in the quick open result list and the source tree r=devtools-reviewers,nchevobbe

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

Diffstat:
M
devtools/client/debugger/src/components/PrimaryPanes/Sources.css
 | 
8
++++++++
M
devtools/client/debugger/src/components/shared/ResultList.css
 | 
6
+++---
M
devtools/client/debugger/src/utils/quick-open.js
 | 
5
+++--

3 files changed, 14 insertions(+), 5 deletions(-)
diff --git a/devtools/client/debugger/src/components/PrimaryPanes/Sources.css b/devtools/client/debugger/src/components/PrimaryPanes/Sources.css
@@ -175,6 +175,14 @@ html[dir="rtl"] .sources-list .tree .node > div {
   color: var(--theme-comment);
 }
 
+.sources-list .tree .tree-node.focused {
+  /* Make folder/file icons white on dark focused background */
+  .dbg-img {
+    background-color: var(--theme-selection-color);
+    fill: var(--theme-selection-color);
+  }
+}
+
 .sources-list .tree .focused .label .suffix {
   color: inherit;
 }
diff --git a/devtools/client/debugger/src/components/shared/ResultList.css b/devtools/client/debugger/src/components/shared/ResultList.css
@@ -46,7 +46,7 @@
   color: var(--theme-selection-color);
 }
 
-.result-list li .result-item-icon {
+.result-list li .dbg-img-result-item-icon {
   background-color: var(--theme-icon-dimmed-color);
 }
 
@@ -56,11 +56,11 @@
   margin-inline-start: 4px;
 }
 
-.result-list .result-item-icon {
+.result-list .dbg-img-result-item-icon {
   display: block;
 }
 
-.result-list .selected .result-item-icon {
+.result-list .selected .dbg-img-result-item-icon {
   background-color: var(--theme-selection-color);
 }
 
diff --git a/devtools/client/debugger/src/utils/quick-open.js b/devtools/client/debugger/src/utils/quick-open.js
@@ -57,6 +57,7 @@ export function formatSourceForList(
   isBlackBoxed,
   projectDirectoryRoot
 ) {
+  const prefix = "dbg-img-";
   const relativeUrlWithQuery = `${getRelativeUrl(
     source,
     projectDirectoryRoot
@@ -68,8 +69,8 @@ export function formatSourceForList(
     title: source.shortName,
     subtitle,
     icon: hasTabOpened
-      ? "tab result-item-icon"
-      : `result-item-icon ${getSourceClassnames(source, isBlackBoxed)}`,
+      ? `tab ${prefix}result-item-icon`
+      : `result-item-icon ${prefix}${getSourceClassnames(source, isBlackBoxed)}`,
     id: source.id,
     url: source.url,
     source,