Merge branch 'master' into proton-style

This commit is contained in:
alstjr7375 2024-01-24 08:50:45 +09:00
commit ba6cb8ef2b
20 changed files with 291 additions and 89 deletions

192
css/leptonChrome.css generated
View file

@ -161,6 +161,10 @@
#main-menubar {
--panel-border-radius: var(--arrowpanel-border-radius);
}
/*= Infobar Align #858 =======================================================*/
.container.infobar {
align-items: center !important;
}
}
/*= OS - Compatibility =======================================================*/
@supports -moz-bool-pref("userChrome.compatibility.os") {
@ -759,11 +763,6 @@
--urlbar-popup-url-color: -moz-accent-color;
}
}
/* Nightly Compatibility */
:root:not(:-moz-lwtheme) #urlbar {
--toolbar-field-focus-color: var(--toolbar-field-color); /* Nightly: rgba(0, 0, 0, 1) */
--toolbar-field-focus-background-color: var(--toolbar-field-background-color); /* Nightly: white */
}
}
/*= Mac - Default like color =================================================*/
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
@ -776,7 +775,7 @@
--mac-selected-bgcolor: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog);
--mac-field-bgcolor: Window;
--mac-panel-bgcolor: Menu;
--mac-sidebar-bgcolor: -moz-mac-source-list;
--mac-sidebar-bgcolor: Window;
--mac-sidebar-hover-bgcolor: color-mix(in srgb, ButtonFace 60%, var(--mac-sidebar-bgcolor));
--mac-hover-bgcolor: Window;
--mac-disabled-bgcolor: transparent;
@ -7219,6 +7218,12 @@
height: 2px !important;
border-radius: var(--tab-border-radius, 4px) var(--tab-border-radius, 4px) 0 0 !important;
}
:root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]),
:root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"] .tab-context-line,
:root[lwtheme-mozlightdark][lwthemetextcolor="bright"],
:root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] .tab-context-line {
--tab-line-color: rgb(10, 132, 255);
}
.tabbrowser-tab:is([selected], [multiselected]) .tab-context-line {
/* Photon like color
Default: var(--tab-line-color, rgb(10, 132, 255))
@ -10940,7 +10945,7 @@
list-style-image: url("chrome://global/skin/icons/search-glass.svg");
}
#appMenu-translate-button {
list-style-image: url(chrome://browser/skin/translations.svg);
list-style-image: url("../icons/translations.svg");
}
#appMenu-zoom-controls2::before,
#appMenu-zoom-controls::before {
@ -11166,7 +11171,7 @@
/* Browser Console */
#appmenu-developer-tools-view .subviewbutton:nth-last-child(5),
#PanelUI-developer-tools-view .subviewbutton:nth-last-child(5) {
list-style-image: url("chrome://devtools/skin/images/command-console.svg");
list-style-image: url("../icons/command-console.svg");
}
/* Responsive Design Mode */
#appmenu-developer-tools-view .subviewbutton:nth-last-child(4),
@ -11176,7 +11181,7 @@
/* Eyedropper */
#appmenu-developer-tools-view .subviewbutton:nth-last-child(3),
#PanelUI-developer-tools-view .subviewbutton:nth-last-child(3) {
list-style-image: url("chrome://devtools/skin/images/command-eyedropper.svg");
list-style-image: url("../icons/command-eyedropper.svg");
}
/* Page Source - Edge file-search.svg */
#appmenu-developer-tools-view .subviewbutton:nth-last-child(2),
@ -11186,7 +11191,7 @@
/* Extensions for Devel */
#appmenu-developer-tools-view .subviewbutton:nth-last-child(1),
#PanelUI-developer-tools-view .subviewbutton:nth-last-child(1) {
list-style-image: url("chrome://devtools/skin/images/debugging-addons.svg");
list-style-image: url("chrome://mozapps/skin/extensions/extension.svg");
}
#appmenu-developer-tools-view .subviewbutton:last-child {
margin-bottom: 6px !important;
@ -11417,9 +11422,10 @@
#context_sendTabToDevicePopupMenu,
#context-sendpagetodevice-popup,
#context-sendlinktodevice-popup,
#frame > menupopup
#frame > menupopup,
#spell-dictionaries-menu
)
> menuitem,
> menuitem:not([type="checkbox"][checked="true"], [type="radio"]),
.openintabs-menuitem,
#blockedPopupDontShowMessage,
#BMB_viewBookmarksToolbar,
@ -11501,9 +11507,10 @@
#context_sendTabToDevicePopupMenu,
#context-sendpagetodevice-popup,
#context-sendlinktodevice-popup,
#frame > menupopup
#frame > menupopup,
#spell-dictionaries-menu
)
> menuitem,
> menuitem:not([type="checkbox"][checked="true"], [type="radio"]),
.openintabs-menuitem,
#blockedPopupDontShowMessage,
#BMB_viewBookmarksToolbar,
@ -11594,9 +11601,10 @@
#context_sendTabToDevicePopupMenu,
#context-sendpagetodevice-popup,
#context-sendlinktodevice-popup,
#frame > menupopup
#frame > menupopup,
#spell-dictionaries-menu
)
> menuitem,
> menuitem:not([type="checkbox"][checked="true"], [type="radio"]),
.openintabs-menuitem,
#blockedPopupDontShowMessage,
#BMB_viewBookmarksToolbar,
@ -11662,9 +11670,10 @@
#context_sendTabToDevicePopupMenu,
#context-sendpagetodevice-popup,
#context-sendlinktodevice-popup,
#frame > menupopup
#frame > menupopup,
#spell-dictionaries-menu
)
> menuitem,
> menuitem:not([type="checkbox"][checked="true"], [type="radio"]),
.openintabs-menuitem,
#blockedPopupDontShowMessage,
#BMB_viewBookmarksToolbar,
@ -11758,6 +11767,32 @@
list-style-image: var(--menuitem-image, url("../icons/blank.svg")) !important;
}
}
/* Exeptions */
#unified-extensions-context-menu > menuitem::before {
padding-inline: 0 !important;
}
:not(menu, #ContentSelectDropdown, #context-navigation)
> menupopup:not(.in-menulist)
> menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]) {
padding-inline-start: 0 !important;
}
:not(menu, #ContentSelectDropdown, #context-navigation)
> menupopup:not(.in-menulist)
> menuitem:not(.menuitem-iconic):has(.menu-iconic-left)[checked] {
padding-left: 4px !important;
background-image: none !important;
}
:not(menu, #ContentSelectDropdown, #context-navigation)
> menupopup:not(.in-menulist)
> menuitem:not(.menuitem-iconic):has(.menu-iconic-left)[checked="true"] {
padding-left: calc(var(--context-menu-mac-padding) - 8px) !important;
}
:not(menu, #ContentSelectDropdown, #context-navigation)
> menupopup:not(.in-menulist)
> menuitem:not(.menuitem-iconic):has(.menu-iconic-left)[checked="true"]
.menu-iconic-text {
padding-left: 8px !important;
}
}
/*= Bookmark Menu - Layout ===================================================*/
/* #goPopup(Legacy of historyMenuPopup), #historyMenuPopup, #bookmarksMenuPopup: looks like global menu
@ -12111,7 +12146,8 @@
#spell-no-suggestions {
--menuitem-image: url("../icons/text-proofing-tools.svg");
}
#spell-add-to-dictionary {
#spell-add-to-dictionary,
#spell-add-dictionaries {
--menuitem-image: url("../icons/book-add.svg");
}
#spell-undo-add-to-dictionary {
@ -13024,7 +13060,7 @@
--menuitem-image: url("../icons/command-frames.svg");
}
#menu_browserConsole {
--menuitem-image: url("chrome://devtools/skin/images/command-console.svg");
--menuitem-image: url("../icons/command-console.svg");
}
#menu_responsiveUI {
/* checkbox */
@ -13032,13 +13068,13 @@
}
#menu_eyedropper {
/* checkbox */
--menuitem-image: url("chrome://devtools/skin/images/command-eyedropper.svg");
--menuitem-image: url("../icons/command-eyedropper.svg");
}
#menu_pageSource {
--menuitem-image: url("../icons/document-search.svg");
}
#extensionsForDevelopers {
--menuitem-image: url("chrome://devtools/skin/images/debugging-addons.svg");
--menuitem-image: url("chrome://mozapps/skin/extensions/extension.svg");
}
/*= windowPopup ==============================================================*/
#windowPopup > menuitem[command="minimizeWindow"] {
@ -13143,6 +13179,18 @@
}
}
}
/** Icons - 1.25px Stroke Width ***********************************************/
@supports -moz-bool-pref("userChrome.icon.1-25px_stroke") {
#firefox-view-button {
list-style-image: url("../icons/firefox-view.svg") !important;
}
#reset-pbm-toolbar-button {
list-style-image: url("../icons/flame.svg") !important;
}
#translations-button-icon {
list-style-image: url("../icons/translations.svg") !important;
}
}
/** Icons for fork browsers ***************************************************/
/*= Waterfox =================================================================*/
@supports -moz-bool-pref("userChrome.icon.panel") {
@ -13340,6 +13388,7 @@
/*= Drop Indicator Color #473 ================================================*/
/*= Firefox View Border #498 =================================================*/
/*= Menubar rounding #814 ====================================================*/
/*= Infobar Align #858 =======================================================*/
}
@media (-moz-bool-pref: "userChrome.compatibility.theme") and (-moz-bool-pref: "userChrome.tab.connect_to_window") {
/* TARGET: original, photon */
@ -13444,6 +13493,11 @@
--panel-border-radius: var(--arrowpanel-border-radius);
}
}
@media (-moz-bool-pref: "userChrome.compatibility.theme") {
.container.infobar {
align-items: center !important;
}
}
/*= OS - Compatibility =======================================================*/
@media (-moz-bool-pref: "userChrome.compatibility.os") {
/*= Windows 10 - Top border of accent color at ESR #358 ======================*/
@ -14026,19 +14080,12 @@
:root:not(:-moz-lwtheme) .urlbarView-url {
--urlbar-popup-url-color: AccentColor;
}
/* Nightly Compatibility */
}
@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userChrome.compatibility.accent_color") {
:root:not(:-moz-lwtheme) .urlbarView-url {
--urlbar-popup-url-color: -moz-accent-color;
}
}
@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-gtk-csd-available) {
:root:not(:-moz-lwtheme) #urlbar {
--toolbar-field-focus-color: var(--toolbar-field-color); /* Nightly: rgba(0, 0, 0, 1) */
--toolbar-field-focus-background-color: var(--toolbar-field-background-color); /* Nightly: white */
}
}
@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") {
:root:not(:-moz-lwtheme),
:root[lwt-default-theme-in-dark-mode] {
@ -14049,7 +14096,7 @@
--mac-selected-bgcolor: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog);
--mac-field-bgcolor: Window;
--mac-panel-bgcolor: Menu;
--mac-sidebar-bgcolor: -moz-mac-source-list;
--mac-sidebar-bgcolor: Window;
--mac-sidebar-hover-bgcolor: color-mix(in srgb, ButtonFace 60%, var(--mac-sidebar-bgcolor));
--mac-hover-bgcolor: Window;
--mac-disabled-bgcolor: transparent;
@ -21190,6 +21237,12 @@
height: 2px !important;
border-radius: var(--tab-border-radius, 4px) var(--tab-border-radius, 4px) 0 0 !important;
}
:root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]),
:root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"] .tab-context-line,
:root[lwtheme-mozlightdark][lwthemetextcolor="bright"],
:root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] .tab-context-line {
--tab-line-color: rgb(10, 132, 255);
}
.tabbrowser-tab:is([selected], [multiselected]) .tab-context-line {
/* Photon like color
Default: var(--tab-line-color, rgb(10, 132, 255))
@ -24855,6 +24908,7 @@
/** Library - Icons Replace ***************************************************/
/** Panel - Icons *************************************************************/
/** Menu - Icons Layout *******************************************************/
/** Icons - 1.25px Stroke Width ***********************************************/
/** Icons for fork browsers ***************************************************/
/*= Waterfox =================================================================*/
/*= Tor Browser ==============================================================*/
@ -25345,7 +25399,7 @@
list-style-image: url("chrome://global/skin/icons/search-glass.svg");
}
#appMenu-translate-button {
list-style-image: url(chrome://browser/skin/translations.svg);
list-style-image: url("../icons/translations.svg");
}
#appMenu-zoom-controls2::before,
#appMenu-zoom-controls::before {
@ -25653,7 +25707,7 @@
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") {
#appmenu-developer-tools-view .subviewbutton:nth-last-child(5),
#PanelUI-developer-tools-view .subviewbutton:nth-last-child(5) {
list-style-image: url("chrome://devtools/skin/images/command-console.svg");
list-style-image: url("../icons/command-console.svg");
}
}
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") {
@ -25665,7 +25719,7 @@
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") {
#appmenu-developer-tools-view .subviewbutton:nth-last-child(3),
#PanelUI-developer-tools-view .subviewbutton:nth-last-child(3) {
list-style-image: url("chrome://devtools/skin/images/command-eyedropper.svg");
list-style-image: url("../icons/command-eyedropper.svg");
}
}
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") {
@ -25677,7 +25731,7 @@
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") {
#appmenu-developer-tools-view .subviewbutton:nth-last-child(1),
#PanelUI-developer-tools-view .subviewbutton:nth-last-child(1) {
list-style-image: url("chrome://devtools/skin/images/debugging-addons.svg");
list-style-image: url("chrome://mozapps/skin/extensions/extension.svg");
}
}
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") {
@ -25974,9 +26028,10 @@
#context_sendTabToDevicePopupMenu,
#context-sendpagetodevice-popup,
#context-sendlinktodevice-popup,
#frame > menupopup
#frame > menupopup,
#spell-dictionaries-menu
)
> menuitem,
> menuitem:not([type="checkbox"][checked="true"], [type="radio"]),
.openintabs-menuitem,
#blockedPopupDontShowMessage,
#BMB_viewBookmarksToolbar,
@ -26077,9 +26132,10 @@
#context_sendTabToDevicePopupMenu,
#context-sendpagetodevice-popup,
#context-sendlinktodevice-popup,
#frame > menupopup
#frame > menupopup,
#spell-dictionaries-menu
)
> menuitem,
> menuitem:not([type="checkbox"][checked="true"], [type="radio"]),
.openintabs-menuitem,
#blockedPopupDontShowMessage,
#BMB_viewBookmarksToolbar,
@ -26169,9 +26225,10 @@
#context_sendTabToDevicePopupMenu,
#context-sendpagetodevice-popup,
#context-sendlinktodevice-popup,
#frame > menupopup
#frame > menupopup,
#spell-dictionaries-menu
)
> menuitem,
> menuitem:not([type="checkbox"][checked="true"], [type="radio"]),
.openintabs-menuitem,
#blockedPopupDontShowMessage,
#BMB_viewBookmarksToolbar,
@ -26232,9 +26289,10 @@
#context_sendTabToDevicePopupMenu,
#context-sendpagetodevice-popup,
#context-sendlinktodevice-popup,
#frame > menupopup
#frame > menupopup,
#spell-dictionaries-menu
)
> menuitem,
> menuitem:not([type="checkbox"][checked="true"], [type="radio"]),
.openintabs-menuitem,
#blockedPopupDontShowMessage,
#BMB_viewBookmarksToolbar,
@ -26291,6 +26349,7 @@
padding-inline-start: calc(var(--context-menu-background-padding) + var(--context-menu-mac-padding)) !important;
}
/* Global Menu */
/* Exeptions */
}
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.icon.global_menu.mac") {
menupopup:is(
@ -26322,6 +26381,35 @@
list-style-image: var(--menuitem-image, url("../icons/blank.svg")) !important;
}
}
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") {
#unified-extensions-context-menu > menuitem::before {
padding-inline: 0 !important;
}
}
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") {
:not(menu, #ContentSelectDropdown, #context-navigation)
> menupopup:not(.in-menulist)
> menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]) {
padding-inline-start: 0 !important;
}
:not(menu, #ContentSelectDropdown, #context-navigation)
> menupopup:not(.in-menulist)
> menuitem:not(.menuitem-iconic):has(.menu-iconic-left)[checked] {
padding-left: 4px !important;
background-image: none !important;
}
:not(menu, #ContentSelectDropdown, #context-navigation)
> menupopup:not(.in-menulist)
> menuitem:not(.menuitem-iconic):has(.menu-iconic-left)[checked="true"] {
padding-left: calc(var(--context-menu-mac-padding) - 8px) !important;
}
:not(menu, #ContentSelectDropdown, #context-navigation)
> menupopup:not(.in-menulist)
> menuitem:not(.menuitem-iconic):has(.menu-iconic-left)[checked="true"]
.menu-iconic-text {
padding-left: 8px !important;
}
}
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") {
menupopup menupopup[emptyplacesresult] .menu-text,
#PersonalToolbar menupopup[emptyplacesresult] .menu-text {
@ -26757,7 +26845,8 @@
}
}
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") {
#spell-add-to-dictionary {
#spell-add-to-dictionary,
#spell-add-dictionaries {
--menuitem-image: url("../icons/book-add.svg");
}
}
@ -28108,7 +28197,7 @@
}
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") {
#menu_browserConsole {
--menuitem-image: url("chrome://devtools/skin/images/command-console.svg");
--menuitem-image: url("../icons/command-console.svg");
}
}
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") {
@ -28120,7 +28209,7 @@
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") {
#menu_eyedropper {
/* checkbox */
--menuitem-image: url("chrome://devtools/skin/images/command-eyedropper.svg");
--menuitem-image: url("../icons/command-eyedropper.svg");
}
}
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") {
@ -28130,7 +28219,7 @@
}
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") {
#extensionsForDevelopers {
--menuitem-image: url("chrome://devtools/skin/images/debugging-addons.svg");
--menuitem-image: url("chrome://mozapps/skin/extensions/extension.svg");
}
}
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") {
@ -28278,6 +28367,17 @@
--menuitem-image: url("chrome://browser/skin/import.svg");
}
}
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.1-25px_stroke") {
#firefox-view-button {
list-style-image: url("../icons/firefox-view.svg") !important;
}
#reset-pbm-toolbar-button {
list-style-image: url("../icons/flame.svg") !important;
}
#translations-button-icon {
list-style-image: url("../icons/translations.svg") !important;
}
}
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") {
#appMenu-restart-button {
list-style-image: url("../icons/refresh-cw.svg") !important;

