|
|
@ -1,6 +1,6 @@
|
|
|
|
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
|
|
|
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
|
|
|
@namespace html "http://www.w3.org/1999/xhtml";
|
|
|
|
@namespace html "http://www.w3.org/1999/xhtml";
|
|
|
|
/** Default Thme - Contrast ***************************************************/
|
|
|
|
/** Default Theme - Contrast **************************************************/
|
|
|
|
@supports -moz-bool-pref("userChrome.theme.built_in_contrast") {
|
|
|
|
@supports -moz-bool-pref("userChrome.theme.built_in_contrast") {
|
|
|
|
/*= Lightmode - Color darker =================================================*/
|
|
|
|
/*= Lightmode - Color darker =================================================*/
|
|
|
|
:root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]),
|
|
|
|
:root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]),
|
|
|
@ -87,7 +87,7 @@
|
|
|
|
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
|
|
|
|
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
|
|
|
|
> .tab-stack
|
|
|
|
> .tab-stack
|
|
|
|
> .tab-background {
|
|
|
|
> .tab-background {
|
|
|
|
/* Nigtly 96: 1px solid var(--tab-line-color, rgba(128,128,142,0.9)); */
|
|
|
|
/* Nightly 96: 1px solid var(--tab-line-color, rgba(128,128,142,0.9)); */
|
|
|
|
border: unset !important;
|
|
|
|
border: unset !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -145,6 +145,54 @@
|
|
|
|
border: 1px solid var(--input-border-color, var(--toolbar-field-border-color, ThreeDShadow)) !important;
|
|
|
|
border: 1px solid var(--input-border-color, var(--toolbar-field-border-color, ThreeDShadow)) !important;
|
|
|
|
/* Original: 1px solid var(--input-border-color, var(--toolbar-field-border-color)) */
|
|
|
|
/* Original: 1px solid var(--input-border-color, var(--toolbar-field-border-color)) */
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*= Drop Indicator Color #473 ================================================*/
|
|
|
|
|
|
|
|
treechildren::-moz-tree-cell-text(primary, dropOn),
|
|
|
|
|
|
|
|
treechildren::-moz-tree-drop-feedback,
|
|
|
|
|
|
|
|
vbox[part="drop-indicator-bar"] > image[part="drop-indicator"] {
|
|
|
|
|
|
|
|
background-color: var(--button-primary-bgcolor, var(--focus-outline-color)) !important;
|
|
|
|
|
|
|
|
/* Original: SelectedItem or AccentColor*/
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#bookmarksPanel[lwt-sidebar="true"] {
|
|
|
|
|
|
|
|
--focus-outline-color: var(--in-content-focus-outline-color, AccentColor) !important;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*= Menu color #477 ==========================================================*/
|
|
|
|
|
|
|
|
@media (-moz-windows-non-native-menus) {
|
|
|
|
|
|
|
|
:root {
|
|
|
|
|
|
|
|
/* Override some menu color variables for light browser themes. */
|
|
|
|
|
|
|
|
--menuitem-hover-background-color: #e0e0e6;
|
|
|
|
|
|
|
|
--menu-background-color: #f9f9fb;
|
|
|
|
|
|
|
|
--menu-color: #15141a;
|
|
|
|
|
|
|
|
--menuitem-disabled-hover-background-color: rgba(224, 224, 230, 0.4);
|
|
|
|
|
|
|
|
--menu-disabled-color: rgba(21, 20, 26, 0.4);
|
|
|
|
|
|
|
|
--menu-border-color: #cfcfd8;
|
|
|
|
|
|
|
|
--menu-icon-opacity: 0.7;
|
|
|
|
|
|
|
|
/* Declare menu colors for dark themes, but don't override anything yet. */
|
|
|
|
|
|
|
|
--dark-menuitem-hover-background-color: #52525e;
|
|
|
|
|
|
|
|
--dark-menu-background-color: #2b2a33;
|
|
|
|
|
|
|
|
--dark-menu-color: #fbfbfe;
|
|
|
|
|
|
|
|
--dark-menuitem-disabled-hover-background-color: rgba(82, 82, 94, 0.4);
|
|
|
|
|
|
|
|
--dark-menu-disabled-color: rgba(251, 251, 254, 0.4);
|
|
|
|
|
|
|
|
--dark-menu-border-color: #5b5b66;
|
|
|
|
|
|
|
|
--dark-menu-icon-opacity: 1;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Override the menu color variables for dark browser themes. */
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (-moz-windows-non-native-menus) and (-moz-toolbar-prefers-color-scheme: dark),
|
|
|
|
|
|
|
|
(-moz-windows-non-native-menus) and (prefers-color-scheme: dark) {
|
|
|
|
|
|
|
|
:root {
|
|
|
|
|
|
|
|
--menuitem-hover-background-color: var(--dark-menuitem-hover-background-color);
|
|
|
|
|
|
|
|
--menu-background-color: var(--dark-menu-background-color);
|
|
|
|
|
|
|
|
--menu-color: var(--dark-menu-color);
|
|
|
|
|
|
|
|
--menuitem-disabled-hover-background-color: var(--dark-menuitem-disabled-hover-background-color);
|
|
|
|
|
|
|
|
--menu-disabled-color: var(--dark-menu-disabled-color);
|
|
|
|
|
|
|
|
--menu-border-color: var(--dark-menu-border-color);
|
|
|
|
|
|
|
|
--menu-icon-opacity: var(--dark-menu-icon-opacity);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/*= OS - Compatibility =======================================================*/
|
|
|
|
/*= OS - Compatibility =======================================================*/
|
|
|
|
@supports -moz-bool-pref("userChrome.compatibility.os") {
|
|
|
|
@supports -moz-bool-pref("userChrome.compatibility.os") {
|
|
|
@ -289,7 +337,7 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*= Linux - Titlebar button at lwtheme =====================================*/
|
|
|
|
/*= Linux - Titlebar button at lwtheme =====================================*/
|
|
|
|
@supports not -moz-bool-pref("userChrome.compatiblity.os.linux_non_native_titlebar_button") {
|
|
|
|
@supports not -moz-bool-pref("userChrome.compatibility.os.linux_non_native_titlebar_button") {
|
|
|
|
.titlebar-button:-moz-lwtheme {
|
|
|
|
.titlebar-button:-moz-lwtheme {
|
|
|
|
appearance: auto !important;
|
|
|
|
appearance: auto !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -334,16 +382,29 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/*= Titlebar Container Size at maximized #384 ================================*/
|
|
|
|
/*= Titlebar Container Size at maximized #384 ================================*/
|
|
|
|
@supports -moz-bool-pref("userChrome.compatibility.os.windows_maximized") {
|
|
|
|
|
|
|
|
@media (-moz-os-version: windows-win7),
|
|
|
|
@media (-moz-os-version: windows-win7),
|
|
|
|
(-moz-platform: windows-win7),
|
|
|
|
(-moz-platform: windows-win7),
|
|
|
|
(-moz-os-version: windows-win8),
|
|
|
|
(-moz-os-version: windows-win8),
|
|
|
|
(-moz-platform: windows-win8),
|
|
|
|
(-moz-platform: windows-win8),
|
|
|
|
(-moz-os-version: windows-win10),
|
|
|
|
(-moz-os-version: windows-win10),
|
|
|
|
(-moz-platform: windows-win10) {
|
|
|
|
(-moz-platform: windows-win10) {
|
|
|
|
:root[tabsintitlebar][sizemode="maximized"] #titlebar {
|
|
|
|
@supports not -moz-bool-pref("userChrome.compatibility.os.windows_maximized") {
|
|
|
|
|
|
|
|
:root[tabsintitlebar] #titlebar {
|
|
|
|
/* -moz-default-appearance: -moz-window-titlebar */
|
|
|
|
/* -moz-default-appearance: -moz-window-titlebar */
|
|
|
|
appearance: none !important;
|
|
|
|
appearance: none !important;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (-moz-os-version: windows-win7),
|
|
|
|
|
|
|
|
(-moz-platform: windows-win7),
|
|
|
|
|
|
|
|
(-moz-os-version: windows-win8),
|
|
|
|
|
|
|
|
(-moz-platform: windows-win8) {
|
|
|
|
|
|
|
|
:root[tabsintitlebar][sizemode="maximized"] #titlebar {
|
|
|
|
|
|
|
|
padding-top: 8px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
@supports -moz-bool-pref("userChrome.compatibility.os.windows_maximized") {
|
|
|
|
|
|
|
|
:root[tabsintitlebar][sizemode="maximized"] #titlebar {
|
|
|
|
|
|
|
|
appearance: none !important;
|
|
|
|
padding-top: 8px;
|
|
|
|
padding-top: 8px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -442,16 +503,16 @@
|
|
|
|
--win-field-bgcolor: #ffffff;
|
|
|
|
--win-field-bgcolor: #ffffff;
|
|
|
|
--win-component-bgcolor: #f2f2f2;
|
|
|
|
--win-component-bgcolor: #f2f2f2;
|
|
|
|
--win-border-color: #8a8a8a;
|
|
|
|
--win-border-color: #8a8a8a;
|
|
|
|
--win-tab-seperator-color: #a3a3a3;
|
|
|
|
--win-tab-separator-color: #a3a3a3;
|
|
|
|
--win-sidebar-bgcolor: #e6e6e6;
|
|
|
|
--win-sidebar-bgcolor: #e6e6e6;
|
|
|
|
--win-sidebar-hover-bgcolor: #cfcfcf;
|
|
|
|
--win-sidebar-hover-bgcolor: #cfcfcf;
|
|
|
|
--win-sidebar-button-hover-bgcolor: #b8b8b8;
|
|
|
|
--win-sidebar-button-hover-bgcolor: #b8b8b8;
|
|
|
|
--win-sidebar-button-hover-active-bgcolor: #a3a3a3;
|
|
|
|
--win-sidebar-button-hover-active-bgcolor: #a3a3a3;
|
|
|
|
--win-button-border: #747474;
|
|
|
|
--win-button-border: #747474;
|
|
|
|
--win-shorcut-text-color: #757575;
|
|
|
|
--win-shortcut-text-color: #757575;
|
|
|
|
--win-error-color: #b31616;
|
|
|
|
--win-error-color: #b31616;
|
|
|
|
--win-red-border-color: #ff4343;
|
|
|
|
--win-red-border-color: #ff4343;
|
|
|
|
--win-accent-forground-color: AccentColorText;
|
|
|
|
--win-accent-foreground-color: AccentColorText;
|
|
|
|
--win-accent-color: color-mix(in srgb, rgba(0, 0, 0, 0.8) 10%, AccentColor);
|
|
|
|
--win-accent-color: color-mix(in srgb, rgba(0, 0, 0, 0.8) 10%, AccentColor);
|
|
|
|
--win-accent-content-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 15%, AccentColor);
|
|
|
|
--win-accent-content-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 15%, AccentColor);
|
|
|
|
--win-accent-hover-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 27%, AccentColor);
|
|
|
|
--win-accent-hover-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 27%, AccentColor);
|
|
|
@ -459,7 +520,7 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@supports -moz-bool-pref("userChrome.compatibility.accent_color") {
|
|
|
|
@supports -moz-bool-pref("userChrome.compatibility.accent_color") {
|
|
|
|
:root:not(:-moz-lwtheme) {
|
|
|
|
:root:not(:-moz-lwtheme) {
|
|
|
|
--win-accent-forground-color: -moz-accent-color-foreground;
|
|
|
|
--win-accent-foreground-color: -moz-accent-color-foreground;
|
|
|
|
--win-accent-color: color-mix(in srgb, rgba(0, 0, 0, 0.8) 10%, -moz-accent-color);
|
|
|
|
--win-accent-color: color-mix(in srgb, rgba(0, 0, 0, 0.8) 10%, -moz-accent-color);
|
|
|
|
--win-accent-content-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 15%, -moz-accent-color);
|
|
|
|
--win-accent-content-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 15%, -moz-accent-color);
|
|
|
|
--win-accent-hover-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 27%, -moz-accent-color);
|
|
|
|
--win-accent-hover-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 27%, -moz-accent-color);
|
|
|
@ -483,13 +544,13 @@
|
|
|
|
--win-field-bgcolor: #373737;
|
|
|
|
--win-field-bgcolor: #373737;
|
|
|
|
--win-component-bgcolor: #171717;
|
|
|
|
--win-component-bgcolor: #171717;
|
|
|
|
--win-border-color: #5b5b5b;
|
|
|
|
--win-border-color: #5b5b5b;
|
|
|
|
--win-tab-seperator-color: #555555;
|
|
|
|
--win-tab-separator-color: #555555;
|
|
|
|
--win-sidebar-bgcolor: #1f1f1f;
|
|
|
|
--win-sidebar-bgcolor: #1f1f1f;
|
|
|
|
--win-sidebar-hover-bgcolor: #353535;
|
|
|
|
--win-sidebar-hover-bgcolor: #353535;
|
|
|
|
--win-sidebar-button-hover-bgcolor: #353535;
|
|
|
|
--win-sidebar-button-hover-bgcolor: #353535;
|
|
|
|
--win-sidebar-button-hover-active-bgcolor: #4c4c4c;
|
|
|
|
--win-sidebar-button-hover-active-bgcolor: #4c4c4c;
|
|
|
|
--win-button-border: #8f8f8f;
|
|
|
|
--win-button-border: #8f8f8f;
|
|
|
|
--win-shorcut-text-color: #adadad;
|
|
|
|
--win-shortcut-text-color: #adadad;
|
|
|
|
--win-error-color: #ffb900;
|
|
|
|
--win-error-color: #ffb900;
|
|
|
|
--win-red-border-color: #ff4343;
|
|
|
|
--win-red-border-color: #ff4343;
|
|
|
|
--win-accent-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 20%, AccentColor);
|
|
|
|
--win-accent-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 20%, AccentColor);
|
|
|
@ -531,8 +592,8 @@
|
|
|
|
--panel-disabled-color: var(--win-disabled-color) !important;
|
|
|
|
--panel-disabled-color: var(--win-disabled-color) !important;
|
|
|
|
--download-progress-paused-color: var(--win-disabled-color) !important;
|
|
|
|
--download-progress-paused-color: var(--win-disabled-color) !important;
|
|
|
|
/* Text Shortcut Color */
|
|
|
|
/* Text Shortcut Color */
|
|
|
|
--panel-shortcut-color: var(--win-shorcut-text-color) !important;
|
|
|
|
--panel-shortcut-color: var(--win-shortcut-text-color) !important;
|
|
|
|
--panel-description-color: var(--win-shorcut-text-color) !important;
|
|
|
|
--panel-description-color: var(--win-shortcut-text-color) !important;
|
|
|
|
/* Title Background */
|
|
|
|
/* Title Background */
|
|
|
|
--lwt-accent-color: var(--win-bgcolor) !important;
|
|
|
|
--lwt-accent-color: var(--win-bgcolor) !important;
|
|
|
|
--toolbar-field-border-color: var(--win-bgcolor) !important;
|
|
|
|
--toolbar-field-border-color: var(--win-bgcolor) !important;
|
|
|
@ -544,9 +605,9 @@
|
|
|
|
--arrowpanel-background: var(--win-component-bgcolor) !important;
|
|
|
|
--arrowpanel-background: var(--win-component-bgcolor) !important;
|
|
|
|
--autocomplete-popup-background: var(--win-component-bgcolor) !important;
|
|
|
|
--autocomplete-popup-background: var(--win-component-bgcolor) !important;
|
|
|
|
/* Border Color */
|
|
|
|
/* Border Color */
|
|
|
|
/* Seperator */
|
|
|
|
/* Separator */
|
|
|
|
--toolbarseparator-color: var(--win-tab-seperator-color) !important;
|
|
|
|
--toolbarseparator-color: var(--win-tab-separator-color) !important;
|
|
|
|
/* Field Backround Color */
|
|
|
|
/* Field Background Color */
|
|
|
|
--input-bgcolor: var(--win-field-bgcolor) !important;
|
|
|
|
--input-bgcolor: var(--win-field-bgcolor) !important;
|
|
|
|
--toolbar-field-background-color: var(--win-field-bgcolor) !important;
|
|
|
|
--toolbar-field-background-color: var(--win-field-bgcolor) !important;
|
|
|
|
--toolbar-field-focus-background-color: var(--win-field-bgcolor) !important;
|
|
|
|
--toolbar-field-focus-background-color: var(--win-field-bgcolor) !important;
|
|
|
@ -578,9 +639,9 @@
|
|
|
|
--checkbox-border-color: var(--win-button-border) !important;
|
|
|
|
--checkbox-border-color: var(--win-button-border) !important;
|
|
|
|
--input-border-color: var(--win-button-border) !important;
|
|
|
|
--input-border-color: var(--win-button-border) !important;
|
|
|
|
--autocomplete-popup-separator-color: var(--win-button-border) !important;
|
|
|
|
--autocomplete-popup-separator-color: var(--win-button-border) !important;
|
|
|
|
/* Accent Forground Color */
|
|
|
|
/* Accent Foreground Color */
|
|
|
|
--button-primary-color: var(--win-accent-forground-color) !important;
|
|
|
|
--button-primary-color: var(--win-accent-foreground-color) !important;
|
|
|
|
--checkbox-checked-color: var(--win-accent-forground-color) !important;
|
|
|
|
--checkbox-checked-color: var(--win-accent-foreground-color) !important;
|
|
|
|
/* Accent Color */
|
|
|
|
/* Accent Color */
|
|
|
|
--button-primary-bgcolor: var(--win-accent-color) !important;
|
|
|
|
--button-primary-bgcolor: var(--win-accent-color) !important;
|
|
|
|
--focus-outline-color: var(--win-accent-color) !important;
|
|
|
|
--focus-outline-color: var(--win-accent-color) !important;
|
|
|
@ -853,11 +914,11 @@
|
|
|
|
/* Selected Background Color */
|
|
|
|
/* Selected Background Color */
|
|
|
|
--toolbar-bgcolor: var(--mac-selected-bgcolor) !important;
|
|
|
|
--toolbar-bgcolor: var(--mac-selected-bgcolor) !important;
|
|
|
|
--toolbar-non-lwt-bgcolor: var(--mac-selected-bgcolor) !important;
|
|
|
|
--toolbar-non-lwt-bgcolor: var(--mac-selected-bgcolor) !important;
|
|
|
|
/* Field Backround Color */
|
|
|
|
/* Field Background Color */
|
|
|
|
--input-bgcolor: var(--mac-field-bgcolor) !important;
|
|
|
|
--input-bgcolor: var(--mac-field-bgcolor) !important;
|
|
|
|
--toolbar-field-background-color: var(--mac-field-bgcolor) !important;
|
|
|
|
--toolbar-field-background-color: var(--mac-field-bgcolor) !important;
|
|
|
|
--tab-icon-overlay-stroke: var(--mac-field-bgcolor) !important;
|
|
|
|
--tab-icon-overlay-stroke: var(--mac-field-bgcolor) !important;
|
|
|
|
/* Panel Backround Color */
|
|
|
|
/* Panel Background Color */
|
|
|
|
--arrowpanel-background: var(--mac-panel-bgcolor) !important;
|
|
|
|
--arrowpanel-background: var(--mac-panel-bgcolor) !important;
|
|
|
|
/* Hover Background Color */
|
|
|
|
/* Hover Background Color */
|
|
|
|
--menuitem-hover-background-color: var(--mac-hover-bgcolor) !important;
|
|
|
|
--menuitem-hover-background-color: var(--mac-hover-bgcolor) !important;
|
|
|
@ -894,7 +955,7 @@
|
|
|
|
--input-border-color: var(--mac-bgcolor) !important;
|
|
|
|
--input-border-color: var(--mac-bgcolor) !important;
|
|
|
|
--autocomplete-popup-separator-color: var(--mac-bgcolor) !important;
|
|
|
|
--autocomplete-popup-separator-color: var(--mac-bgcolor) !important;
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
/* Accent Color Forground */
|
|
|
|
/* Accent Color Foreground */
|
|
|
|
--button-primary-color: var(--mac-primary-button-color) !important;
|
|
|
|
--button-primary-color: var(--mac-primary-button-color) !important;
|
|
|
|
--checkbox-checked-color: var(--mac-primary-button-color) !important;
|
|
|
|
--checkbox-checked-color: var(--mac-primary-button-color) !important;
|
|
|
|
/* Accent Color */
|
|
|
|
/* Accent Color */
|
|
|
@ -1310,14 +1371,14 @@
|
|
|
|
html#main-window menupopup:not(.in-menulist) menuseparator {
|
|
|
|
html#main-window menupopup:not(.in-menulist) menuseparator {
|
|
|
|
border-top: 1px solid var(--menu-border-color);
|
|
|
|
border-top: 1px solid var(--menu-border-color);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
html#main-window menupopup menu[disabled="true"],
|
|
|
|
html#main-window menupopup:not(.in-menulist) menu[disabled="true"],
|
|
|
|
html#main-window menupopup menu[_moz-menuactive="true"][disabled="true"],
|
|
|
|
html#main-window menupopup:not(.in-menulist) menu[_moz-menuactive="true"][disabled="true"],
|
|
|
|
html#main-window menupopup menuitem[disabled="true"],
|
|
|
|
html#main-window menupopup:not(.in-menulist) menuitem[disabled="true"],
|
|
|
|
html#main-window menupopup menuitem[_moz-menuactive="true"][disabled="true"] {
|
|
|
|
html#main-window menupopup:not(.in-menulist) menuitem[_moz-menuactive="true"][disabled="true"] {
|
|
|
|
color: var(--menu-disabled-color) !important;
|
|
|
|
color: var(--menu-disabled-color) !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
html#main-window menupopup menu[_moz-menuactive="true"]:not([disabled="true"]),
|
|
|
|
html#main-window menupopup:not(.in-menulist) menu[_moz-menuactive="true"]:not([disabled="true"]),
|
|
|
|
html#main-window menupopup menuitem[_moz-menuactive="true"]:not([disabled="true"]) {
|
|
|
|
html#main-window menupopup:not(.in-menulist) menuitem[_moz-menuactive="true"]:not([disabled="true"]) {
|
|
|
|
background-color: var(--menuitem-hover-background-color) !important;
|
|
|
|
background-color: var(--menuitem-hover-background-color) !important;
|
|
|
|
color: var(--menu-color) !important;
|
|
|
|
color: var(--menu-color) !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -1339,6 +1400,12 @@
|
|
|
|
background-color: transparent !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (-moz-windows-non-native-menus) and (-moz-toolbar-prefers-color-scheme: light),
|
|
|
|
|
|
|
|
(-moz-windows-non-native-menus) and (prefers-color-scheme: light) {
|
|
|
|
|
|
|
|
:root[style*="background-noodles-right"] menupopup {
|
|
|
|
|
|
|
|
--toolbarbutton-hover-background: rgba(232, 224, 255, 0.11999999731779099) !important;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
@media not all and (-moz-gtk-csd-available) {
|
|
|
|
@media not all and (-moz-gtk-csd-available) {
|
|
|
|
window:is(#bookmarksPanel, #history-panel)[lwt-sidebar="true"] menupopup {
|
|
|
|
window:is(#bookmarksPanel, #history-panel)[lwt-sidebar="true"] menupopup {
|
|
|
|
--panel-color: var(--lwt-sidebar-text-color, var(--menu-color)) !important;
|
|
|
|
--panel-color: var(--lwt-sidebar-text-color, var(--menu-color)) !important;
|
|
|
@ -1378,7 +1445,7 @@
|
|
|
|
window:is(#bookmarksPanel, #history-panel)[style*="--newtab-background-color: rgba(43, 42, 51, 1);"] menupopup {
|
|
|
|
window:is(#bookmarksPanel, #history-panel)[style*="--newtab-background-color: rgba(43, 42, 51, 1);"] menupopup {
|
|
|
|
/* Default Dark Mode */
|
|
|
|
/* Default Dark Mode */
|
|
|
|
--panel-color: var(--menu-color) !important;
|
|
|
|
--panel-color: var(--menu-color) !important;
|
|
|
|
--panel-background: var(--menu-background-color) !important;
|
|
|
|
--panel-background: var(--menu-background-color, -moz-menuhover) !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/*== Info Bar Color ==========================================================*/
|
|
|
|
/*== Info Bar Color ==========================================================*/
|
|
|
@ -1531,6 +1598,29 @@
|
|
|
|
background-color: var(--arrowpanel-dimmed-further, rgba(204, 204, 204, 0.5)) !important;
|
|
|
|
background-color: var(--arrowpanel-dimmed-further, rgba(204, 204, 204, 0.5)) !important;
|
|
|
|
/* Original: hsla(0,0%,80%,.5), match arrowpanel-dimmed-further */
|
|
|
|
/* Original: hsla(0,0%,80%,.5), match arrowpanel-dimmed-further */
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* New Folder Button */
|
|
|
|
|
|
|
|
#editBMPanel_newFolderButton {
|
|
|
|
|
|
|
|
appearance: none;
|
|
|
|
|
|
|
|
border: 0;
|
|
|
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
|
|
|
background-color: var(--button-bgcolor);
|
|
|
|
|
|
|
|
color: var(--button-color, inherit);
|
|
|
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
|
|
|
min-width: 0;
|
|
|
|
|
|
|
|
padding: 8px 16px;
|
|
|
|
|
|
|
|
/* This button is deeper in the visual hierarchy than others (notably the
|
|
|
|
|
|
|
|
buttons at the bottom of the panel), so it should be slightly smaller. */
|
|
|
|
|
|
|
|
font-size: 90%;
|
|
|
|
|
|
|
|
/* This button needs to align with the tree above it. */
|
|
|
|
|
|
|
|
margin-inline-start: 4px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
#editBMPanel_newFolderButton:hover {
|
|
|
|
|
|
|
|
background-color: var(--button-hover-bgcolor);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
#editBMPanel_newFolderButton:hover:active {
|
|
|
|
|
|
|
|
background-color: var(--button-active-bgcolor);
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/*= Fully Dark Mode ==========================================================*/
|
|
|
|
/*= Fully Dark Mode ==========================================================*/
|
|
|
|
@supports -moz-bool-pref("userChrome.theme.fully_dark") {
|
|
|
|
@supports -moz-bool-pref("userChrome.theme.fully_dark") {
|
|
|
@ -2259,7 +2349,7 @@
|
|
|
|
border-radius: 4px !important;
|
|
|
|
border-radius: 4px !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/*= Cert Exeption Dialog =====================================================*/
|
|
|
|
/*= Cert Exception Dialog ====================================================*/
|
|
|
|
@-moz-document url("chrome://pippki/content/exceptionDialog.xhtml")
|
|
|
|
@-moz-document url("chrome://pippki/content/exceptionDialog.xhtml")
|
|
|
|
{
|
|
|
|
{
|
|
|
|
#locationTextBox {
|
|
|
|
#locationTextBox {
|
|
|
@ -2277,13 +2367,13 @@
|
|
|
|
border-color: transparent !important;
|
|
|
|
border-color: transparent !important;
|
|
|
|
outline: 2px solid var(--in-content-focus-outline-color) !important;
|
|
|
|
outline: 2px solid var(--in-content-focus-outline-color) !important;
|
|
|
|
outline-offset: -1px !important;
|
|
|
|
outline-offset: -1px !important;
|
|
|
|
/* Prevents antialising around the corners */
|
|
|
|
/* Prevents antialiasing around the corners */
|
|
|
|
}
|
|
|
|
}
|
|
|
|
#locationTextBox:-moz-ui-invalid {
|
|
|
|
#locationTextBox:-moz-ui-invalid {
|
|
|
|
border-color: transparent !important;
|
|
|
|
border-color: transparent !important;
|
|
|
|
outline: 2px solid var(--in-content-border-invalid) !important;
|
|
|
|
outline: 2px solid var(--in-content-border-invalid) !important;
|
|
|
|
outline-offset: -1px !important;
|
|
|
|
outline-offset: -1px !important;
|
|
|
|
/* Prevents antialising around the corners */
|
|
|
|
/* Prevents antialiasing around the corners */
|
|
|
|
}
|
|
|
|
}
|
|
|
|
#locationTextBox:disabled {
|
|
|
|
#locationTextBox:disabled {
|
|
|
|
opacity: 0.4 !important;
|
|
|
|
opacity: 0.4 !important;
|
|
|
@ -2720,6 +2810,10 @@
|
|
|
|
treechildren::-moz-tree-separator(selected) {
|
|
|
|
treechildren::-moz-tree-separator(selected) {
|
|
|
|
border-color: var(--organizer-selected-color) !important;
|
|
|
|
border-color: var(--organizer-selected-color) !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
treechildren::-moz-tree-cell-text(primary, dropOn),
|
|
|
|
|
|
|
|
treechildren::-moz-tree-drop-feedback {
|
|
|
|
|
|
|
|
background-color: var(--organizer-outline-color) !important;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*- Info Box -------------------------------------------------------------*/
|
|
|
|
/*- Info Box -------------------------------------------------------------*/
|
|
|
|
#detailsPane {
|
|
|
|
#detailsPane {
|
|
|
@ -3061,7 +3155,7 @@
|
|
|
|
from {
|
|
|
|
from {
|
|
|
|
margin-top: 0;
|
|
|
|
margin-top: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/* Dont' use `to`: Depending on density */
|
|
|
|
/* Don't use `to`: Depending on density */
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/*- Expand - Synced Tabs ---------------------------------------------------*/
|
|
|
|
/*- Expand - Synced Tabs ---------------------------------------------------*/
|
|
|
|
@-moz-document url("chrome://browser/content/syncedtabs/sidebar.xhtml")
|
|
|
|
@-moz-document url("chrome://browser/content/syncedtabs/sidebar.xhtml")
|
|
|
@ -3137,7 +3231,7 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@supports -moz-bool-pref("userChrome.rounding.square_tab") or -moz-bool-pref("userChrome.round.square_button") {
|
|
|
|
@supports -moz-bool-pref("userChrome.rounding.square_tab") or -moz-bool-pref("userChrome.round.square_button") {
|
|
|
|
/* Fix Tab bar button radious */
|
|
|
|
/* Fix Tab bar button radius */
|
|
|
|
#TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-icon,
|
|
|
|
#TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-icon,
|
|
|
|
#TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-text,
|
|
|
|
#TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-text,
|
|
|
|
#TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-badge-stack,
|
|
|
|
#TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-badge-stack,
|
|
|
@ -3214,13 +3308,21 @@
|
|
|
|
@supports -moz-bool-pref("userChrome.padding.first_tab") {
|
|
|
|
@supports -moz-bool-pref("userChrome.padding.first_tab") {
|
|
|
|
/* for First Tab Space */
|
|
|
|
/* for First Tab Space */
|
|
|
|
:root {
|
|
|
|
:root {
|
|
|
|
--space-left-tabbar: 8px;
|
|
|
|
--uc-space-left-tabbar: 8px;
|
|
|
|
/* If the option is not specified, it is equivalent to 0px. */
|
|
|
|
/* If the option is not specified, it is equivalent to 0px. */
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@supports not -moz-bool-pref("userChrome.padding.first_tab.always") {
|
|
|
|
:root:not([tabsintitlebar]) #tabbrowser-tabs:not([positionpinnedtabs]),
|
|
|
|
:root:not([tabsintitlebar]) #tabbrowser-tabs:not([positionpinnedtabs]),
|
|
|
|
:root:is([sizemode="maximized"], [sizemode="fullscreen"]) #tabbrowser-tabs:not([positionpinnedtabs]) {
|
|
|
|
:root:is([sizemode="maximized"], [sizemode="fullscreen"]) #tabbrowser-tabs:not([positionpinnedtabs]) {
|
|
|
|
padding-inline-start: var(--space-left-tabbar) !important;
|
|
|
|
padding-inline-start: var(--uc-space-left-tabbar) !important;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
@supports -moz-bool-pref("userChrome.padding.first_tab.always") {
|
|
|
|
|
|
|
|
:root:not([tabsintitlebar]) #tabbrowser-tabs,
|
|
|
|
|
|
|
|
:root:is([sizemode="maximized"], [sizemode="fullscreen"]) #tabbrowser-tabs {
|
|
|
|
|
|
|
|
padding-inline-start: calc(var(--tab-overflow-pinned-tabs-width, 0px) + var(--uc-space-left-tabbar)) !important;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@supports -moz-bool-pref("userChrome.padding.tabbar_width") {
|
|
|
|
@supports -moz-bool-pref("userChrome.padding.tabbar_width") {
|
|
|
@ -3371,7 +3473,7 @@
|
|
|
|
padding-inline: 1px !important;
|
|
|
|
padding-inline: 1px !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.tabbrowser-tab:not([last-visible-tab]) {
|
|
|
|
#TabsToolbar:not([multibar]) .tabbrowser-tab:not([last-visible-tab]) {
|
|
|
|
margin-inline-end: -1px !important;
|
|
|
|
margin-inline-end: -1px !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -3385,18 +3487,18 @@
|
|
|
|
@supports -moz-bool-pref("userChrome.padding.drag_space") {
|
|
|
|
@supports -moz-bool-pref("userChrome.padding.drag_space") {
|
|
|
|
/* for Extra Drag Space */
|
|
|
|
/* for Extra Drag Space */
|
|
|
|
:root {
|
|
|
|
:root {
|
|
|
|
--space-above-tabbar: 8px;
|
|
|
|
--uc-space-above-tabbar: 8px;
|
|
|
|
/* If the option is not specified, it is equivalent to 0px. */
|
|
|
|
/* If the option is not specified, it is equivalent to 0px. */
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
|
|
|
|
@media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
|
|
|
|
:root[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"] {
|
|
|
|
:root[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"] {
|
|
|
|
height: calc(var(--tab-min-height) + var(--space-above-tabbar) - var(--tabs-navbar-shadow-size));
|
|
|
|
height: calc(var(--tab-min-height) + var(--uc-space-above-tabbar) - var(--tabs-navbar-shadow-size));
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@supports -moz-bool-pref("userChrome.padding.drag_space.maximized") {
|
|
|
|
@supports -moz-bool-pref("userChrome.padding.drag_space.maximized") {
|
|
|
|
:root[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"] {
|
|
|
|
:root[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"] {
|
|
|
|
height: calc(var(--tab-min-height) + var(--space-above-tabbar) - var(--tabs-navbar-shadow-size));
|
|
|
|
height: calc(var(--tab-min-height) + var(--uc-space-above-tabbar) - var(--tabs-navbar-shadow-size));
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -3406,18 +3508,18 @@
|
|
|
|
(-moz-platform: windows-win8),
|
|
|
|
(-moz-platform: windows-win8),
|
|
|
|
(-moz-gtk-csd-available) {
|
|
|
|
(-moz-gtk-csd-available) {
|
|
|
|
:root[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"] {
|
|
|
|
:root[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"] {
|
|
|
|
height: calc(var(--tab-min-height) + var(--space-above-tabbar));
|
|
|
|
height: calc(var(--tab-min-height) + var(--uc-space-above-tabbar));
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@supports -moz-bool-pref("userChrome.padding.drag_space.maximized") {
|
|
|
|
@supports -moz-bool-pref("userChrome.padding.drag_space.maximized") {
|
|
|
|
:root[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"] {
|
|
|
|
:root[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"] {
|
|
|
|
height: calc(var(--tab-min-height) + var(--space-above-tabbar));
|
|
|
|
height: calc(var(--tab-min-height) + var(--uc-space-above-tabbar));
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
|
|
|
|
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
|
|
|
|
#TabsToolbar > .toolbar-items {
|
|
|
|
#TabsToolbar > .toolbar-items {
|
|
|
|
padding-top: var(--space-above-tabbar) !important;
|
|
|
|
padding-top: var(--uc-space-above-tabbar) !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@media (-moz-os-version: windows-win7), (-moz-platform: windows-win7) {
|
|
|
|
@media (-moz-os-version: windows-win7), (-moz-platform: windows-win7) {
|
|
|
@ -3425,13 +3527,13 @@
|
|
|
|
/* Add extra space to titlebar for dragging */
|
|
|
|
/* Add extra space to titlebar for dragging */
|
|
|
|
:root[sizemode="normal"][chromehidden~="menubar"] #TabsToolbar > .toolbar-items,
|
|
|
|
:root[sizemode="normal"][chromehidden~="menubar"] #TabsToolbar > .toolbar-items,
|
|
|
|
:root[sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar > .toolbar-items {
|
|
|
|
:root[sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar > .toolbar-items {
|
|
|
|
padding-top: calc(var(--space-above-tabbar) + 4px) !important;
|
|
|
|
padding-top: calc(var(--uc-space-above-tabbar) + 4px) !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@supports -moz-bool-pref("userChrome.padding.drag_space.maximized") {
|
|
|
|
@supports -moz-bool-pref("userChrome.padding.drag_space.maximized") {
|
|
|
|
:root[sizemode="maximized"][chromehidden~="menubar"] #TabsToolbar > .toolbar-items,
|
|
|
|
:root[sizemode="maximized"][chromehidden~="menubar"] #TabsToolbar > .toolbar-items,
|
|
|
|
:root[sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar > .toolbar-items {
|
|
|
|
:root[sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar > .toolbar-items {
|
|
|
|
padding-top: calc(var(--space-above-tabbar) + 4px) !important;
|
|
|
|
padding-top: calc(var(--uc-space-above-tabbar) + 4px) !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -3443,13 +3545,13 @@
|
|
|
|
/* Add extra space to titlebar for dragging */
|
|
|
|
/* Add extra space to titlebar for dragging */
|
|
|
|
:root[sizemode="normal"][chromehidden~="menubar"] #TabsToolbar > .toolbar-items,
|
|
|
|
:root[sizemode="normal"][chromehidden~="menubar"] #TabsToolbar > .toolbar-items,
|
|
|
|
:root[sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar > .toolbar-items {
|
|
|
|
:root[sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar > .toolbar-items {
|
|
|
|
padding-top: var(--space-above-tabbar) !important;
|
|
|
|
padding-top: var(--uc-space-above-tabbar) !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@supports -moz-bool-pref("userChrome.padding.drag_space.maximized") {
|
|
|
|
@supports -moz-bool-pref("userChrome.padding.drag_space.maximized") {
|
|
|
|
:root[sizemode="maximized"][chromehidden~="menubar"] #TabsToolbar > .toolbar-items,
|
|
|
|
:root[sizemode="maximized"][chromehidden~="menubar"] #TabsToolbar > .toolbar-items,
|
|
|
|
:root[sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar > .toolbar-items {
|
|
|
|
:root[sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar > .toolbar-items {
|
|
|
|
padding-top: var(--space-above-tabbar) !important;
|
|
|
|
padding-top: var(--uc-space-above-tabbar) !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -3496,21 +3598,45 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
:root {
|
|
|
|
|
|
|
|
/* Works with TabMixPlus */
|
|
|
|
|
|
|
|
--tab-min-height_mlt: calc(
|
|
|
|
|
|
|
|
var(--tab-min-height) + 2 * (var(--tab-block-margin, var(--proton-tab-block-margin, 0px)))
|
|
|
|
|
|
|
|
) !important;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#TabsToolbar[multibar] .tabbrowser-tab {
|
|
|
|
|
|
|
|
height: unset !important;
|
|
|
|
|
|
|
|
/* Original: var(--tab-min-height_mlt) */
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@supports -moz-bool-pref("userChrome.tab.connect_to_window") {
|
|
|
|
@supports -moz-bool-pref("userChrome.tab.connect_to_window") {
|
|
|
|
|
|
|
|
:root {
|
|
|
|
|
|
|
|
--tab-min-height_mlt: calc(
|
|
|
|
|
|
|
|
var(--tab-min-height) + var(--tab-block-margin, var(--proton-tab-block-margin, 0px))
|
|
|
|
|
|
|
|
) !important;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#TabsToolbar {
|
|
|
|
#TabsToolbar {
|
|
|
|
--toolbarbutton-inner-padding: calc((var(--tab-min-height) - 18px) / 2) !important;
|
|
|
|
--toolbarbutton-inner-padding: calc((var(--tab-min-height) - 18px) / 2) !important;
|
|
|
|
/* Prevent overflow pinned tab bottom margin */
|
|
|
|
/* Prevent overflow pinned tab bottom margin */
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
:root:not([uidensity="compact"]) #tabbrowser-arrowscrollbox,
|
|
|
|
:root:not([uidensity="compact"]) #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox,
|
|
|
|
#tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"],
|
|
|
|
#TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"],
|
|
|
|
#tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-stack,
|
|
|
|
#TabsToolbar:not([multibar])
|
|
|
|
#tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-content {
|
|
|
|
#tabbrowser-arrowscrollbox[overflowing="true"]
|
|
|
|
|
|
|
|
> .tabbrowser-tab[pinned="true"]
|
|
|
|
|
|
|
|
.tab-stack,
|
|
|
|
|
|
|
|
#TabsToolbar:not([multibar])
|
|
|
|
|
|
|
|
#tabbrowser-arrowscrollbox[overflowing="true"]
|
|
|
|
|
|
|
|
> .tabbrowser-tab[pinned="true"]
|
|
|
|
|
|
|
|
.tab-content {
|
|
|
|
max-height: var(--tab-min-height) !important;
|
|
|
|
max-height: var(--tab-min-height) !important;
|
|
|
|
/* Force apply height */
|
|
|
|
/* Force apply height */
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
:root[uidensity="compact"] #tabbrowser-arrowscrollbox {
|
|
|
|
:root[uidensity="compact"] #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox {
|
|
|
|
height: var(--tab-min-height) !important;
|
|
|
|
height: var(--tab-min-height) !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -4000,7 +4126,7 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/*= Tabbar - Hidden at singgle tab ===========================================*/
|
|
|
|
/*= Tabbar - Hidden at single tab ===========================================*/
|
|
|
|
@supports -moz-bool-pref("userChrome.tabbar.on_bottom.hidden_single_tab") {
|
|
|
|
@supports -moz-bool-pref("userChrome.tabbar.on_bottom.hidden_single_tab") {
|
|
|
|
#tabbrowser-tabs .tabbrowser-tab:only-of-type {
|
|
|
|
#tabbrowser-tabs .tabbrowser-tab:only-of-type {
|
|
|
|
display: none !important;
|
|
|
|
display: none !important;
|
|
|
@ -4150,7 +4276,7 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/*= Tabbar - Hidden at singgle tab ===========================================*/
|
|
|
|
/*= Tabbar - Hidden at single tab ===========================================*/
|
|
|
|
@supports -moz-bool-pref("userChrome.tabbar.on_bottom.hidden_single_tab") {
|
|
|
|
@supports -moz-bool-pref("userChrome.tabbar.on_bottom.hidden_single_tab") {
|
|
|
|
#tabbrowser-tabs .tabbrowser-tab:only-of-type {
|
|
|
|
#tabbrowser-tabs .tabbrowser-tab:only-of-type {
|
|
|
|
display: none !important;
|
|
|
|
display: none !important;
|
|
|
@ -4292,6 +4418,7 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#navigator-toolbox {
|
|
|
|
#navigator-toolbox {
|
|
|
|
|
|
|
|
position: relative;
|
|
|
|
z-index: 2;
|
|
|
|
z-index: 2;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -4335,7 +4462,9 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
#urlbar-container {
|
|
|
|
#urlbar-container {
|
|
|
|
min-width: calc(24px + 2 * var(--toolbarbutton-inner-padding)) !important;
|
|
|
|
min-width: calc(
|
|
|
|
|
|
|
|
var(--uc-oneliner-urlbar-base-width, 50px) + 24px + 2 * var(--toolbarbutton-inner-padding)
|
|
|
|
|
|
|
|
) !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#PersonalToolbar {
|
|
|
|
#PersonalToolbar {
|
|
|
@ -4406,6 +4535,7 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#navigator-toolbox {
|
|
|
|
#navigator-toolbox {
|
|
|
|
|
|
|
|
position: relative;
|
|
|
|
z-index: 2;
|
|
|
|
z-index: 2;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -4449,7 +4579,9 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
#urlbar-container {
|
|
|
|
#urlbar-container {
|
|
|
|
min-width: calc(24px + 2 * var(--toolbarbutton-inner-padding)) !important;
|
|
|
|
min-width: calc(
|
|
|
|
|
|
|
|
var(--uc-oneliner-urlbar-base-width, 50px) + 24px + 2 * var(--toolbarbutton-inner-padding)
|
|
|
|
|
|
|
|
) !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#PersonalToolbar {
|
|
|
|
#PersonalToolbar {
|
|
|
@ -6040,7 +6172,7 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/** Tab UI ****************************************************************/
|
|
|
|
/** Tab UI ********************************************************************/
|
|
|
|
/*= Tab - Connect to window ==============================================*/
|
|
|
|
/*= Tab - Connect to window ==============================================*/
|
|
|
|
@supports -moz-bool-pref("userChrome.tab.connect_to_window") {
|
|
|
|
@supports -moz-bool-pref("userChrome.tab.connect_to_window") {
|
|
|
|
.tab-background {
|
|
|
|
.tab-background {
|
|
|
@ -6062,7 +6194,7 @@
|
|
|
|
z-index: 1 !important;
|
|
|
|
z-index: 1 !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#TabsToolbar {
|
|
|
|
#TabsToolbar:not([multibar]) {
|
|
|
|
overflow: hidden;
|
|
|
|
overflow: hidden;
|
|
|
|
/* Prevent toolbar area over */
|
|
|
|
/* Prevent toolbar area over */
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -6141,7 +6273,7 @@
|
|
|
|
.tabbrowser-tab[visuallyselected="true"]:not(:focus)
|
|
|
|
.tabbrowser-tab[visuallyselected="true"]:not(:focus)
|
|
|
|
> .tab-stack
|
|
|
|
> .tab-stack
|
|
|
|
> .tab-background:-moz-lwtheme {
|
|
|
|
> .tab-background:-moz-lwtheme {
|
|
|
|
/* Origina: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9))
|
|
|
|
/* Original: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9))
|
|
|
|
Bright: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)), 0 0 4px rgba(128,128,142,0.5) */
|
|
|
|
Bright: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)), 0 0 4px rgba(128,128,142,0.5) */
|
|
|
|
box-shadow: 0 0 1px var(--toolbar-color) !important;
|
|
|
|
box-shadow: 0 0 1px var(--toolbar-color) !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -6253,7 +6385,7 @@
|
|
|
|
/* Fill color for GTK */
|
|
|
|
/* Fill color for GTK */
|
|
|
|
:root:not([customizing="true"]):not([lwtheme="true"]) tab[visuallyselected] > stack::before,
|
|
|
|
:root:not([customizing="true"]):not([lwtheme="true"]) tab[visuallyselected] > stack::before,
|
|
|
|
:root:not([customizing="true"]):not([lwtheme="true"]) tab[visuallyselected] > stack::after {
|
|
|
|
:root:not([customizing="true"]):not([lwtheme="true"]) tab[visuallyselected] > stack::after {
|
|
|
|
/* As GTK Toolbar's background-color + backround-image
|
|
|
|
/* As GTK Toolbar's background-color + background-image
|
|
|
|
* --toolbar-non-lwt-bgcolor: -moz-dialog;
|
|
|
|
* --toolbar-non-lwt-bgcolor: -moz-dialog;
|
|
|
|
* --toolbar-non-lwt-bgimage: linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15));
|
|
|
|
* --toolbar-non-lwt-bgimage: linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15));
|
|
|
|
*/
|
|
|
|
*/
|
|
|
@ -6329,7 +6461,7 @@
|
|
|
|
background-color: rgba(255, 255, 255, 0.2) !important;
|
|
|
|
background-color: rgba(255, 255, 255, 0.2) !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Prevent identitiy color flashing */
|
|
|
|
/* Prevent identity color flashing */
|
|
|
|
.tabbrowser-tab[usercontextid] .tab-context-line {
|
|
|
|
.tabbrowser-tab[usercontextid] .tab-context-line {
|
|
|
|
--identity-icon-color: none;
|
|
|
|
--identity-icon-color: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -6379,7 +6511,7 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/*= Unselected Tab - Divide line =============================================*/
|
|
|
|
/*= Unselected Tab - Divide line =============================================*/
|
|
|
|
/*= Unselected Tab - Dynamic Separator =======================================*/
|
|
|
|
/*= Unselected Tab - Dynamic Separator =======================================*/
|
|
|
|
@supports -moz-bool-pref("userChrome.tab.dynamic_separtor") {
|
|
|
|
@supports -moz-bool-pref("userChrome.tab.dynamic_separator") or -moz-bool-pref("userChrome.tab.dynamic_separtor") {
|
|
|
|
#tabbrowser-arrowscrollbox {
|
|
|
|
#tabbrowser-arrowscrollbox {
|
|
|
|
--start-tab-separator-position-x: -1.5px;
|
|
|
|
--start-tab-separator-position-x: -1.5px;
|
|
|
|
--end-tab-separator-position-x: 1.5px;
|
|
|
|
--end-tab-separator-position-x: 1.5px;
|
|
|
@ -6392,8 +6524,12 @@
|
|
|
|
--tab-separator-position-x: 2.5px;
|
|
|
|
--tab-separator-position-x: 2.5px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#tabbrowser-arrowscrollbox-periphery {
|
|
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@supports -moz-bool-pref("userChrome.tab.newtab_button_like_tab") {
|
|
|
|
@supports -moz-bool-pref("userChrome.tab.newtab_button_like_tab") {
|
|
|
|
#tabbrowser-arrowscrollbox {
|
|
|
|
#TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox {
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -6613,13 +6749,13 @@
|
|
|
|
#tabs-newtab-button {
|
|
|
|
#tabs-newtab-button {
|
|
|
|
/* Original:
|
|
|
|
/* Original:
|
|
|
|
margin: 0 0 var(--tabs-navbar-shadow-size) !important
|
|
|
|
margin: 0 0 var(--tabs-navbar-shadow-size) !important
|
|
|
|
=> Can't ovrride style. Therefore, we should approach it by bypass.
|
|
|
|
=> Can't override style. Therefore, we should approach it by bypass.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
--tabs-navbar-shadow-size: -1px;
|
|
|
|
--tabs-navbar-shadow-size: -1px;
|
|
|
|
/* Original: 1px */
|
|
|
|
/* Original: 1px */
|
|
|
|
--tabs-navbar-original-shadow-size: 1px;
|
|
|
|
--tabs-navbar-original-shadow-size: 1px;
|
|
|
|
--tab-corner-rounding: 4px;
|
|
|
|
--tab-corner-rounding: 4px;
|
|
|
|
/* Hardcorded */
|
|
|
|
/* Hardcoded */
|
|
|
|
/* Size */
|
|
|
|
/* Size */
|
|
|
|
-moz-box-align: stretch !important;
|
|
|
|
-moz-box-align: stretch !important;
|
|
|
|
padding-top: var(--tab-block-margin) !important;
|
|
|
|
padding-top: var(--tab-block-margin) !important;
|
|
|
@ -6648,27 +6784,27 @@
|
|
|
|
:root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) #tabs-newtab-button:hover,
|
|
|
|
:root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) #tabs-newtab-button:hover,
|
|
|
|
:root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover {
|
|
|
|
:root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover {
|
|
|
|
fill: color-mix(in srgb, AccentColorText 10%, transparent) !important;
|
|
|
|
fill: color-mix(in srgb, AccentColorText 10%, transparent) !important;
|
|
|
|
/* Hardcorded for compatibility */
|
|
|
|
/* Hardcoded for compatibility */
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
:root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) #tabs-newtab-button:hover:active,
|
|
|
|
:root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) #tabs-newtab-button:hover:active,
|
|
|
|
:root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover:active {
|
|
|
|
:root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover:active {
|
|
|
|
fill: color-mix(in srgb, AccentColorText 15%, transparent) !important;
|
|
|
|
fill: color-mix(in srgb, AccentColorText 15%, transparent) !important;
|
|
|
|
/* Hardcorded for compatibility */
|
|
|
|
/* Hardcoded for compatibility */
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@supports -moz-bool-pref("userChrome.compatibility.accent_color") {
|
|
|
|
@supports -moz-bool-pref("userChrome.compatibility.accent_color") {
|
|
|
|
:root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) #tabs-newtab-button:hover,
|
|
|
|
:root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) #tabs-newtab-button:hover,
|
|
|
|
:root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover {
|
|
|
|
:root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover {
|
|
|
|
fill: color-mix(in srgb, -moz-accent-color-foreground 10%, transparent) !important;
|
|
|
|
fill: color-mix(in srgb, -moz-accent-color-foreground 10%, transparent) !important;
|
|
|
|
/* Hardcorded for compatibility */
|
|
|
|
/* Hardcoded for compatibility */
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
:root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) #tabs-newtab-button:hover:active,
|
|
|
|
:root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) #tabs-newtab-button:hover:active,
|
|
|
|
:root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive)
|
|
|
|
:root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive)
|
|
|
|
#tabs-newtab-button:hover:active {
|
|
|
|
#tabs-newtab-button:hover:active {
|
|
|
|
fill: color-mix(in srgb, -moz-accent-color-foreground 15%, transparent) !important;
|
|
|
|
fill: color-mix(in srgb, -moz-accent-color-foreground 15%, transparent) !important;
|
|
|
|
/* Hardcorded for compatibility */
|
|
|
|
/* Hardcoded for compatibility */
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -6686,8 +6822,9 @@
|
|
|
|
/*= New tab button - Smaller button ==========================================*/
|
|
|
|
/*= New tab button - Smaller button ==========================================*/
|
|
|
|
@supports -moz-bool-pref("userChrome.tab.newtab_button_smaller") {
|
|
|
|
@supports -moz-bool-pref("userChrome.tab.newtab_button_smaller") {
|
|
|
|
#tabs-newtab-button > .toolbarbutton-icon {
|
|
|
|
#tabs-newtab-button > .toolbarbutton-icon {
|
|
|
|
|
|
|
|
--tab-border-radius: var(--toolbarbutton-border-radius);
|
|
|
|
margin-left: 1px;
|
|
|
|
margin-left: 1px;
|
|
|
|
/* Origianl: calc((var(--tab-min-height) - 16px) / 2) = 10px */
|
|
|
|
/* Original: calc((var(--tab-min-height) - 16px) / 2) = 10px */
|
|
|
|
--toolbarbutton-inner-padding: 6px;
|
|
|
|
--toolbarbutton-inner-padding: 6px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -7378,6 +7515,8 @@
|
|
|
|
--uc-sidebar-activate-width-reverse: calc(-1 * var(--uc-sidebar-activate-width));
|
|
|
|
--uc-sidebar-activate-width-reverse: calc(-1 * var(--uc-sidebar-activate-width));
|
|
|
|
--uc-sidebar-fullscreen-width: 4px;
|
|
|
|
--uc-sidebar-fullscreen-width: 4px;
|
|
|
|
--uc-sidebar-shadow-color: #28282f;
|
|
|
|
--uc-sidebar-shadow-color: #28282f;
|
|
|
|
|
|
|
|
--uc-autohide-sidebar-speed: 750ms;
|
|
|
|
|
|
|
|
--uc-autohide-fullscreen-sidebar-speed: 1s;
|
|
|
|
--uc-autohide-sidebar-delay: 600ms;
|
|
|
|
--uc-autohide-sidebar-delay: 600ms;
|
|
|
|
/* Wait 0.6s before hiding sidebar */
|
|
|
|
/* Wait 0.6s before hiding sidebar */
|
|
|
|
z-index: 1 !important;
|
|
|
|
z-index: 1 !important;
|
|
|
@ -7408,8 +7547,16 @@
|
|
|
|
overflow: hidden;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#sidebar-header {
|
|
|
|
|
|
|
|
font-size: unset !important;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
#sidebar-header > #sidebar-switcher-target {
|
|
|
|
|
|
|
|
font-size: 1.333em;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@supports not -moz-bool-pref("userChrome.autohide.sidebar") {
|
|
|
|
@supports not -moz-bool-pref("userChrome.autohide.sidebar") {
|
|
|
|
#sidebar-box,
|
|
|
|
#sidebar-box,
|
|
|
|
|
|
|
|
#sidebar-header,
|
|
|
|
#sidebar {
|
|
|
|
#sidebar {
|
|
|
|
min-width: var(--uc-sidebar-activate-width) !important;
|
|
|
|
min-width: var(--uc-sidebar-activate-width) !important;
|
|
|
|
max-width: var(--uc-sidebar-activate-width) !important;
|
|
|
|
max-width: var(--uc-sidebar-activate-width) !important;
|
|
|
@ -7420,7 +7567,7 @@
|
|
|
|
will-change: padding-inline;
|
|
|
|
will-change: padding-inline;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
#sidebar-box:not([hidden="true"]) {
|
|
|
|
#sidebar-box:not([hidden="true"]) {
|
|
|
|
padding-inline-start: var(--uc-sidebar-activate-width);
|
|
|
|
padding-inline-start: var(--uc-sidebar-activate-width) !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
|
|
#sidebar-box {
|
|
|
|
#sidebar-box {
|
|
|
@ -7446,7 +7593,7 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media (-moz-gtk-csd-available) {
|
|
|
|
@media (-moz-gtk-csd-available) {
|
|
|
|
/* Fix transparent backgorund */
|
|
|
|
/* Fix transparent background */
|
|
|
|
:root[tabsintitlebar][sizemode="fullscreen"] #TabsToolbar:not(:-moz-lwtheme) {
|
|
|
|
:root[tabsintitlebar][sizemode="fullscreen"] #TabsToolbar:not(:-moz-lwtheme) {
|
|
|
|
appearance: auto !important;
|
|
|
|
appearance: auto !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -8113,12 +8260,14 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@supports -moz-bool-pref("userChrome.sidebar.overlap") {
|
|
|
|
@supports -moz-bool-pref("userChrome.sidebar.overlap") {
|
|
|
|
|
|
|
|
#sidebar-header,
|
|
|
|
#sidebar {
|
|
|
|
#sidebar {
|
|
|
|
min-width: var(--uc-sidebar-width) !important;
|
|
|
|
min-width: var(--uc-sidebar-width) !important;
|
|
|
|
max-width: var(--uc-sidebar-width) !important;
|
|
|
|
max-width: var(--uc-sidebar-width) !important;
|
|
|
|
will-change: min-width, max-width;
|
|
|
|
will-change: min-width, max-width;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#sidebar-box:is(:hover, :focus-within) > #sidebar-header,
|
|
|
|
#sidebar-box:is(:hover, :focus-within) > #sidebar {
|
|
|
|
#sidebar-box:is(:hover, :focus-within) > #sidebar {
|
|
|
|
min-width: var(--uc-sidebar-activate-width) !important;
|
|
|
|
min-width: var(--uc-sidebar-activate-width) !important;
|
|
|
|
max-width: var(--uc-sidebar-activate-width) !important;
|
|
|
|
max-width: var(--uc-sidebar-activate-width) !important;
|
|
|
@ -8140,16 +8289,20 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
|
|
|
|
|
|
#sidebar-header,
|
|
|
|
#sidebar {
|
|
|
|
#sidebar {
|
|
|
|
transition: min-width 750ms var(--animation-easing-function) var(--uc-autohide-sidebar-delay) !important;
|
|
|
|
transition: min-width var(--uc-autohide-sidebar-speed) var(--animation-easing-function)
|
|
|
|
|
|
|
|
var(--uc-autohide-sidebar-delay) !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#sidebar-box:is(:hover, :focus-within) > #sidebar-header,
|
|
|
|
#sidebar-box:is(:hover, :focus-within) > #sidebar {
|
|
|
|
#sidebar-box:is(:hover, :focus-within) > #sidebar {
|
|
|
|
transition-delay: 0ms !important;
|
|
|
|
transition-delay: 0ms !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
:root[inFullscreen="true"] #sidebar-box {
|
|
|
|
:root[inFullscreen="true"] #sidebar-box {
|
|
|
|
transition: padding-inline-start 1s var(--animation-easing-function) var(--uc-autohide-sidebar-delay) !important;
|
|
|
|
transition: padding-inline-start var(--uc-autohide-fullscreen-sidebar-speed) var(--animation-easing-function)
|
|
|
|
|
|
|
|
var(--uc-autohide-sidebar-delay) !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
:root[inFullscreen="true"] #sidebar-box:is(:hover, :focus-within) {
|
|
|
|
:root[inFullscreen="true"] #sidebar-box:is(:hover, :focus-within) {
|
|
|
|
transition-delay: 0ms !important;
|
|
|
|
transition-delay: 0ms !important;
|
|
|
@ -8186,14 +8339,16 @@
|
|
|
|
|
|
|
|
|
|
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
|
|
#sidebar-box {
|
|
|
|
#sidebar-box {
|
|
|
|
transition: min-width 750ms var(--animation-easing-function) var(--uc-autohide-sidebar-delay) !important;
|
|
|
|
transition: min-width var(--uc-autohide-sidebar-speed) var(--animation-easing-function)
|
|
|
|
|
|
|
|
var(--uc-autohide-sidebar-delay) !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
#sidebar-box:is(:hover, :focus-within) {
|
|
|
|
#sidebar-box:is(:hover, :focus-within) {
|
|
|
|
transition-delay: 0ms !important;
|
|
|
|
transition-delay: 0ms !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
:root[inFullscreen="true"] #sidebar-box {
|
|
|
|
:root[inFullscreen="true"] #sidebar-box {
|
|
|
|
transition: margin-inline-start 1s var(--animation-easing-function) var(--uc-autohide-sidebar-delay) !important;
|
|
|
|
transition: margin-inline-start var(--uc-autohide-fullscreen-sidebar-speed) var(--animation-easing-function)
|
|
|
|
|
|
|
|
var(--uc-autohide-sidebar-delay) !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
:root[inFullscreen="true"] #sidebar-box[positionend="true"] {
|
|
|
|
:root[inFullscreen="true"] #sidebar-box[positionend="true"] {
|
|
|
|
transition-property: margin-inline-end !important;
|
|
|
|
transition-property: margin-inline-end !important;
|
|
|
@ -8364,6 +8519,7 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/** Icons *********************************************************************/
|
|
|
|
/** Icons *********************************************************************/
|
|
|
|
|
|
|
|
@supports not -moz-bool-pref("userChrome.icon.disabled") {
|
|
|
|
/** Library - Icons Replace ***************************************************/
|
|
|
|
/** Library - Icons Replace ***************************************************/
|
|
|
|
@supports -moz-bool-pref("userChrome.icon.library") {
|
|
|
|
@supports -moz-bool-pref("userChrome.icon.library") {
|
|
|
|
/*= Standard Folder - More Visible ===========================================*/
|
|
|
|
/*= Standard Folder - More Visible ===========================================*/
|
|
|
@ -8436,7 +8592,7 @@
|
|
|
|
list-style-image: url("chrome://browser/skin/places/tag.svg") !important;
|
|
|
|
list-style-image: url("chrome://browser/skin/places/tag.svg") !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Boomark */
|
|
|
|
/* Bookmark */
|
|
|
|
:-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_allbms_____v) {
|
|
|
|
:-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_allbms_____v) {
|
|
|
|
list-style-image: url("chrome://browser/skin/bookmark.svg") !important;
|
|
|
|
list-style-image: url("chrome://browser/skin/bookmark.svg") !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -8479,7 +8635,7 @@
|
|
|
|
list-style-image: url("../icons/tag-open.svg") !important;
|
|
|
|
list-style-image: url("../icons/tag-open.svg") !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Boomark */
|
|
|
|
/* Bookmark */
|
|
|
|
:-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_allbms_____v) {
|
|
|
|
:-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_allbms_____v) {
|
|
|
|
list-style-image: url("chrome://browser/skin/bookmark-hollow.svg") !important;
|
|
|
|
list-style-image: url("chrome://browser/skin/bookmark-hollow.svg") !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -8600,6 +8756,8 @@
|
|
|
|
|
|
|
|
|
|
|
|
#appMenu-proton-update-banner .toolbarbutton-text {
|
|
|
|
#appMenu-proton-update-banner .toolbarbutton-text {
|
|
|
|
margin-inline-start: 0 !important;
|
|
|
|
margin-inline-start: 0 !important;
|
|
|
|
|
|
|
|
padding-inline-start: 0 !important;
|
|
|
|
|
|
|
|
/* FF v107 */
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#appMenu-multiView .subviewbutton::before,
|
|
|
|
#appMenu-multiView .subviewbutton::before,
|
|
|
@ -8612,10 +8770,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
#appMenu-proton-update-banner {
|
|
|
|
#appMenu-proton-update-banner {
|
|
|
|
margin-bottom: 2px !important;
|
|
|
|
margin-bottom: 2px !important;
|
|
|
|
}
|
|
|
|
padding-inline-start: var(--arrowpanel-menuitem-padding-inline) !important;
|
|
|
|
|
|
|
|
|
|
|
|
#appMenu-proton-update-banner::before {
|
|
|
|
|
|
|
|
margin-inline-start: var(--arrowpanel-menuitem-padding-inline) !important;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#appMenu-fxa-status2,
|
|
|
|
#appMenu-fxa-status2,
|
|
|
@ -8646,7 +8801,7 @@
|
|
|
|
#appMenu-multiView .subviewbutton::before,
|
|
|
|
#appMenu-multiView .subviewbutton::before,
|
|
|
|
#appMenu-proton-update-banner::before,
|
|
|
|
#appMenu-proton-update-banner::before,
|
|
|
|
#downloadsHistory .button-icon,
|
|
|
|
#downloadsHistory .button-icon,
|
|
|
|
.subviewbutton > image {
|
|
|
|
.subviewbutton:not(#appMenu-proton-update-banner) > image {
|
|
|
|
fill: currentColor !important;
|
|
|
|
fill: currentColor !important;
|
|
|
|
fill-opacity: var(--toolbarbutton-icon-fill-opacity) !important;
|
|
|
|
fill-opacity: var(--toolbarbutton-icon-fill-opacity) !important;
|
|
|
|
-moz-context-properties: fill !important;
|
|
|
|
-moz-context-properties: fill !important;
|
|
|
@ -9227,6 +9382,11 @@
|
|
|
|
background-image: var(--menuitem-image);
|
|
|
|
background-image: var(--menuitem-image);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#tabContextMenu > .tabmix-newtab-menu-icon {
|
|
|
|
|
|
|
|
-moz-context-properties: fill, fill-opacity !important;
|
|
|
|
|
|
|
|
fill: currentColor !important;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* For native context menus */
|
|
|
|
/* For native context menus */
|
|
|
|
@supports -moz-bool-pref("widget.macos.native-context-menus") or -moz-bool-pref("widget.gtk.native-context-menus") {
|
|
|
|
@supports -moz-bool-pref("widget.macos.native-context-menus") or -moz-bool-pref("widget.gtk.native-context-menus") {
|
|
|
|
:not(menu, #ContentSelectDropdown)
|
|
|
|
:not(menu, #ContentSelectDropdown)
|
|
|
@ -9279,8 +9439,8 @@
|
|
|
|
padding-inline-end: 3px;
|
|
|
|
padding-inline-end: 3px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
#main-menubar > menu:first-child {
|
|
|
|
#main-menubar > menu:first-child {
|
|
|
|
background-position: var(--uc-menu-background-position) calc(3px + var(--context-menu-background-padding-default))
|
|
|
|
background-position: var(--uc-menu-background-position)
|
|
|
|
center !important;
|
|
|
|
calc(3px + var(--context-menu-background-padding-default)) center !important;
|
|
|
|
padding-inline-start: calc(19px + var(--context-menu-background-padding-default)) !important;
|
|
|
|
padding-inline-start: calc(19px + var(--context-menu-background-padding-default)) !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
#main-menubar > menu > menupopup {
|
|
|
|
#main-menubar > menu > menupopup {
|
|
|
@ -9413,7 +9573,7 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/*= Bookmark Menu - Layout ===================================================*/
|
|
|
|
/*= Bookmark Menu - Layout ===================================================*/
|
|
|
|
/* #goPopup(Legacy of historyMenuPoup), #historyMenuPopup, #bookmarksMenuPopup: looks like global menu
|
|
|
|
/* #goPopup(Legacy of historyMenuPopup), #historyMenuPopup, #bookmarksMenuPopup: looks like global menu
|
|
|
|
* #BMB_bookmarksPopup: looks like arrow panel
|
|
|
|
* #BMB_bookmarksPopup: looks like arrow panel
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
/* Empty Menu */
|
|
|
|
/* Empty Menu */
|
|
|
@ -9576,7 +9736,11 @@
|
|
|
|
#treestyletab_piro_sakura_ne_jp-menuitem-_context_duplicateTab,
|
|
|
|
#treestyletab_piro_sakura_ne_jp-menuitem-_context_duplicateTab,
|
|
|
|
#tabcenter-reborn_ariasuni-menuitem-_contextMenuDuplicateTab,
|
|
|
|
#tabcenter-reborn_ariasuni-menuitem-_contextMenuDuplicateTab,
|
|
|
|
#sidebartabs_asamuzak_jp-menuitem-_dupeTab {
|
|
|
|
#sidebartabs_asamuzak_jp-menuitem-_dupeTab {
|
|
|
|
--menuitem-image: url("../icons/notebook-subsection.svg");
|
|
|
|
--menuitem-image: url("../icons/tab-copy.svg");
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#tabcenter-reborn_ariasuni-menuitem-_contextMenuUnloadTab {
|
|
|
|
|
|
|
|
--menuitem-image: url("../icons/tab-unload.svg");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#context_bookmarkTab,
|
|
|
|
#context_bookmarkTab,
|
|
|
@ -9636,6 +9800,15 @@
|
|
|
|
--menuitem-image: url("chrome://global/skin/icons/close.svg");
|
|
|
|
--menuitem-image: url("chrome://global/skin/icons/close.svg");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@supports -moz-bool-pref("userChrome.icon.menu.full") {
|
|
|
|
|
|
|
|
#context_closeTabOptions,
|
|
|
|
|
|
|
|
#treestyletab_piro_sakura_ne_jp-menuitem-_context_closeMultipleTabs,
|
|
|
|
|
|
|
|
#tabcenter-reborn_ariasuni-menuitem-_contextMenuCloseTabs,
|
|
|
|
|
|
|
|
#sidebartabs_asamuzak_jp-menuitem-_closeMultipleTabs {
|
|
|
|
|
|
|
|
--menuitem-image: url("../icons/filter-dismiss.svg");
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#context_undoCloseTab,
|
|
|
|
#context_undoCloseTab,
|
|
|
|
#treestyletab_piro_sakura_ne_jp-menuitem-_context_undoCloseTab,
|
|
|
|
#treestyletab_piro_sakura_ne_jp-menuitem-_context_undoCloseTab,
|
|
|
|
#treestyletab_piro_sakura_ne_jp-menuitem-_noContextTab\:context_undoCloseTab,
|
|
|
|
#treestyletab_piro_sakura_ne_jp-menuitem-_noContextTab\:context_undoCloseTab,
|
|
|
@ -9731,6 +9904,45 @@
|
|
|
|
--menuitem-image: url("chrome://browser/skin/fullscreen-exit.svg");
|
|
|
|
--menuitem-image: url("chrome://browser/skin/fullscreen-exit.svg");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*= Tab Mix Plus =============================================================*/
|
|
|
|
|
|
|
|
#context_openANewTab.tabmix-newtab-menu-icon {
|
|
|
|
|
|
|
|
list-style-image: var(--menuitem-image) !important;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#tm-copyTabUrl {
|
|
|
|
|
|
|
|
--menuitem-image: url("../icons/link.svg");
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#context_reloadTabOptions {
|
|
|
|
|
|
|
|
--menuitem-image: url("../icons/reload.svg");
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
@supports -moz-bool-pref("userChrome.icon.menu.full") {
|
|
|
|
|
|
|
|
#context_reloadTabOptions {
|
|
|
|
|
|
|
|
--menuitem-image: url("../icons/filter-reload.svg");
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
@supports not -moz-bool-pref("userChrome.icon.menu.full") {
|
|
|
|
|
|
|
|
#context_reloadTabOptions + #context_reloadTab {
|
|
|
|
|
|
|
|
--menuitem-image: url("../icons/blank.svg");
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#tm-protectTab {
|
|
|
|
|
|
|
|
--menuitem-image: url("../icons/shield-task.svg");
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@supports -moz-bool-pref("userChrome.icon.menu.full") {
|
|
|
|
|
|
|
|
#tm-lockTab {
|
|
|
|
|
|
|
|
--menuitem-image: url("../icons/lock-closed.svg");
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@supports -moz-bool-pref("userChrome.icon.menu.full") {
|
|
|
|
|
|
|
|
#context_bookmarkAllTabs {
|
|
|
|
|
|
|
|
--menuitem-image: url("../icons/bookmark-multiple.svg");
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*= contentAreaContextMenu ===================================================*/
|
|
|
|
/*= contentAreaContextMenu ===================================================*/
|
|
|
|
#context-viewsource-goToLine {
|
|
|
|
#context-viewsource-goToLine {
|
|
|
|
--menuitem-image: url("../icons/text-number-format.svg");
|
|
|
|
--menuitem-image: url("../icons/text-number-format.svg");
|
|
|
@ -10050,6 +10262,19 @@
|
|
|
|
--menuitem-image: url("chrome://browser/skin/bookmark.svg");
|
|
|
|
--menuitem-image: url("chrome://browser/skin/bookmark.svg");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/*= Tab Mix Plus =============================================================*/
|
|
|
|
|
|
|
|
#tm-autoreload_menu {
|
|
|
|
|
|
|
|
--menuitem-image: url("../icons/reload-auto.svg");
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#tm-openAllLinks {
|
|
|
|
|
|
|
|
--menuitem-image: url("../icons/new-tab-multiple.svg");
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#tm-content-undoCloseTab {
|
|
|
|
|
|
|
|
--menuitem-image: url("../icons/undo.svg");
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*= downloadsContextMenu =====================================================*/
|
|
|
|
/*= downloadsContextMenu =====================================================*/
|
|
|
|
.downloadPauseMenuItem {
|
|
|
|
.downloadPauseMenuItem {
|
|
|
|
--menuitem-image: url("chrome://global/skin/media/pause-fill.svg");
|
|
|
|
--menuitem-image: url("chrome://global/skin/media/pause-fill.svg");
|
|
|
@ -10364,6 +10589,12 @@
|
|
|
|
--menuitem-image: url("chrome://browser/skin/edit-paste.svg");
|
|
|
|
--menuitem-image: url("chrome://browser/skin/edit-paste.svg");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@supports -moz-bool-pref("userChrome.icon.menu.full") {
|
|
|
|
|
|
|
|
#paste-and-go {
|
|
|
|
|
|
|
|
--menuitem-image: url("../icons/edit-paste-go.svg");
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_delete"] {
|
|
|
|
#urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_delete"] {
|
|
|
|
--menuitem-image: url("chrome://global/skin/icons/delete.svg");
|
|
|
|
--menuitem-image: url("chrome://global/skin/icons/delete.svg");
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -10373,7 +10604,7 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*= textbox-contextmenu ======================================================*/
|
|
|
|
/*= textbox-contextmenu ======================================================*/
|
|
|
|
/* Browser's Searchbar, Libray's Searchbar, Page Info */
|
|
|
|
/* Browser's Searchbar, Library's Searchbar, Page Info */
|
|
|
|
.textbox-contextmenu > menuitem[data-l10n-id="text-action-undo"] {
|
|
|
|
.textbox-contextmenu > menuitem[data-l10n-id="text-action-undo"] {
|
|
|
|
--menuitem-image: url("../icons/undo.svg");
|
|
|
|
--menuitem-image: url("../icons/undo.svg");
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -10405,6 +10636,12 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Only searchbar */
|
|
|
|
/* Only searchbar */
|
|
|
|
|
|
|
|
@supports -moz-bool-pref("userChrome.icon.menu.full") {
|
|
|
|
|
|
|
|
menuitem.searchbar-paste-and-search {
|
|
|
|
|
|
|
|
--menuitem-image: url("../icons/edit-paste-search.svg");
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
menuitem.searchbar-clear-history {
|
|
|
|
menuitem.searchbar-clear-history {
|
|
|
|
--menuitem-image: url("chrome://browser/skin/forget.svg");
|
|
|
|
--menuitem-image: url("chrome://browser/skin/forget.svg");
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -10699,6 +10936,10 @@
|
|
|
|
--menuitem-image: url("chrome://browser/skin/sync.svg");
|
|
|
|
--menuitem-image: url("chrome://browser/skin/sync.svg");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#menu_openFirefoxView {
|
|
|
|
|
|
|
|
--menuitem-image: url("chrome://branding/content/icon32.png");
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#webDeveloperMenu,
|
|
|
|
#webDeveloperMenu,
|
|
|
|
#browserToolsMenu {
|
|
|
|
#browserToolsMenu {
|
|
|
|
--menuitem-image: url("../icons/developer.svg");
|
|
|
|
--menuitem-image: url("../icons/developer.svg");
|
|
|
@ -10790,7 +11031,7 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/** Libray Menu ***************************************************************/
|
|
|
|
/** Library Menu **************************************************************/
|
|
|
|
@supports -moz-bool-pref("userChrome.icon.library") {
|
|
|
|
@supports -moz-bool-pref("userChrome.icon.library") {
|
|
|
|
@supports -moz-bool-pref("userChrome.icon.menu") {
|
|
|
|
@supports -moz-bool-pref("userChrome.icon.menu") {
|
|
|
|
/*= organizeButtonPopup ======================================================*/
|
|
|
|
/*= organizeButtonPopup ======================================================*/
|
|
|
@ -10881,30 +11122,6 @@
|
|
|
|
--menuitem-image: url("../icons/private-favicon.svg");
|
|
|
|
--menuitem-image: url("../icons/private-favicon.svg");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@supports -moz-bool-pref("userChrome.theme.fully_color") {
|
|
|
|
|
|
|
|
/* New Folder Button */
|
|
|
|
|
|
|
|
#editBMPanel_newFolderButton {
|
|
|
|
|
|
|
|
appearance: none;
|
|
|
|
|
|
|
|
border: 0;
|
|
|
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
|
|
|
background-color: var(--button-bgcolor);
|
|
|
|
|
|
|
|
color: var(--button-color, inherit);
|
|
|
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
|
|
|
min-width: 0;
|
|
|
|
|
|
|
|
padding: 8px 16px;
|
|
|
|
|
|
|
|
/* This button is deeper in the visual hierarchy than others (notably the
|
|
|
|
|
|
|
|
buttons at the bottom of the panel), so it should be slightly smaller. */
|
|
|
|
|
|
|
|
font-size: 90%;
|
|
|
|
|
|
|
|
/* This button needs to align with the tree above it. */
|
|
|
|
|
|
|
|
margin-inline-start: 4px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
#editBMPanel_newFolderButton:hover {
|
|
|
|
|
|
|
|
background-color: var(--button-hover-bgcolor);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
#editBMPanel_newFolderButton:hover:active {
|
|
|
|
|
|
|
|
background-color: var(--button-active-bgcolor);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
/** Tor Browser ***************************************************************/
|
|
|
|
/** Tor Browser ***************************************************************/
|
|
|
|
@supports -moz-bool-pref("userChrome.icon.panel") {
|
|
|
|
@supports -moz-bool-pref("userChrome.icon.panel") {
|
|
|
|
#appMenuNewIdentity {
|
|
|
|
#appMenuNewIdentity {
|
|
|
@ -10932,3 +11149,4 @@
|
|
|
|
--menuitem-image: url("chrome://browser/skin/onion.svg");
|
|
|
|
--menuitem-image: url("chrome://browser/skin/onion.svg");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|