Merging upstream version 125.0.1.

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>

1 files changed, 15 insertions, 11 deletions

diff --git a/devtools/client/themes/webconsole.css b/devtools/client/themes/webconsole.css
index 5df6a6143f..91e3e04086 100644
--- a/devtools/client/themes/webconsole.css
+++ b/devtools/client/themes/webconsole.css
@@ -284,14 +284,9 @@
   background-image: url(chrome://devtools/skin/images/webconsole/return.svg);
 }
 
-.message.info > .icon {
+.message:is(.info, .disabled) > .icon {
   color: var(--theme-icon-color);
-  background-image: url(chrome://devtools/skin/images/info-small.svg);
-}
-
-.message.disabled > .icon {
-  color: var(--theme-icon-color);
-  background-image: url(chrome://devtools/skin/images/info-small.svg);
+  background-image: url(resource://devtools-shared-images/info-small.svg);
 }
 
 .message.error > .icon {
@@ -301,7 +296,7 @@
 
 .message.warn > .icon {
   color: var(--theme-icon-warning-color);
-  background-image: url(chrome://devtools/skin/images/alert-small.svg);
+  background-image: url(resource://devtools-shared-images/alert-small.svg);
 }
 
 .message.navigationMarker > .icon {
@@ -804,15 +799,24 @@ a.learn-more-link.webconsole-learn-more-link {
 }
 
 /* Styles for JavaScript Tracer messages */
-.webconsole-app .jstracer-dom-event {
+.webconsole-app :is(
+   .jstracer-dom-event,
+   .jstracer-dom-mutation,
+   .jstracer-implementation
+ ) {
   padding-inline: 4px;
   margin-inline: 2px;
+}
+.webconsole-app .jstracer-dom-event {
   background-color: var(--toolbarbutton-checked-background);
   color: var(--toolbarbutton-checked-color);
 }
+.webconsole-app .jstracer-dom-mutation {
+  background-color: var(--toolbarbutton-checked-background);
+  color: var(--toolbarbutton-checked-color);
+  margin-inline-end: 4px;
+}
 .webconsole-app .jstracer-implementation {
-  padding-inline: 4px;
-  margin-inline: 2px;
   background-color: var(--theme-toolbarbutton-checked-hover-background);
   color: var(--theme-toolbarbutton-checked-hover-color);
 }