View file

@ -161,6 +161,10 @@
#main-menubar {
--panel-border-radius: var(--arrowpanel-border-radius);
}
/*= Infobar Align #858 =======================================================*/
.container.infobar {
align-items: center !important;
}
}
/*= OS - Compatibility =======================================================*/
@supports -moz-bool-pref("userChrome.compatibility.os") {
@ -978,11 +982,6 @@
--urlbar-popup-url-color: -moz-accent-color;
}
}
/* Nightly Compatibility */
:root:not(:-moz-lwtheme) #urlbar {
--toolbar-field-focus-color: var(--toolbar-field-color); /* Nightly: rgba(0, 0, 0, 1) */
--toolbar-field-focus-background-color: var(--toolbar-field-background-color); /* Nightly: white */
}
}
/*= Mac - Default like color =================================================*/
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
@ -7628,6 +7627,12 @@
height: 2px !important;
border-radius: var(--tab-border-radius, 4px) var(--tab-border-radius, 4px) 0 0 !important;
}
:root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]),
:root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"] .tab-context-line,
:root[lwtheme-mozlightdark][lwthemetextcolor="bright"],
:root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] .tab-context-line {
--tab-line-color: rgb(10, 132, 255);
}
.tabbrowser-tab:is([selected], [multiselected]) .tab-context-line {
/* Photon like color
Default: var(--tab-line-color, rgb(10, 132, 255))
@ -11357,7 +11362,7 @@
list-style-image: url("chrome://global/skin/icons/search-glass.svg");
}
#appMenu-translate-button {
list-style-image: url(chrome://browser/skin/translations.svg);
list-style-image: url("../icons/translations.svg");
}
#appMenu-zoom-controls2::before,
#appMenu-zoom-controls::before {
@ -11583,7 +11588,7 @@
/* Browser Console */
#appmenu-developer-tools-view .subviewbutton:nth-last-child(5),
#PanelUI-developer-tools-view .subviewbutton:nth-last-child(5) {
list-style-image: url("chrome://devtools/skin/images/command-console.svg");
list-style-image: url("../icons/command-console.svg");
}
/* Responsive Design Mode */
#appmenu-developer-tools-view .subviewbutton:nth-last-child(4),
@ -11593,7 +11598,7 @@
/* Eyedropper */
#appmenu-developer-tools-view .subviewbutton:nth-last-child(3),
#PanelUI-developer-tools-view .subviewbutton:nth-last-child(3) {
list-style-image: url("chrome://devtools/skin/images/command-eyedropper.svg");
list-style-image: url("../icons/command-eyedropper.svg");
}
/* Page Source - Edge file-search.svg */
#appmenu-developer-tools-view .subviewbutton:nth-last-child(2),
@ -11603,7 +11608,7 @@
/* Extensions for Devel */
#appmenu-developer-tools-view .subviewbutton:nth-last-child(1),
#PanelUI-developer-tools-view .subviewbutton:nth-last-child(1) {
list-style-image: url("chrome://devtools/skin/images/debugging-addons.svg");
list-style-image: url("chrome://mozapps/skin/extensions/extension.svg");
}
#appmenu-developer-tools-view .subviewbutton:last-child {
margin-bottom: 6px !important;
@ -11834,9 +11839,10 @@
#context_sendTabToDevicePopupMenu,
#context-sendpagetodevice-popup,
#context-sendlinktodevice-popup,
#frame > menupopup
#frame > menupopup,
#spell-dictionaries-menu
)
> menuitem,
> menuitem:not([type="checkbox"][checked="true"], [type="radio"]),
.openintabs-menuitem,
#blockedPopupDontShowMessage,
#BMB_viewBookmarksToolbar,
@ -11918,9 +11924,10 @@
#context_sendTabToDevicePopupMenu,
#context-sendpagetodevice-popup,
#context-sendlinktodevice-popup,
#frame > menupopup
#frame > menupopup,
#spell-dictionaries-menu
)
> menuitem,
> menuitem:not([type="checkbox"][checked="true"], [type="radio"]),
.openintabs-menuitem,
#blockedPopupDontShowMessage,
#BMB_viewBookmarksToolbar,
@ -12014,9 +12021,10 @@
#context_sendTabToDevicePopupMenu,
#context-sendpagetodevice-popup,
#context-sendlinktodevice-popup,
#frame > menupopup
#frame > menupopup,
#spell-dictionaries-menu
)
> menuitem,
> menuitem:not([type="checkbox"][checked="true"], [type="radio"]),
.openintabs-menuitem,
#blockedPopupDontShowMessage,
#BMB_viewBookmarksToolbar,
@ -12089,9 +12097,10 @@
#context_sendTabToDevicePopupMenu,
#context-sendpagetodevice-popup,
#context-sendlinktodevice-popup,
#frame > menupopup
#frame > menupopup,
#spell-dictionaries-menu
)
> menuitem,
> menuitem:not([type="checkbox"][checked="true"], [type="radio"]),
.openintabs-menuitem,
#blockedPopupDontShowMessage,
#BMB_viewBookmarksToolbar,
@ -12272,9 +12281,10 @@
#context_sendTabToDevicePopupMenu,
#context-sendpagetodevice-popup,
#context-sendlinktodevice-popup,
#frame > menupopup
#frame > menupopup,
#spell-dictionaries-menu
)
> menuitem,
> menuitem:not([type="checkbox"][checked="true"], [type="radio"]),
.openintabs-menuitem,
#blockedPopupDontShowMessage,
#BMB_viewBookmarksToolbar,
@ -12352,6 +12362,32 @@
list-style-image: var(--menuitem-image, url("../icons/blank.svg")) !important;
}
}
/* Exeptions */
#unified-extensions-context-menu > menuitem::before {
padding-inline: 0 !important;
}
:not(menu, #ContentSelectDropdown, #context-navigation)
> menupopup:not(.in-menulist)
> menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]) {
padding-inline-start: 0 !important;
}
:not(menu, #ContentSelectDropdown, #context-navigation)
> menupopup:not(.in-menulist)
> menuitem:not(.menuitem-iconic):has(.menu-iconic-left)[checked] {
padding-left: 4px !important;
background-image: none !important;
}
:not(menu, #ContentSelectDropdown, #context-navigation)
> menupopup:not(.in-menulist)
> menuitem:not(.menuitem-iconic):has(.menu-iconic-left)[checked="true"] {
padding-left: calc(var(--context-menu-mac-padding) - 8px) !important;
}
:not(menu, #ContentSelectDropdown, #context-navigation)
> menupopup:not(.in-menulist)
> menuitem:not(.menuitem-iconic):has(.menu-iconic-left)[checked="true"]
.menu-iconic-text {
padding-left: 8px !important;
}
}
/*= Bookmark Menu - Layout ===================================================*/
/* #goPopup(Legacy of historyMenuPopup), #historyMenuPopup, #bookmarksMenuPopup: looks like global menu
@ -12720,7 +12756,8 @@
#spell-no-suggestions {
--menuitem-image: url("../icons/text-proofing-tools.svg");
}
#spell-add-to-dictionary {
#spell-add-to-dictionary,
#spell-add-dictionaries {
--menuitem-image: url("../icons/book-add.svg");
}
#spell-undo-add-to-dictionary {
@ -13633,7 +13670,7 @@
--menuitem-image: url("../icons/command-frames.svg");
}
#menu_browserConsole {
--menuitem-image: url("chrome://devtools/skin/images/command-console.svg");
--menuitem-image: url("../icons/command-console.svg");
}
#menu_responsiveUI {
/* checkbox */
@ -13641,13 +13678,13 @@
}
#menu_eyedropper {
/* checkbox */
--menuitem-image: url("chrome://devtools/skin/images/command-eyedropper.svg");
--menuitem-image: url("../icons/command-eyedropper.svg");
}
#menu_pageSource {
--menuitem-image: url("../icons/document-search.svg");
}
#extensionsForDevelopers {
--menuitem-image: url("chrome://devtools/skin/images/debugging-addons.svg");
--menuitem-image: url("chrome://mozapps/skin/extensions/extension.svg");
}
/*= windowPopup ==============================================================*/
#windowPopup > menuitem[command="minimizeWindow"] {
@ -13752,6 +13789,18 @@
}
}
}
/** Icons - 1.25px Stroke Width ***********************************************/
@supports -moz-bool-pref("userChrome.icon.1-25px_stroke") {
#firefox-view-button {
list-style-image: url("../icons/firefox-view.svg") !important;
}
#reset-pbm-toolbar-button {
list-style-image: url("../icons/flame.svg") !important;
}
#translations-button-icon {
list-style-image: url("../icons/translations.svg") !important;
}
}
/** Icons for fork browsers ***************************************************/
/*= Waterfox =================================================================*/
@supports -moz-bool-pref("userChrome.icon.panel") {

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity"><path fill-rule="evenodd" d="M1.005 3.63A2.625 2.625 0 0 1 3.63 1.005h8.75a2.625 2.625 0 0 1 2.625 2.625v8.77a2.625 2.625 0 0 1-2.625 2.624H3.63A2.625 2.625 0 0 1 1.005 12.4V3.63ZM3.63 2.255c-.76 0-1.375.616-1.375 1.375v1.298h11.5V3.63c0-.76-.616-1.375-1.375-1.375H3.63Zm10.125 3.923h-11.5V12.4c0 .76.616 1.375 1.375 1.375h8.75c.76 0 1.375-.615 1.375-1.375V6.18Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M3.546 7.2a.625.625 0 0 1 .884-.024l2.117 2.008c.468.443.468 1.189 0 1.632L4.43 12.824a.625.625 0 1 1-.86-.908L5.592 10 3.57 8.084a.625.625 0 0 1-.024-.884Z" clip-rule="evenodd"/></svg>

After

Width:  |  Height:  |  Size: 739 B

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity"><path fill-rule="evenodd" d="M6.942 3.058a.625.625 0 1 0-.884.884l1.616 1.616-6.058 6.058a1.957 1.957 0 1 0 2.768 2.768l6.058-6.058 1.616 1.616a.625.625 0 1 0 .884-.884l-1.616-1.616 3.058-3.058a1.957 1.957 0 1 0-2.768-2.768L8.558 4.674 6.942 3.058ZM2.5 12.5a.707.707 0 0 0 1 1l6.116-6.116-1-1L2.5 12.5Z" clip-rule="evenodd"/></svg>

After

Width:  |  Height:  |  Size: 470 B

1
icons/firefox-view.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity"><g clip-path="url(#a)"><path d="M6 8.625C6 8.28 6.28 8 6.625 8h2.75a.625.625 0 1 1 0 1.25h-2.75A.625.625 0 0 1 6 8.625"/><path fill-rule="evenodd" d="M14 5.25H2a.75.75 0 0 0-.75.75v8c0 .414.336.75.75.75h12a.75.75 0 0 0 .75-.75V6a.75.75 0 0 0-.75-.75M2 4a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zM2.375 2.74c0-1.102.893-1.995 1.995-1.995h7.26c1.102 0 1.995.893 1.995 1.995h-1.25a.745.745 0 0 0-.745-.745H4.37a.745.745 0 0 0-.745.745z" clip-rule="evenodd"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>

After

Width:  |  Height:  |  Size: 704 B

1
icons/flame.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity"><g clip-path="url(#a)"><path fill-rule="evenodd" d="M5.489.065a.625.625 0 0 0-.862.757C5.034 2.08 5.07 3 4.93 3.728c-.139.73-.463 1.325-.874 1.927-.126.186-.264.374-.406.569-.758 1.037-1.646 2.253-1.646 4.126 0 1.669.629 3.095 1.711 4.102 1.079 1.002 2.571 1.553 4.25 1.553 1.758 0 3.185-.857 4.189-1.955.995-1.09 1.62-2.465 1.765-3.623l.002-.015c.13-1.305.104-2.106-.058-2.853-.1-.461-.259-.916-.44-1.436a37.137 37.137 0 0 1-.291-.854.625.625 0 0 0-1.066-.218l-.232.268c-.404.468-.754.874-1.258 1.28-.106-1.233-.405-2.329-1.03-3.315C8.738 2.002 7.428.983 5.49.065M10 13.26c0 .22-.02.43-.06.64l-.11.397c.529-.272.999-.65 1.402-1.09.835-.915 1.336-2.051 1.447-2.927.123-1.233.087-1.889-.036-2.456-.081-.375-.195-.703-.347-1.136a8.216 8.216 0 0 1-1.98 1.6.625.625 0 0 1-.944-.537c0-1.593-.245-2.794-.88-3.799-.482-.76-1.216-1.453-2.33-2.118.13.797.117 1.495-.003 2.127-.185.974-.616 1.734-1.07 2.398-.16.236-.32.458-.475.672-.74 1.025-1.359 1.884-1.359 3.319 0 1.34.498 2.43 1.312 3.186.446.414.997.738 1.633.948l-.09-.304c-.07-.3-.11-.6-.11-.92 0-1.42.7-2.7 1.79-3.21.13-.06.29-.06.42 0 1.09.51 1.79 1.79 1.79 3.21" clip-rule="evenodd"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View file

@ -1,3 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path fill="context-fill" fill-opacity="context-fill-opacity" d="M15 11h-1V5a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v6H1a1 1 0 0 0 0 2h14a1 1 0 1 0 0-2z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity"><path d="M4.628 2a2.627 2.627 0 0 0-2.627 2.627v7.122H.625a.625.625 0 1 0 0 1.251h14.75a.626.626 0 0 0 0-1.251h-1.376V4.627A2.626 2.626 0 0 0 11.373 2z"/></svg>

Before

Width:  |  Height:  |  Size: 238 B

After

Width:  |  Height:  |  Size: 299 B

Before After
Before After

1
icons/translations.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16" fill="context-fill" fill-opacity="context-fill-opacity"><path fill-rule="evenodd" d="M4.99 7.695c-.708-.87-1.27-1.9-1.814-3.195H1.835l.082.225.004.011c.613 1.501 1.27 2.746 2.153 3.813-.826.666-1.816 1.222-3.074 1.77v1.35l.233-.09.011-.004c1.476-.626 2.674-1.28 3.689-2.113 1.038.971 2.331 1.763 4.033 2.496l-1.283 2.78-.118.262h1.373l1.267-2.745h4.09L15.562 15h1.373l-.114-.255-1.556-3.37-1.984-4.595-.003-.006c-.396-.89-1.66-.89-2.056 0l-1.746 4.043c-1.583-.68-2.73-1.387-3.627-2.21.066-.07.13-.14.195-.212C7.2 7.094 8.07 5.428 8.935 3.125H10v-1.25H5.625V0h-1.25v1.875H0v1.25h7.597c-.782 2-1.545 3.379-2.488 4.439a8.65 8.65 0 0 1-.119.131m7.26-.149-1.494 3.459h2.988z" clip-rule="evenodd"/></svg>

After

Width:  |  Height:  |  Size: 781 B

View file

@ -160,3 +160,8 @@ vbox[part="drop-indicator-bar"] > image[part="drop-indicator"] {
#main-menubar {
--panel-border-radius: var(--arrowpanel-border-radius);
}
/*= Infobar Align #858 =======================================================*/
.container.infobar {
align-items: center !important;
}

View file

@ -0,0 +1,9 @@
#firefox-view-button {
list-style-image: url("../icons/firefox-view.svg") !important;
}
#reset-pbm-toolbar-button {
list-style-image: url("../icons/flame.svg") !important;
}
#translations-button-icon {
list-style-image: url("../icons/translations.svg") !important;
}

