Fixed #458

README.md

@@ -238,6 +238,9 @@ Show this help.
 
 ## There's more themes you can try!
 ### <p align="center"> <b> Install and edit Firefox theme </b> </p>
+
+[Intall Firefox theme](src/other/firefox)
+
 <p align="center"> <a href="src/other/firefox">
 <img src="https://github.com/vinceliuice/WhiteSur-gtk-theme/blob/pictures/pictures/firefox-whitesur.png"/>
 </a> </p>

src/other/firefox/Monterey/parts/buttons-fixes.css

@@ -114,10 +114,23 @@
 	margin: 6px !important;
 	padding: 0 !important;
 }
-button.close {
+
+button.close:not(.ghost-button) {
 	margin: 0 !important;
 }
 
+button.close.ghost-button {
+	margin: 6px !important;
+}
+
+button.close.ghost-button:not(:active):hover {
+	background-color: var(--gnome-headerbar-button-hover-background) !important;
+}
+
+button.close.ghost-button:active {
+	background-color: var(--gnome-headerbar-button-active-background) !important;
+}
+
 /* */
 #appMenu-popup .panel-banner-item[notificationid="update-restart"]::after {
 	display: none !important;

src/other/firefox/Monterey/parts/buttons.css

@@ -28,7 +28,7 @@ menulist,
 #sidebar-switcher-target,
 #viewButton,
 .close-icon:not(.tab-close-button),
-button.close,
+button.close:not(.ghost-button),
 .menulist-label-box,
 .expander-down, .expander-up,
 .notification-button,
@@ -120,7 +120,7 @@ menulist:hover,
 #sidebar-switcher-target:hover,
 #viewButton:hover,
 .close-icon:not(.tab-close-button):hover,
-button.close:hover,
+button.close:not(.ghost-button):hover,
 menulist:hover .menulist-label-box,
 .expander-down:hover, .expander-up:hover,
 .notification-button:hover,
@@ -157,7 +157,7 @@ menulist[open],
 #sidebar-switcher-target:active, #sidebar-switcher-target.active,
 #viewButton[open],
 .close-icon:not(.tab-close-button):active,
-button.close:active,
+button.close:not(.ghost-button):active,
 menulist[open] .menulist-label-box,
 .expander-down:active, .expander-up:active,
 .notification-button:active,
@@ -210,7 +210,7 @@ menulist[open] .menulist-label-box,
 /* Flat buttons */
 .subviewbutton-back:not(#hack),
 .close-icon:not(.tab-close-button),
-button.close,
+button.close:not(.ghost-button),
 #protections-popup-info-button,
 .permission-popup-permission-remove-button {
 	background: transparent !important;
@@ -221,9 +221,10 @@ button.close,
 
 .subviewbutton-back:not(#hack):not(:active):hover,
 .close-icon:not(.tab-close-button):not(:active):hover,
-button.close:not(:active):hover,
+button.close:not(.ghost-button):not(:active):hover,
 #protections-popup-info-button:hover,
 .permission-popup-permission-remove-button:not(:active):hover {
+	background: var(--gnome-headerbar-button-hover-background) !important;
 	box-shadow: none !important;
 	border-color: var(--gnome-button-border-color) !important;
 	border-bottom-color: var(--gnome-button-border-accent-color) !important;
@@ -231,12 +232,14 @@ button.close:not(:active):hover,
 
 .subviewbutton-back:not(#hack):active,
 .close-icon:not(.tab-close-button):active,
-button.close:active,
+button.close:not(.ghost-button):active,
 #protections-popup-info-button:active,
 .permission-popup-permission-remove-button:active {
 	box-shadow: none !important;
+	background: var(--gnome-headerbar-button-active-background) !important;
 }
 
+button.close,
 .close-icon:not(.tab-close-button) {
 	box-shadow: none !important;
 	border: none !important;

src/other/firefox/Monterey/parts/headerbar-urlbar-alt.css

@@ -111,23 +111,25 @@ toolbarspring {
 	min-height: 34px !important;
 	min-width: 34px !important;
 	margin: 0 !important;
+	border-radius: 0 !important;
 }
 .searchbar-engine-one-off-item:hover, .searchbar-engine-one-off-item[selected] {
 	background: var(--gnome-button-hover-background) !important;
 	color: unset !important;
 }
 .searchbar-engine-one-off-item:first-child {
-	border-radius: 5px 0 0 5px;
+	border-radius: 5px 0 0 5px !important;
 	border-left-width: 1px !important;
 }
-.searchbar-engine-one-off-item.last-engine, .searchbar-engine-one-off-item:last-child {
+.searchbar-engine-one-off-item:last-child:not(.search-setting-button) {
-	border-radius: 0 5px 5px 0;
+	border-radius: 0 5px 5px 0 !important;
 }
 
-#urlbar-anon-search-settings-compact {
+#urlbar-anon-search-settings-compact,
+.search-setting-button {
 	border-left-width: 1px !important;
 	border-bottom: 1px solid var(--gnome-button-border-accent-color) !important;
-	border-radius: 5px;
+	border-radius: 5px !important;
 	margin-left: 6px !important;
 }