Add: Page Info - Proton like

userChrome.css

@@ -835,20 +835,15 @@
     }
   }
 
-  /*= Downloads ==============================================================*/
-  @-moz-document url("chrome://mozapps/content/downloads/unknownContentType.xhtml")
+  /*= Proton Commons =========================================================*/
+  @-moz-document url("chrome://mozapps/content/downloads/unknownContentType.xhtml"),
+  url("chrome://browser/content/pageinfo/pageInfo.xhtml")
   {
     @media (-moz-toolbar-prefers-color-scheme: dark) {
       :root {
         --in-content-page-background: #42414d;
       }
     }
-    #unknownContentType {
-      -moz-appearance: none !important; /* For Mac */
-      color: var(--in-content-page-color) !important;
-      background-color: var(--in-content-page-background) !important;
-      /* border-radius: 0 0 8px 8px !important; */
-    }
 
     /*- Button ---------------------------------------------------------------*/
     button {
@@ -1314,6 +1309,149 @@
     }
   }
 
+  /*= Downloads ==============================================================*/
+  @-moz-document url("chrome://mozapps/content/downloads/unknownContentType.xhtml")
+  {
+    #unknownContentType {
+      -moz-appearance: none !important; /* For Mac */
+      color: var(--in-content-page-color) !important;
+      background-color: var(--in-content-page-background) !important;
+      /* border-radius: 0 0 8px 8px !important; */
+    }
+  }
+
+  /*= Page Info ==============================================================*/
+  @-moz-document url("chrome://browser/content/pageinfo/pageInfo.xhtml")
+  {
+    :root {
+      --in-content-border-color: color-mix(in srgb, currentColor 41%, transparent) !important;
+    }
+    #topBar,
+    #mainDeck {
+      -moz-appearance: none !important; /* For Mac */
+      color: var(--in-content-page-color) !important;
+      background-color: var(--in-content-page-background) !important;
+      /* border-radius: 0 0 8px 8px !important; */
+    }
+    #viewGroup > radio {
+      border-radius: 8px !important;
+      padding: var(--in-content-button-vertical-padding) var(--in-content-button-horizontal-padding) !important;
+      margin: 4px !important;
+    }
+    #viewGroup > radio:hover {
+      background-color: var(--in-content-button-background-hover) !important; /* #E0E8F6; */
+    }
+    #viewGroup > radio[selected="true"] {
+      color: var(--in-content-button-text-color) !important; /* SelectedItemText */
+      background-color: var(--in-content-button-background-active) !important; /* #C1D2EE; */
+    }
+    #viewGroup > radio,
+    #mainDeck input {
+      color: var(--in-content-deemphasized-text) !important; /* FieldText */
+    }
+
+    #viewGroup > radio {
+      list-style-image: none !important;
+      background-image: var(--viewgroup-image) !important;
+      background-repeat: no-repeat;
+      background-position: top var(--in-content-button-vertical-padding) center;
+      background-size: 32px !important;
+
+      -moz-context-properties: fill !important;
+      fill: currentColor !important;
+    }
+    #generalTab {
+      --viewgroup-image: url(chrome://global/skin/icons/page-portrait.svg);
+    }
+    #mediaTab {
+      --viewgroup-image: url(chrome://browser/skin/canvas.svg);
+    }
+    #permTab {
+      --viewgroup-image: url(chrome://browser/skin/permissions.svg);
+    }
+    #securityTab {
+      --viewgroup-image: url(chrome://global/skin/icons/security.svg);
+    }
+
+    #permList {
+      -moz-appearance: none !important;
+      color: var(--in-content-page-color) !important;
+      background-color: var(--in-content-box-background) !important;
+    }
+    .permission:hover {
+      color: var(--in-content-text-color) !important;
+      background-color: var(--in-content-button-background-hover) !important;
+    }
+    .permission radio[disabled] {
+      color: var(--in-content-deemphasized-text) !important;
+    }
+
+    treecols {
+      -moz-appearance: none !important;
+      background: var(--in-content-table-header-background) !important;
+      color: var(--in-content-table-header-color) !important;
+    }
+    treecols > treecol,
+    treecols > treecolpicker.treecol-image {
+      -moz-appearance: none !important;
+      color: var(--in-content-table-header-color) !important;
+      background: var(--in-content-table-header-background) !important;
+      border: 1px solid var(--in-content-border-color) !important;
+      padding: 4px !important;
+      border-spacing: 0;
+
+      text-align: center !important;
+    }
+
+    tree,
+    treechildren::-moz-tree-row {
+      -moz-appearance: none !important;
+      color: var(--in-content-text-color) !important;
+      background-color: var(--in-content-table-background) !important;
+      border: 1px solid var(--in-content-border-color) !important;
+    }
+
+    treechildren::-moz-tree-row(odd) {
+      background-color: var(--in-content-box-background-odd) !important;
+    }
+
+    treechildren::-moz-tree-row(hover) {
+      background-color: var(--in-content-button-background-hover) !important;
+    }
+    treechildren::-moz-tree-row(selected) {
+      color: var(--in-content-text-color) !important;
+      background-color: var(--in-content-button-background-active) !important;
+    }
+
+    treechildren::-moz-tree-cell {
+      border-inline: 1px solid var(--in-content-border-color) !important;
+      border-spacing: 0 !important;
+      padding: 4px !important;
+      margin: 0 !important;
+    }
+
+    #imagecontainerbox {
+      background-color: var(--in-content-box-background) !important;
+    }
+
+    #metatree,
+    #imagetree,
+    #imagecontainerbox,
+    #permList {
+      border-radius: 4px !important;
+    }
+    #metatree,
+    #imagetree {
+      overflow: hidden !important;
+    }
+
+    #topBar,
+    #imagecontainerbox,
+    #permList {
+      border-color: var(--in-content-border-color) !important;
+    }
+  }
+
   /** Decoration **************************************************************/
   /*= Downloads Panel ========================================================*/
   /* Accent Color for downloaded item */