View file

@ -282,7 +282,7 @@ menu.share-tab-url-item {
--menuitem-image: url("../icons/command-frames.svg");
}
#menu_browserConsole {
--menuitem-image: url("chrome://devtools/skin/images/command-console.svg");
--menuitem-image: url("../icons/command-console.svg");
}
#menu_responsiveUI {
/* checkbox */
@ -290,13 +290,13 @@ menu.share-tab-url-item {
}
#menu_eyedropper {
/* checkbox */
--menuitem-image: url("chrome://devtools/skin/images/command-eyedropper.svg");
--menuitem-image: url("../icons/command-eyedropper.svg");
}
#menu_pageSource {
--menuitem-image: url("../icons/document-search.svg");
}
#extensionsForDevelopers {
--menuitem-image: url("chrome://devtools/skin/images/debugging-addons.svg");
--menuitem-image: url("chrome://mozapps/skin/extensions/extension.svg");
}
/*= windowPopup ==============================================================*/

View file

@ -70,5 +70,10 @@
}
}
/** Icons - 1.25px Stroke Width ***********************************************/
@include Option("userChrome.icon.1-25px_stroke") {
@import "1.25px_stroke";
}
/** Icons for fork browsers ***************************************************/
@import "fork_browsers/index";

View file

@ -99,7 +99,7 @@
list-style-image: url("chrome://global/skin/icons/search-glass.svg");
}
#appMenu-translate-button {
list-style-image: url(chrome://browser/skin/translations.svg);
list-style-image: url("../icons/translations.svg");
}
#appMenu-zoom-controls2::before, /* Legacy v104 */
#appMenu-zoom-controls::before {
@ -340,7 +340,7 @@ panelMenuBookmarkThisPage[starred] {
/* Browser Console */
#appmenu-developer-tools-view .subviewbutton:nth-last-child(5),
#PanelUI-developer-tools-view .subviewbutton:nth-last-child(5) {
list-style-image: url("chrome://devtools/skin/images/command-console.svg");
list-style-image: url("../icons/command-console.svg");
}
/* Responsive Design Mode */
#appmenu-developer-tools-view .subviewbutton:nth-last-child(4),
@ -350,7 +350,7 @@ panelMenuBookmarkThisPage[starred] {
/* Eyedropper */
#appmenu-developer-tools-view .subviewbutton:nth-last-child(3),
#PanelUI-developer-tools-view .subviewbutton:nth-last-child(3) {
list-style-image: url("chrome://devtools/skin/images/command-eyedropper.svg");
list-style-image: url("../icons/command-eyedropper.svg");
}
/* Page Source - Edge file-search.svg */
#appmenu-developer-tools-view .subviewbutton:nth-last-child(2),
@ -360,7 +360,7 @@ panelMenuBookmarkThisPage[starred] {
/* Extensions for Devel */
#appmenu-developer-tools-view .subviewbutton:nth-last-child(1),
#PanelUI-developer-tools-view .subviewbutton:nth-last-child(1) {
list-style-image: url("chrome://devtools/skin/images/debugging-addons.svg");
list-style-image: url("chrome://mozapps/skin/extensions/extension.svg");
}
#appmenu-developer-tools-view .subviewbutton:last-child {
margin-bottom: 6px !important;

