fixes for Firefox 108

witalihirsch · Dec 28, 2022 · 5d7731c · 5d7731c
1 parent 869bdeb
commit 5d7731c
Show file tree

Hide file tree

Showing 18 changed files with 110 additions and 64 deletions.
diff --git a/firefox/mono-firefox-theme/theme/gnome-theme.css b/firefox/mono-firefox-theme/theme/gnome-theme.css
@@ -26,6 +26,8 @@
 @import "colors/light.css";
 @import "colors/dark.css";
 
+@import "extensions/tab-center-reborn.css";
+
 @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
 
 /* Set theme version text in customization panel */

diff --git a/firefox/mono-firefox-theme/theme/icons/firefox-symbolic.svg b/firefox/mono-firefox-theme/theme/icons/firefox-symbolic.svg
diff --git a/firefox/mono-firefox-theme/theme/parts/buttons-fixes.css b/firefox/mono-firefox-theme/theme/parts/buttons-fixes.css
@@ -26,9 +26,19 @@
     display: -moz-box !important;
 }
 
+/* Fix unified-extensions-item margin */
+toolbar .unified-extensions-item {
+    margin-inline: 0 3px !important;
+}
+
 /* menulist */
 #label-box:not([native]) {
     font-weight: 400 !important;
+    padding: 0 8px;
+}
+
+dropmarker:not([native]) {
+    margin-right: 8px;
 }
 
 /* Overrides: Make the back button the same as other buttons */

diff --git a/firefox/mono-firefox-theme/theme/parts/buttons.css b/firefox/mono-firefox-theme/theme/parts/buttons.css
@@ -55,10 +55,12 @@ button.close,
     outline: 0 !important;
     font: menu !important;
     -moz-box-align: center !important;
+    transition: 0.3s;
 }
 
 .subviewbutton-iconic {
     -moz-box-pack: center !important;
+	transition: 0.3s;
 }
 
 /* Flat Buttons */
@@ -68,6 +70,7 @@ button.close,
 #protections-popup-info-button,
 .permission-popup-permission-remove-button {
     background: transparent !important;
+    transition: 0.3s;
 }
 
 /* Buttons with margins */
@@ -257,7 +260,8 @@ button.close:active,
 }
 
 /* Combined buttons */
-#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(:last-of-type):not(#appMenu-zoomEnlarge-button),
+
+#appMenu-popup .toolbaritem-combined-buttons:not(.unified-extensions-item) toolbarbutton:not(:last-of-type):not(#appMenu-zoomEnlarge-button),
 #context-navigation menuitem:not(:last-of-type),
 .findbar-container toolbarbutton.findbar-find-previous,
 .findbar-button:not(:last-of-type),
@@ -268,7 +272,8 @@ button.close:active,
     margin-right: 0 !important;
 }
 
-#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(:first-of-type):not(#appMenu-fullscreen-button),
+#nav-bar .toolbaritem-combined-buttons:not(.unified-extensions-item) toolbarbutton:not(:first-of-type):not(#hack),
+#appMenu-popup .toolbaritem-combined-buttons:not(.unified-extensions-item) toolbarbutton:not(:first-of-type):not(#appMenu-fullscreen-button),
 #context-navigation menuitem:not(:first-of-type),
 .findbar-container toolbarbutton.findbar-find-previous,
 .findbar-container toolbarbutton.findbar-find-next,
@@ -279,7 +284,7 @@ button.close:active,
     margin-left: 0 !important;
 }
 
-#nav-bar .toolbaritem-combined-buttons {
+#nav-bar .toolbaritem-combined-buttons:not(.unified-extensions-item) {
     margin-left: 0 !important;
     margin-right: 0 !important;
 }

diff --git a/firefox/mono-firefox-theme/theme/parts/csd.css b/firefox/mono-firefox-theme/theme/parts/csd.css
@@ -16,7 +16,7 @@
 (-moz-gtk-csd-maximize-button),
 (-moz-gtk-csd-close-button) {
     :root {
-        --gnome-navbar-csd-offset: 50px;
+        --gnome-navbar-csd-offset: 43px;
     }
 }
 
@@ -25,14 +25,14 @@
 (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-close-button),
 (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) {
     :root {
-        --gnome-navbar-csd-offset: 90px;
+        --gnome-navbar-csd-offset: 80px;
     }
 }
 
 /* Window buttons: 3 buttons */
 @media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) {
     :root {
-        --gnome-navbar-csd-offset: 130px;
+        --gnome-navbar-csd-offset: 100px;
     }
 }
 
@@ -76,7 +76,11 @@
 }
 
 /* Force the restore button to appear regardless of maximize button's status */
-:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox-container .titlebar-restore {
+:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox-container {
+    visibility: visible !important;
+}
+
+:root[tabsintitlebar][inFullscreen]:not([inDOMFullscreen]) #titlebar .titlebar-buttonbox-container .titlebar-restore {
     display: inherit !important;
 }
 
@@ -126,6 +130,7 @@
     -moz-appearance: none !important;
     padding: 0 2px !important;
     background: var(--gnome-button-titlebar-background);
+    transition: 0.2s;
 }
 
 :root[tabsintitlebar] #titlebar .titlebar-button {

diff --git a/firefox/mono-firefox-theme/theme/parts/dialogs.css b/firefox/mono-firefox-theme/theme/parts/dialogs.css
@@ -27,6 +27,7 @@ window {
 .dialogBox {
     border-radius: 12px !important;
     margin-top: 0 !important;
+    outline: 1px solid rgba(255, 255, 255, 0.1);
 }
 
 window[role="dialog"] {
@@ -37,7 +38,8 @@ window[role="dialog"] {
 }
 
 dialog {
-    padding: 0 !important;
+    padding: 6px !important;
+    padding-top: 10px !important;
 }
 
 /* Content */
@@ -62,7 +64,7 @@ dialog {
     height: auto !important;
     max-height: unset !important;
     padding: 10px 14px !important;
-    margin: 5px !important;
+    margin: 0px !important;
     margin-top: 0 !important;
     border-radius: 6px !important;
     flex: 1;
@@ -71,11 +73,11 @@ dialog {
 
 /* Buttons borders - only suppor for cancel/ok */
 .dialog-button-box button[dlgtype="accept"] {
-    margin-left: 0px !important;
+    margin-left: 3px !important;
 }
 
 .dialog-button-box button[dlgtype="cancel"]:not(#hack) {
-    margin-right: 0px !important;
+    margin-right: 3px !important;
 }
 
 /* Hadler dialog */

diff --git a/firefox/mono-firefox-theme/theme/parts/entries.css b/firefox/mono-firefox-theme/theme/parts/entries.css
@@ -14,6 +14,7 @@
 #editBMPanel_tagsField {
     -moz-appearance: none !important;
     background: var(--gnome-entry-background) !important;
+    outline: 2px solid transparent !important;
     border: 0 !important;
     border-radius: 8px !important;
     box-shadow: none !important;
@@ -23,6 +24,7 @@
     margin: 0 !important;
     padding: 6px !important;
     box-sizing: border-box;
+    transition: 0.1ss;
 }
 
 /* Entries hover */
@@ -39,6 +41,7 @@
     outline: 1px solid var(--gnome-hover-urlbar-border-color) !important;
     outline-offset: -2px;
     -moz-outline-radius: 5px;
+    transition: 0.1s;
 }
 
 /* Entries focused */
@@ -56,6 +59,7 @@
     outline: 2px solid var(--gnome-focused-urlbar-border-color) !important;
     outline-offset: -2px;
     -moz-outline-radius: 5px;
+    transition: 0.1s;
 }
 
 /* Inactive window entries */
@@ -93,6 +97,7 @@
 .urlbar-page-action,
 .urlbar-icon {
     margin-bottom: 5px;
+    transition: 0.3s;
 }
 
 .identity-box-button:hover:not([open="true"]),

diff --git a/firefox/mono-firefox-theme/theme/parts/findbar.css b/firefox/mono-firefox-theme/theme/parts/findbar.css
@@ -21,6 +21,7 @@ findbar description {
     flex-direction: row;
     margin: 0 !important;
     width: calc(100% - 42px);
+    height: auto !important;
 }
 
 hbox[anonid="findbar-textbox-wrapper"] {

diff --git a/firefox/mono-firefox-theme/theme/parts/headerbar-private-window.css b/firefox/mono-firefox-theme/theme/parts/headerbar-private-window.css
@@ -32,6 +32,6 @@
 }
 
 /* Hide tabsbar default private browsing indicator */
-#TabsToolbar .private-browsing-indicator {
+#private-browsing-indicator-with-label {
     display: none !important;
 }
diff --git a/firefox/mono-firefox-theme/theme/parts/headerbar.css b/firefox/mono-firefox-theme/theme/parts/headerbar.css
@@ -7,14 +7,14 @@
 }
 
 /* Headerbar CSD colors */
-:root[tabsintitlebar] #nav-bar {
+#nav-bar {
     background: var(--gnome-headerbar-background) !important;
     border: none !important;
     border-bottom: 1px solid var(--gnome-headerbar-border-color) !important;
     box-shadow: var(--gnome-headerbar-box-shadow) !important;
 }
 
