Fix: Upstream from v4.6.3

This commit is contained in:
alstjr7375 2022-04-14 10:47:50 +09:00
parent eb7c4757e3
commit 50823f0b5b
6 changed files with 84 additions and 0 deletions

View file

@ -1,3 +1,18 @@
/*= Windows 10 - Top border of accent color at ESR #358 ======================*/
@include OS($win10) {
:root[sizemode=normal][tabsintitlebar] #navigator-toolbox {
border-top: .5px solid rgb(47, 47, 47) !important;
}
:root[sizemode=normal][tabsintitlebar]:-moz-window-inactive #navigator-toolbox {
border-top-color: rgb(57, 57, 57) !important;
}
@media (-moz-windows-accent-color-in-titlebar) {
:root[sizemode=normal][tabsintitlebar] #navigator-toolbox {
border-top-color: -moz-accent-color !important;
}
}
}
/*= Windows 7, 8 - Tab Bar Background *****************************************/ /*= Windows 7, 8 - Tab Bar Background *****************************************/
@include OS($win7, $win8) { @include OS($win7, $win8) {
/* Header Color */ /* Header Color */

View file

@ -203,6 +203,7 @@
#sync-unverifieditem { #sync-unverifieditem {
} }
#sync-syncnowitem { #sync-syncnowitem {
--menuitem-image: url("chrome://browser/skin/sync.svg");
} }
#sync-reauthitem { #sync-reauthitem {
} }

View file

@ -19,6 +19,7 @@ menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #histo
menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem, menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem,
menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu, menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu,
menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > menuitem, menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > menuitem,
.openintabs-menuitem,
#blockedPopupDontShowMessage { #blockedPopupDontShowMessage {
/* Color */ /* Color */
-moz-context-properties: fill, fill-opacity !important; -moz-context-properties: fill, fill-opacity !important;
@ -56,6 +57,7 @@ menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #histo
menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem, menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem,
menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu, menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu,
menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > menuitem, menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > menuitem,
.openintabs-menuitem,
#blockedPopupDontShowMessage { #blockedPopupDontShowMessage {
background-position: left var(--context-menu-background-padding) center !important; background-position: left var(--context-menu-background-padding) center !important;
padding-inline-start: var(--context-menu-background-padding) !important; padding-inline-start: var(--context-menu-background-padding) !important;
@ -115,6 +117,7 @@ menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup)
menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem, menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem,
menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu, menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu,
menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > menuitem, menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > menuitem,
.openintabs-menuitem,
#blockedPopupDontShowMessage { #blockedPopupDontShowMessage {
background-position: left var(--context-menu-background-padding) center !important; background-position: left var(--context-menu-background-padding) center !important;
padding-inline-start: 0 !important; padding-inline-start: 0 !important;
@ -140,6 +143,7 @@ menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup)
menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem, menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem,
menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu, menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu,
menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > menuitem, menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > menuitem,
.openintabs-menuitem,
#blockedPopupDontShowMessage { #blockedPopupDontShowMessage {
padding-inline-start: var(--menu-background-padding-default) !important; padding-inline-start: var(--menu-background-padding-default) !important;
margin-left: 0 !important; margin-left: 0 !important;
@ -186,4 +190,14 @@ menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup)
:not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menu:not(.menu-iconic) { :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menu:not(.menu-iconic) {
padding-inline-start: calc(var(--context-menu-background-padding) + var(--context-menu-mac-padding)) !important; padding-inline-start: calc(var(--context-menu-background-padding) + var(--context-menu-mac-padding)) !important;
} }
/* Global Menu */
/* Disabled. some icons not appear
menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup)
menuitem:not(.menuitem-iconic, .in-menulist, [type="checkbox"], [checked="true"], .bookmark-item),
menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup)
menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]) {
list-style-image: var(--menuitem-image, url("./icons/blank.svg"));
}
*/
} }

View file