View file

@ -15,7 +15,8 @@
#spell-no-suggestions {
--menuitem-image: url("../icons/text-proofing-tools.svg");
}
#spell-add-to-dictionary {
#spell-add-to-dictionary,
#spell-add-dictionaries {
--menuitem-image: url("../icons/book-add.svg");
}
#spell-undo-add-to-dictionary {

View file

@ -146,4 +146,29 @@ $_layoutCommonMenus: (
list-style-image: var(--menuitem-image, url("../icons/blank.svg")) !important;
}
}
/* Exeptions */
// Mac unified extenstions #847
#unified-extensions-context-menu > menuitem::before {
padding-inline: 0 !important;
}
:not(menu, #ContentSelectDropdown, #context-navigation) > menupopup:not(.in-menulist) > menuitem {
&:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]) {
padding-inline-start: 0 !important;
}
&:not(.menuitem-iconic):has(.menu-iconic-left) {
&[checked] {
padding-left: 4px !important;
background-image: none !important;
}
&[checked="true"] {
padding-left: calc(var(--context-menu-mac-padding) - 8px) !important;
.menu-iconic-text {
padding-left: 8px !important;
}
}
}
}
}

View file

@ -6,6 +6,7 @@
$_iconNoneCommon: ".in-menulist, [checked=\"true\"]";
$_iconMenuitem: "menuitem:not(.menuitem-iconic, .bookmark-item, #{$_iconNoneCommon})";
$_iconMenu: "menu:not(.menu-iconic, #{$_iconNoneCommon})";
$_checkMenu: ":not([type=\"checkbox\"][checked=\"true\"], [type=\"radio\"])";
// Components
$_nestedPopup: "> menupopup:not(.in-menulist) >";
@ -30,14 +31,14 @@ $_globalMenus: "#main-menubar > menu";
$_libraryMenuitem: "menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > #{$_iconMenuitem}";
$_libraryMenu: "menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > #{$_iconMenu}";
$_sendTabMenuPopup: "#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup, #context-sendlinktodevice-popup";
$_otherPopupMenuitem: "menupopup:is(#{$_sendTabMenuPopup}, #frame > menupopup) > menuitem";
$_otherPopupMenuitem: "menupopup:is(#{$_sendTabMenuPopup}, #frame > menupopup, #spell-dictionaries-menu) > menuitem#{$_checkMenu}";
$_otherIconMenu: ".openintabs-menuitem, #blockedPopupDontShowMessage, #BMB_viewBookmarksToolbar, #sidebarMenu-popup:is(menupopup)";
//-- Mixin ---------------------------------------------------------------------
// Init Menu
$_initialMenus: selector.append(
"menupopup menuitem, menupopup menu",
":not([type=\"checkbox\"][checked=\"true\"], [type=\"radio\"])"
$_checkMenu
);
$_initialMenus: $_initialMenus + "," +
selector.nest($_initialMenus, "> .menu-iconic-left > .menu-iconic-icon");

