diff --git a/src/other/firefox/Monterey/colors/dark.css b/src/other/firefox/Monterey/colors/dark.css index 180e985..fe523fc 100644 --- a/src/other/firefox/Monterey/colors/dark.css +++ b/src/other/firefox/Monterey/colors/dark.css @@ -29,7 +29,7 @@ --gnome-menu-border-color: #070707; --gnome-popover-background: rgba(51, 51, 51, 0.95); --gnome-popover-border-color: #070707; - --gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + --gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.75); --gnome-popover-button-hover-background: rgba(255, 255, 255, 0.1); --gnome-popover-button-active-background: rgba(255, 255, 255, 0.15); --gnome-popover-separator-color: rgba(0, 0, 0, 0.1); diff --git a/src/other/firefox/Monterey/colors/light.css b/src/other/firefox/Monterey/colors/light.css index 0b5b0ae..65fddb6 100644 --- a/src/other/firefox/Monterey/colors/light.css +++ b/src/other/firefox/Monterey/colors/light.css @@ -29,7 +29,7 @@ --gnome-menu-border-color: #cdc7c2; --gnome-popover-background: rgba(255, 255, 255, 0.95); --gnome-popover-border-color: #cdc7c2; - --gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3); + --gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.12); --gnome-popover-button-hover-background: rgba(0, 0, 0, 0.1); --gnome-popover-button-active-background: rgba(0, 0, 0, 0.2); --gnome-popover-separator-color: rgba(0, 0, 0, 0.1); diff --git a/src/other/firefox/Monterey/parts/popups.css b/src/other/firefox/Monterey/parts/popups.css index 044a347..9959361 100644 --- a/src/other/firefox/Monterey/parts/popups.css +++ b/src/other/firefox/Monterey/parts/popups.css @@ -8,10 +8,8 @@ menupopup, panel, :is(menupopup, panel)[type="arrow"] { -moz-appearance: none !important; --panel-background: var(--gnome-menu-background) !important; - --panel-border-color: var(--gnome-menu-border-color) !important; --arrowpanel-border-radius: 12px !important; --arrowpanel-background: var(--gnome-menu-background) !important; - --arrowpanel-border-color: var(--gnome-menu-border-color) !important; --panel-border-radius: 12px !important; --panel-padding: 6px !important; --panel-shadow: var(--gnome-popover-shadow) !important; @@ -19,6 +17,31 @@ menupopup, panel, color: var(--gnome-toolbar-color) !important; } +menupopup, panel, +:is(menupopup, panel)[type="arrow"] +:is(panel, menupopup)::part(content) { + --panel-border-color: transparent !important; + --arrowpanel-border-color: transparent !important; + +} + +.panel-arrowcontent { + border: none !important; +} + +@media (prefers-color-scheme: dark) { +menupopup, panel, +:is(menupopup, panel)[type="arrow"] +:is(panel, menupopup)::part(content) { + --panel-border-color: rgba(255, 255, 255, 0.06) !important; + --arrowpanel-border-color: rgba(255, 255, 255, 0.06) !important; +} + +.panel-arrowcontent { + border: 1px solid rgba(255, 255, 255, 0.06) !important; +} +} + menupopup label { color: var(--gnome-toolbar-color) !important; } @@ -29,7 +52,6 @@ menupopup label { background: none !important; padding: 3px 4px 6px !important; margin: -3px 0 0 -12px !important; - border: none !important; } menubar > menu > menupopup { @@ -38,7 +60,6 @@ menubar > menu > menupopup { } menuitem, menupopup menu { - border: none !important; box-shadow: none !important; } @@ -50,14 +71,9 @@ menuitem[disabled="true"]:hover, menupopup menu[disabled="true"]:hover { background: transparent !important; } -:is(panel, menupopup)::part(content) { - border: none !important; -} - /* Adjust popovers position */ panel[type="arrow"] { appearance: none !important; - border: none !important; background-color: transparent !important; margin-top: 8px !important; } @@ -67,7 +83,6 @@ panel[type="arrow"] { .panel-header, .PanelUI-subView, .panel-subview-body, #widget-overflow-mainView, #protections-popup-footer, panelview { - border: none !important; background: none !important; } @@ -76,7 +91,6 @@ panelview { } #customization-panelWrapper > .panel-arrowcontent { - border: 1px solid var(--gnome-menu-border-color) !important; box-shadow: var(--gnome-popover-shadow) !important; border-radius: 12px !important; background: var(--gnome-menu-background) !important; @@ -84,7 +98,7 @@ panelview { #customization-panelWrapper > .panel-arrowbox > .panel-arrow[side="top"] { fill: var(--gnome-menu-background) !important; - stroke: var(--gnome-menu-border-color) !important; + stroke: transparent !important; } #BMB_bookmarksPopup { @@ -242,7 +256,7 @@ panelview > toolbarseparator:not([orient="vertical"]), /* Auto complete popups */ panel[type="autocomplete-richlistbox"] { background: var(--gnome-menu-background) !important; - border: 1px solid var(--gnome-menu-border-color) !important; + border: 0 !important; padding: 4px 0 !important; color: var(--gnome-toolbar-color) !important; } diff --git a/src/other/firefox/WhiteSur/colors/dark.css b/src/other/firefox/WhiteSur/colors/dark.css index 8d74239..00d3de7 100644 --- a/src/other/firefox/WhiteSur/colors/dark.css +++ b/src/other/firefox/WhiteSur/colors/dark.css @@ -30,7 +30,7 @@ --gnome-menu-border-color: #070707; --gnome-popover-background: rgba(51, 51, 51, 0.95); --gnome-popover-border-color: #070707; - --gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + --gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.75); --gnome-popover-button-hover-background: rgba(255, 255, 255, 0.1); --gnome-popover-button-active-background: rgba(255, 255, 255, 0.15); --gnome-popover-separator-color: rgba(0, 0, 0, 0.1); diff --git a/src/other/firefox/WhiteSur/colors/light.css b/src/other/firefox/WhiteSur/colors/light.css index 6e05c69..e86d262 100644 --- a/src/other/firefox/WhiteSur/colors/light.css +++ b/src/other/firefox/WhiteSur/colors/light.css @@ -29,7 +29,7 @@ --gnome-menu-border-color: #cdc7c2; --gnome-popover-background: rgba(255, 255, 255, 0.95); --gnome-popover-border-color: #cdc7c2; - --gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3); + --gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.12); --gnome-popover-button-hover-background: rgba(0, 0, 0, 0.1); --gnome-popover-button-active-background: rgba(0, 0, 0, 0.2); --gnome-popover-separator-color: rgba(0, 0, 0, 0.1); diff --git a/src/other/firefox/WhiteSur/parts/popups.css b/src/other/firefox/WhiteSur/parts/popups.css index 044a347..9959361 100644 --- a/src/other/firefox/WhiteSur/parts/popups.css +++ b/src/other/firefox/WhiteSur/parts/popups.css @@ -8,10 +8,8 @@ menupopup, panel, :is(menupopup, panel)[type="arrow"] { -moz-appearance: none !important; --panel-background: var(--gnome-menu-background) !important; - --panel-border-color: var(--gnome-menu-border-color) !important; --arrowpanel-border-radius: 12px !important; --arrowpanel-background: var(--gnome-menu-background) !important; - --arrowpanel-border-color: var(--gnome-menu-border-color) !important; --panel-border-radius: 12px !important; --panel-padding: 6px !important; --panel-shadow: var(--gnome-popover-shadow) !important; @@ -19,6 +17,31 @@ menupopup, panel, color: var(--gnome-toolbar-color) !important; } +menupopup, panel, +:is(menupopup, panel)[type="arrow"] +:is(panel, menupopup)::part(content) { + --panel-border-color: transparent !important; + --arrowpanel-border-color: transparent !important; + +} + +.panel-arrowcontent { + border: none !important; +} + +@media (prefers-color-scheme: dark) { +menupopup, panel, +:is(menupopup, panel)[type="arrow"] +:is(panel, menupopup)::part(content) { + --panel-border-color: rgba(255, 255, 255, 0.06) !important; + --arrowpanel-border-color: rgba(255, 255, 255, 0.06) !important; +} + +.panel-arrowcontent { + border: 1px solid rgba(255, 255, 255, 0.06) !important; +} +} + menupopup label { color: var(--gnome-toolbar-color) !important; } @@ -29,7 +52,6 @@ menupopup label { background: none !important; padding: 3px 4px 6px !important; margin: -3px 0 0 -12px !important; - border: none !important; } menubar > menu > menupopup { @@ -38,7 +60,6 @@ menubar > menu > menupopup { } menuitem, menupopup menu { - border: none !important; box-shadow: none !important; } @@ -50,14 +71,9 @@ menuitem[disabled="true"]:hover, menupopup menu[disabled="true"]:hover { background: transparent !important; } -:is(panel, menupopup)::part(content) { - border: none !important; -} - /* Adjust popovers position */ panel[type="arrow"] { appearance: none !important; - border: none !important; background-color: transparent !important; margin-top: 8px !important; } @@ -67,7 +83,6 @@ panel[type="arrow"] { .panel-header, .PanelUI-subView, .panel-subview-body, #widget-overflow-mainView, #protections-popup-footer, panelview { - border: none !important; background: none !important; } @@ -76,7 +91,6 @@ panelview { } #customization-panelWrapper > .panel-arrowcontent { - border: 1px solid var(--gnome-menu-border-color) !important; box-shadow: var(--gnome-popover-shadow) !important; border-radius: 12px !important; background: var(--gnome-menu-background) !important; @@ -84,7 +98,7 @@ panelview { #customization-panelWrapper > .panel-arrowbox > .panel-arrow[side="top"] { fill: var(--gnome-menu-background) !important; - stroke: var(--gnome-menu-border-color) !important; + stroke: transparent !important; } #BMB_bookmarksPopup { @@ -242,7 +256,7 @@ panelview > toolbarseparator:not([orient="vertical"]), /* Auto complete popups */ panel[type="autocomplete-richlistbox"] { background: var(--gnome-menu-background) !important; - border: 1px solid var(--gnome-menu-border-color) !important; + border: 0 !important; padding: 4px 0 !important; color: var(--gnome-toolbar-color) !important; }