diff --git a/README.md b/README.md index 4c845855..17d19ec4 100644 --- a/README.md +++ b/README.md @@ -238,6 +238,9 @@ Show this help. ## There's more themes you can try! ###

Install and edit Firefox theme

+ +[Intall Firefox theme](src/other/firefox) +

diff --git a/src/other/firefox/Monterey/parts/buttons-fixes.css b/src/other/firefox/Monterey/parts/buttons-fixes.css index 24417241..d4d4ae7c 100644 --- a/src/other/firefox/Monterey/parts/buttons-fixes.css +++ b/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; diff --git a/src/other/firefox/Monterey/parts/buttons.css b/src/other/firefox/Monterey/parts/buttons.css index b6e41ea8..4786393a 100644 --- a/src/other/firefox/Monterey/parts/buttons.css +++ b/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; diff --git a/src/other/firefox/Monterey/parts/headerbar-urlbar-alt.css b/src/other/firefox/Monterey/parts/headerbar-urlbar-alt.css index e36716fc..c516aba1 100644 --- a/src/other/firefox/Monterey/parts/headerbar-urlbar-alt.css +++ b/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 { - border-radius: 0 5px 5px 0; +.searchbar-engine-one-off-item:last-child:not(.search-setting-button) { + 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; }