View file

@ -4,6 +4,10 @@
border-radius: var(--tab-border-radius, 4px) var(--tab-border-radius, 4px) 0 0 !important;
}
#{built-in-light-theme()} .tab-context-line,
#{built-in-dark-theme()} .tab-context-line {
--tab-line-color: rgb(10, 132, 255);
}
.tabbrowser-tab:is([selected], [multiselected]) .tab-context-line {
/* Photon like color
Default: var(--tab-line-color, rgb(10, 132, 255))

View file

@ -5,10 +5,4 @@
--urlbar-popup-url-color: #{$accentColor};
}
}
/* Nightly Compatibility */
:root:not(:-moz-lwtheme) #urlbar {
--toolbar-field-focus-color: var(--toolbar-field-color); /* Nightly: rgba(0, 0, 0, 1) */
--toolbar-field-focus-background-color: var(--toolbar-field-background-color); /* Nightly: white */
}
}

View file

@ -8,7 +8,12 @@
--mac-selected-bgcolor: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog);
--mac-field-bgcolor: Window;
--mac-panel-bgcolor: Menu;
--mac-sidebar-bgcolor: -moz-mac-source-list;
@if mode.isSTANDARD() {
--mac-sidebar-bgcolor: Window; // TODO: -moz-sidebar;
}
@if mode.isESR() {
--mac-sidebar-bgcolor: -moz-mac-source-list;
}
--mac-sidebar-hover-bgcolor: color-mix(in srgb, ButtonFace 60%, var(--mac-sidebar-bgcolor));
--mac-hover-bgcolor: Window;
--mac-disabled-bgcolor: transparent;

View file

@ -258,6 +258,7 @@ user_pref("userChrome.icon.menu", true);
user_pref("userChrome.icon.context_menu", true);
user_pref("userChrome.icon.global_menu", true);
user_pref("userChrome.icon.global_menubar", true);
user_pref("userChrome.icon.1-25px_stroke", true);
// -- User Content -------------------------------------------------------------
user_pref("userContent.player.ui", true);