remove box shadow on navbar except in fullscreen.

fix the all tabs button's badge for hidden tab sound playing.
update the position of some arrow panels that were recently updated.
update urlbar quick actions to override some recent styles.

resources/in-content/devtools.css

@@ -509,4 +509,13 @@ and a few elements like checkboxes */
     background-position: center;
     background-repeat: no-repeat;
   }
+
+  .chrome-debug-toolbar {
+    background-color: var(--theme-sidebar-background) !important;
+  }
+
+  .chrome-debug-toolbar__modes label.selected {
+    border-color: hsla(0, 0%, 50%, 0.5) !important;
+    background-color: hsla(0, 0%, 50%, 0.15);
+  }
 }

resources/script-override/tabMods.uc.js

@@ -1,6 +1,6 @@
 // ==UserScript==
 // @name           Tab Mods — tabbrowser-tab class definition mods
-// @version        1.3.4
+// @version        1.3.5
 // @author         aminomancer
 // @homepage       https://github.com/aminomancer/uc.css.js
 // @description    Restore the tab sound button and other aspects of the tab that (imo) were better before Proton.
@@ -93,7 +93,7 @@
         ".tab-content":
           "pinned,selected=visuallyselected,titlechanged,attention",
         ".tab-icon-stack":
-          "sharing,pictureinpicture,crashed,busy,soundplaying,soundplaying-scheduledremoval,pinned,muted,blocked,selected=visuallyselected,activemedia-blocked,indicator-replaces-favicon",
+          "sharing,pictureinpicture,crashed,busy,soundplaying,soundplaying-scheduledremoval,pinned,muted,blocked,selected=visuallyselected,activemedia-blocked",
         ".tab-throbber":
           "fadein,pinned,busy,progress,selected=visuallyselected",
         ".tab-icon-pending":
@@ -102,7 +102,7 @@
           "src=image,triggeringprincipal=iconloadingprincipal,requestcontextid,fadein,pinned,selected=visuallyselected,busy,crashed,sharing,pictureinpicture",
         ".tab-sharing-icon-overlay": "sharing,selected=visuallyselected,pinned",
         ".tab-icon-overlay":
-          "sharing,pictureinpicture,crashed,busy,soundplaying,soundplaying-scheduledremoval,pinned,muted,blocked,selected=visuallyselected,activemedia-blocked,indicator-replaces-favicon",
+          "sharing,pictureinpicture,crashed,busy,soundplaying,soundplaying-scheduledremoval,pinned,muted,blocked,selected=visuallyselected,activemedia-blocked",
         ".tab-label-container":
           "pinned,selected=visuallyselected,labeldirection",
         ".tab-label":

uc-fullscreen.css

@@ -33,6 +33,9 @@ we also need to adjust window controls, the main menu bar, and the bookmarks too
   -moz-backface-visibility: hidden !important;
   transform-style: preserve-3d !important;
   backface-visibility: hidden !important;
+  /* navbar shadow in fullscreen */
+  position: relative;
+  box-shadow: 0px 0px 8px -5px hsla(240, 4%, 0%, 0.5), 0px 0px 15px 0px hsla(0, 0%, 0%, 0.2) !important;
 }
 
 :root[fullscreen-autohide][inFullscreen]:not([customizing]) #navigator-toolbox::after {

uc-navbar.css

@@ -118,6 +118,19 @@ toolbarpaletteitem[place="palette"] > toolbarspring {
   filter: none !important;
 }
 
+#tabbrowser-tabs[hiddensoundplaying] ~ #alltabs-button > .toolbarbutton-badge-stack > .toolbarbutton-badge {
+  background: transparent url(chrome://userchrome/content/audioUnmutedButton.svg) center/contain !important;
+  box-shadow: none !important;
+  color: inherit !important;
+  display: block !important;
+  -moz-context-properties: fill, fill-opacity !important;
+  fill: currentColor !important;
+  margin: -7px 0 0 !important;
+  margin-inline-end: -6px !important;
+  min-width: 12px !important;
+  min-height: 12px !important;
+}
+
 .widget-overflow-list .toolbarbutton-1 > .toolbarbutton-text {
   padding-inline-start: var(--arrowpanel-subviewbutton-iconic-gap, 8px) !important;
 }
@@ -285,12 +298,6 @@ override this. */
   pointer-events: auto !important;
 }
 
-/* navbar shadow */
-#navigator-toolbox {
-  position: relative;
-  box-shadow: 0px 0px 8px -5px hsla(240, 4%, 0%, 0.5), 0px 0px 15px 0px hsla(0, 0%, 0%, 0.2) !important;
-}
-
 toolbar .toolbarbutton-1:not([disabled])[open]:hover > .toolbarbutton-icon {
   background-color: var(--toolbarbutton-active-background) !important;
 }

uc-panels.css

@@ -131,7 +131,9 @@ this connects with .panel-subview-body rules in userChrome.au.css */
 #downloadsPanel,
 #widget-overflow,
 #appMenu-popup,
-#customizationui-widget-panel {
+#customizationui-widget-panel,
+#appMenu-notification-popup,
+#editBookmarkPanel {
   margin-top: -7px !important;
 }
 
@@ -171,7 +173,7 @@ panel[type="arrow"][side="top"] {
 }
 
 #editBookmarkPanel[on-toolbar-button] {
-  margin-top: -12px;
+  margin-top: -12px !important;
 }
 
 #protections-popup {

uc-urlbar-results.css

@@ -116,6 +116,7 @@ by underlining them (requires urlbarMods.uc.js) */
   height: 24px !important;
   box-sizing: border-box !important;
   border: 1px solid var(--panel-separator-color) !important;
+  box-shadow: none !important;
   outline: none !important;
   margin: 0 !important;
   gap: 4px !important;

userChrome.au.css

@@ -842,20 +842,10 @@ so of this stylesheet is dedicated to restoring pre-proton content. */
 
   /* prevent hiding the close button when audio is playing.
   undoes an irritating rule in the proton update */
-  #navigator-toolbox:not(:hover)
-    .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]),
-  #navigator-toolbox:hover
-    .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])
-    > :not(.tab-icon-overlay) {
-    opacity: revert;
-  }
-
-  #toolbar-menubar:not(:hover)
-    + #TabsToolbar:not(:hover)
-    .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]),
-  :is(#toolbar-menubar:hover + #TabsToolbar, #TabsToolbar:hover)
-    .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])
-    > :not(.tab-icon-overlay) {
+  :root[uidensity=compact] .tab-icon-stack[indicator-replaces-favicon] > :not(.tab-icon-overlay),
+  #tabbrowser-tabs[secondarytext-unsupported] .tab-icon-stack[indicator-replaces-favicon] > :not(.tab-icon-overlay),
+  :root:not([uidensity=compact]) #tabbrowser-tabs:not([secondarytext-unsupported]) .tabbrowser-tab:not(:hover) .tab-icon-overlay[indicator-replaces-favicon],
+  :root:not([uidensity=compact]) #tabbrowser-tabs:not([secondarytext-unsupported]) .tabbrowser-tab:hover .tab-icon-stack[indicator-replaces-favicon] > :not(.tab-icon-overlay) {
     opacity: revert;
   }