-:root[tabsintitlebar] #nav-bar:-moz-window-inactive {
+#nav-bar:-moz-window-inactive {
     background: var(--gnome-inactive-headerbar-background) !important;
     border-bottom-color: var(--gnome-inactive-headerbar-border-color) !important;
     box-shadow: var(--gnome-inactive-headerbar-box-shadow) !important;

diff --git a/firefox/mono-firefox-theme/theme/parts/icons.css b/firefox/mono-firefox-theme/theme/parts/icons.css
@@ -53,7 +53,12 @@ button.close::before,
     -moz-context-properties: fill, fill-opacity;
 }
 
-.toolbarbutton-icon:-moz-window-inactive {
+.toolbarbutton-icon:-moz-window-inactive,
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close:-moz-window-inactive .toolbarbutton-icon,
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max .toolbarbutton-icon:-moz-window-inactive,
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-restore .toolbarbutton-icon:-moz-window-inactive,
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min .toolbarbutton-icon:-moz-window-inactive,
+:root[tabsintitlebar][inFullscreen] #window-controls #restore-button .toolbarbutton-icon {
     fill: var(--gnome-inactive-toolbar-icon-fill) !important;
 }
 
@@ -94,7 +99,7 @@ treechildren::-moz-tree-image(selected, focus, open),
 .item.client:focus .item-twisty-container,
 .sidebar-panel[lwt-sidebar-brighttext] .sidebar-placesTreechildren::-moz-tree-twisty,
 .sidebar-panel[lwt-sidebar-brighttext] .sidebar-placesTreechildren::-moz-tree-twisty(open) {
-    fill: #ffffff !important;
+    fill: #fff !important;
 }
 
 /* Fix flat buttons icons aproach */
@@ -216,21 +221,21 @@ arrowscrollbox[orient="horizontal"] {
 /* Tree views */
 treechildren::-moz-tree-twisty,
 .item.client .item-twisty-container {
-    list-style-image: url("../icons/pan-down-symbolic.svg") !important;
+    list-style-image: url("../icons/pan-end-symbolic.svg") !important;
     width: 16px !important;
     height: 16px !important;
 }
 
 .item.client .item-twisty-container {
-    background-image: url("../icons/pan-down-symbolic.svg") !important;
+    background-image: url("../icons/pan-end-symbolic.svg") !important;
 }
 
 treechildren::-moz-tree-twisty(open) {
-    list-style-image: url("../icons/pan-end-symbolic.svg") !important;
+    list-style-image: url("../icons/pan-down-symbolic.svg") !important;
 }
 
 .item.client.closed .item-twisty-container {
-    background-image: url("../icons/pan-end-symbolic.svg") !important;
+    background-image: url("../icons/pan-down-symbolic.svg") !important;
 }
 
 treechildren::-moz-tree-image(title, container),
@@ -288,7 +293,7 @@ button.close::before {
 
 @media (prefers-color-scheme: light) {
     .notificationbox-stack notification[type="critical"] .close-icon:not(.tab-close-button):not(:hover) {
-        fill: #ffffff !important;
+        fill: #fff !important;
     }
 }
 
@@ -311,6 +316,10 @@ button.close::before {
     list-style-image: url("../icons/window-restore-symbolic.svg") !important;
 }
 
+:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox .titlebar-restore .toolbarbutton-icon {
+    list-style-image: url("../icons/view-restore-symbolic.svg") !important;
+}
+
 :root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min .toolbarbutton-icon {
     list-style-image: url("../icons/window-minimize-symbolic.svg") !important;
 }
@@ -328,6 +337,11 @@ button.close::before {
     list-style-image: url("../icons/audio-muted-symbolic.svg") !important;
 }
 
+/* Firefox View */
+#firefox-view-button {
+    list-style-image: url("../icons/firefox-symbolic.svg") !important;
+}
+
 /* Private browsing button */
 #privatebrowsing-button {
     list-style-image: url("../icons/eye-not-looking-symbolic.svg") !important;
@@ -460,7 +474,7 @@ button.close::before {
 }
 
 #star-button[starred] {
-    fill: var(--gnome-accent) !important;
+    fill: var(--gnome-toolbar-star-button) !important;
 }
 
 /* History button */
@@ -560,7 +574,7 @@ button.close::before {
 }
 
 #identity-popup[connection^="secure"] .identity-popup-security-connection {
-    background-image: url("../icons/padlock-symbolic.svg") !important;
+    list-style-image: url("../icons/padlock-symbolic.svg") !important;
 }
 
 #identity-box[pageproxystate="valid"].notSecure #identity-icon,
@@ -570,7 +584,7 @@ button.close::before {
 }
 
 .identity-popup-security-connection {
-    background-image: url("../icons/padlock-insecure-symbolic.svg") !important;
+    list-style-image: url("../icons/padlock-insecure-symbolic.svg") !important;
 }
 
 #permissions-granted-icon {