@ -194,6 +194,15 @@
--panel-separator-color: var(--win-border-color) !important; --panel-separator-color: var(--win-border-color) !important;
} }
@include Option("userChrome.theme.system_default") {
@media (-moz-windows-accent-color-in-titlebar) {
:root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme),
:root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) {
--toolbarseparator-color: color-mix(in srgb, currentColor 20%, transparent) !important; /* As default */
}
}
}
/*- Proton Tab Selected ----------------------------------------------------*/ /*- Proton Tab Selected ----------------------------------------------------*/
@include NotOption("userChrome.tab.color_like_toolbar") { @include NotOption("userChrome.tab.color_like_toolbar") {
#{system-default-theme()} { #{system-default-theme()} {

View file

@ -2,6 +2,7 @@
@include OS($win7) { @include OS($win7) {
#TabsToolbar:not(:-moz-lwtheme) { #TabsToolbar:not(:-moz-lwtheme) {
--background-color: rgb(229, 229, 235); --background-color: rgb(229, 229, 235);
--toolbarseparator-color: transparent;
} }
#TabsToolbar:not(:-moz-lwtheme) #TabsToolbar:not(:-moz-lwtheme)
.tabbrowser-tab .tabbrowser-tab

View file

@ -133,6 +133,22 @@
} }
/*= OS - Compatibility =======================================================*/ /*= OS - Compatibility =======================================================*/
@supports -moz-bool-pref("userChrome.compatibility.os") { @supports -moz-bool-pref("userChrome.compatibility.os") {
/*= Windows 10 - Top border of accent color at ESR #358 ======================*/
@media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
:root[sizemode="normal"][tabsintitlebar] #navigator-toolbox {
border-top: 0.5px solid #2f2f2f !important;
}
:root[sizemode="normal"][tabsintitlebar]:-moz-window-inactive #navigator-toolbox {
border-top-color: #393939 !important;
}
@media (-moz-windows-accent-color-in-titlebar) {
:root[sizemode="normal"][tabsintitlebar] #navigator-toolbox {
border-top-color: -moz-accent-color !important;
}
}
}
/*= Windows 7, 8 - Tab Bar Background *****************************************/ /*= Windows 7, 8 - Tab Bar Background *****************************************/
@media (-moz-os-version: windows-win7), @media (-moz-os-version: windows-win7),
(-moz-platform: windows-win7), (-moz-platform: windows-win7),
@ -334,6 +350,7 @@
@media (-moz-os-version: windows-win7), (-moz-platform: windows-win7) { @media (-moz-os-version: windows-win7), (-moz-platform: windows-win7) {
#TabsToolbar:not(:-moz-lwtheme) { #TabsToolbar:not(:-moz-lwtheme) {
--background-color: rgb(229, 229, 235); --background-color: rgb(229, 229, 235);
--toolbarseparator-color: transparent;
} }
#TabsToolbar:not(:-moz-lwtheme) #TabsToolbar:not(:-moz-lwtheme)
@ -542,6 +559,15 @@
--panel-separator-color: var(--win-border-color) !important; --panel-separator-color: var(--win-border-color) !important;
} }
@supports -moz-bool-pref("userChrome.theme.system_default") {
@media (-moz-windows-accent-color-in-titlebar) {
:root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme),
:root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) {
--toolbarseparator-color: color-mix(in srgb, currentColor 20%, transparent) !important;
/* As default */
}
}
}
/*- Proton Tab Selected ----------------------------------------------------*/ /*- Proton Tab Selected ----------------------------------------------------*/
@supports not -moz-bool-pref("userChrome.tab.color_like_toolbar") { @supports not -moz-bool-pref("userChrome.tab.color_like_toolbar") {
:root:not(:-moz-lwtheme), :root:not(:-moz-lwtheme),
@ -5882,6 +5908,7 @@
menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem, menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem,
menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu, menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu,
menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > menuitem, menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > menuitem,
.openintabs-menuitem,
#blockedPopupDontShowMessage { #blockedPopupDontShowMessage {
/* Color */ /* Color */
-moz-context-properties: fill, fill-opacity !important; -moz-context-properties: fill, fill-opacity !important;
@ -5918,6 +5945,7 @@
menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem, menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem,
menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu, menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu,
menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > menuitem, menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > menuitem,
.openintabs-menuitem,
#blockedPopupDontShowMessage { #blockedPopupDontShowMessage {
background-position: left var(--context-menu-background-padding) center !important; background-position: left var(--context-menu-background-padding) center !important;
padding-inline-start: var(--context-menu-background-padding) !important; padding-inline-start: var(--context-menu-background-padding) !important;
@ -5987,6 +6015,7 @@
menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem, menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem,
menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu, menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu,
menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > menuitem, menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > menuitem,
.openintabs-menuitem,
#blockedPopupDontShowMessage { #blockedPopupDontShowMessage {
background-position: left var(--context-menu-background-padding) center !important; background-position: left var(--context-menu-background-padding) center !important;
padding-inline-start: 0 !important; padding-inline-start: 0 !important;
@ -6015,6 +6044,7 @@
menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem, menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem,
menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu, menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu,
menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > menuitem, menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > menuitem,
.openintabs-menuitem,
#blockedPopupDontShowMessage { #blockedPopupDontShowMessage {
padding-inline-start: var(--menu-background-padding-default) !important; padding-inline-start: var(--menu-background-padding-default) !important;
margin-left: 0 !important; margin-left: 0 !important;
@ -6059,6 +6089,16 @@
:not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menu:not(.menu-iconic) { :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menu:not(.menu-iconic) {
padding-inline-start: calc(var(--context-menu-background-padding) + var(--context-menu-mac-padding)) !important; padding-inline-start: calc(var(--context-menu-background-padding) + var(--context-menu-mac-padding)) !important;
} }
/* Global Menu */
/* Disabled. some icons not appear
menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup)
menuitem:not(.menuitem-iconic, .in-menulist, [type="checkbox"], [checked="true"], .bookmark-item),
menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup)
menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]) {
list-style-image: var(--menuitem-image, url("./icons/blank.svg"));
}
*/
} }
/*= Bookmark Menu - Layout ===================================================*/ /*= Bookmark Menu - Layout ===================================================*/
/* #goPopup(Legacy of historyMenuPoup), #historyMenuPopup, #bookmarksMenuPopup: looks like global menu /* #goPopup(Legacy of historyMenuPoup), #historyMenuPopup, #bookmarksMenuPopup: looks like global menu
@ -7197,6 +7237,10 @@
--menuitem-image: url("chrome://browser/skin/fxa/avatar-empty.svg"); --menuitem-image: url("chrome://browser/skin/fxa/avatar-empty.svg");
} }
#sync-syncnowitem {
--menuitem-image: url("chrome://browser/skin/sync.svg");
}
#webDeveloperMenu, #webDeveloperMenu,
#browserToolsMenu { #browserToolsMenu {
--menuitem-image: url("./icons/developer.svg"); --menuitem-image: url("./icons/developer.svg");