feat: New status bar UI, b=no-bug, c=mods, common

prefs/mods.yaml

@@ -24,5 +24,4 @@
 
 - name: zen.injections.match-urls
   value: 'http://localhost/*'
-  locked: true
   condition: '!defined(MOZILLA_OFFICIAL)'

src/zen/common/styles/zen-single-components.css

@@ -228,3 +228,19 @@ body > #confetti {
     linear-gradient(#fff 0 0);
   mask-composite: exclude;
 }
+
+/* Status panel */
+
+#statuspanel {
+  padding: 4px 3px;
+
+  & > #statuspanel-label {
+    border-radius: 16px !important;
+    border: 1px solid rgba(225, 225, 225, 0.15) !important;
+    padding: 5px 9px 6px 9px !important;
+    font-weight: 600 !important;
+    background: color-mix(in srgb, var(--zen-primary-color), black 80%) !important;
+    color: #f3f3f3 !important;
+    font-size: smaller !important;
+  }
+}