diff --git a/CREDITS b/CREDITS
index ee1183f..22c743c 100644
--- a/CREDITS
+++ b/CREDITS
@@ -40,6 +40,10 @@ W: https://github.com/Cyberax
N: AuRiMaS666
W: https://github.com/AuRiMaS666
+N: firefox9067
+E: firefox@snowdot.kr
+W: https://github.com/firefox9067
+
N: Jani Haiko
E: haiko.jani@gmail.com
W: https://github.com/ojaha065
diff --git a/README.org b/README.org
index 1a85d5b..216b1da 100644
--- a/README.org
+++ b/README.org
@@ -210,6 +210,7 @@ Thanks to all sponsors & contributors to this project for providing help and dev
[[https://github.com/Mike-Kennelly][@@html:
@@]]
[[https://github.com/Cyberax][@@html:
@@]]
[[https://github.com/AuRiMaS666][@@html:
@@]]
+[[https://github.com/firefox9067][@@html:
@@]]
- A donation was received from Safira on [[https://ko-fi.com/home/coffeeshop?txid=97e5fa0d-c73e-4308-a2fd-6b44b08cd828][Ko-Fi]]
- Private sponsors: 3
diff --git a/css/leptonChrome.css b/css/leptonChrome.css
index 42fc5d4..ac295ed 100644
--- a/css/leptonChrome.css
+++ b/css/leptonChrome.css
@@ -102,22 +102,26 @@
}
/*= Light Weight Theme =======================================================*/
/* Header Image */
- :root[lwtheme-image] {
+ :root[lwtheme-image] > body {
background-image: var(--lwt-header-image) !important; /* Original: var(--lwt-header-image) */
background-repeat: no-repeat !important;
background-position: right top !important;
+ background-color: var(--lwt-accent-color, Window) !important;
+ }
+ :root[lwtheme-image] > body:-moz-window-inactive {
+ background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color)) !important;
}
@media (min-width: 2500px) {
- :root[lwtheme-image] {
+ :root[lwtheme-image] > body {
background-size: contain;
}
@supports -moz-bool-pref("userChrome.compatibility.covered_header_image") {
- :root[lwtheme-image] {
+ :root[lwtheme-image] > body {
background-size: cover;
}
}
}
- :root[lwtheme-image] #navigator-toolbox:-moz-lwtheme {
+ :root[lwtheme-image] > body #navigator-toolbox:-moz-lwtheme {
background-image: var(--lwt-header-image), var(--lwt-additional-images) !important;
background-repeat: var(--lwt-background-tiling) !important;
background-position: var(--lwt-background-alignment) !important;
@@ -128,6 +132,9 @@
--tabs-border-color: rgba(0, 0, 0, 0.4); /* Legacy: v96, (0, 0, 0, 0.3) -> (0, 0, 0, 0.4) */
--lwt-tabs-border-color: rgba(0, 0, 0, 0.4);
}
+ #customization-container {
+ background-color: transparent !important; /* Original: color-mix(in srgb, -moz-dialog 85%, white) */
+ }
/*= Findbar Border Color =====================================================*/
html|input.findbar-textbox {
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)) */
@@ -763,6 +770,15 @@
--urlbar-popup-url-color: -moz-accent-color;
}
}
+ :root:not(:-moz-lwtheme) {
+ --toolbar-field-background-color: Field !important;
+ --toolbar-field-color: FieldText !important;
+ --toolbar-field-border-color: ThreeDShadow !important;
+ }
+ :root:not(:-moz-lwtheme) #urlbar-background,
+ :root:not(:-moz-lwtheme) #searchbar {
+ background-color: var(--toolbar-field-background-color) !important;
+ }
}
/*= Mac - Default like color =================================================*/
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
@@ -3674,19 +3690,35 @@
transition-delay: 0s, 0s, 0.25s !important;
}
}
- /*- Full Screen ------------------------------------------------------------*/
+ /*- Titlebar & Full Screen -------------------------------------------------*/
+ #titlebar {
+ will-change: background-color !important;
+ transition: background-color 0.2s var(--animation-easing-function) !important;
+ }
+ #titlebar:-moz-window-inactive {
+ transition: background-color 0.5s var(--animation-easing-function) !important;
+ }
#navigator-toolbox {
/* Full screen out */
- transition: margin-top 1s ease;
+ will-change: margin-top, background-color !important;
+ transition: margin-top 1s ease, background-color 0.2s var(--animation-easing-function) !important;
transform-origin: top;
}
+ #navigator-toolbox:-moz-window-inactive {
+ transition: margin-top 1s ease, background-color 0.5s var(--animation-easing-function) !important;
+ }
#navigator-toolbox[inFullscreen="true"] {
/* Full screen enter */
animation-duration: 1s;
animation-name: fullscreen;
animation-timing-function: ease;
/* Full screen navbar not hover */
- transition: margin-top 1.3s var(--animation-easing-function) 50ms;
+ transition: margin-top 1.3s var(--animation-easing-function) 50ms,
+ background-color 0.2s var(--animation-easing-function) !important;
+ }
+ #navigator-toolbox[inFullscreen="true"]:-moz-window-inactive {
+ transition: margin-top 1.3s var(--animation-easing-function) 50ms,
+ background-color 0.5s var(--animation-easing-function) !important;
}
#navigator-toolbox[inFullscreen="true"]:hover {
margin-top: 0 !important;
@@ -5289,9 +5321,6 @@
}
}
@media (-moz-platform: windows) {
- :root[sizemode="maximized"][tabsintitlebar] {
- --uc-titlebar-padding: 8px;
- }
:root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background {
margin-top: calc(-1 * var(--uc-titlebar-padding));
}
@@ -5362,6 +5391,15 @@
:root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items {
visibility: collapse !important;
}
+ :root[tabsintitlebar] #titlebar {
+ z-index: 1;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive {
+ opacity: 1 !important;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox {
+ opacity: var(--inactive-titlebar-opacity);
+ }
}
/* At Activated Menubar */
:root:not([chromehidden~="menubar"], [sizemode="fullscreen"])
@@ -5436,9 +5474,6 @@
}
}
@media (-moz-platform: windows) {
- :root[sizemode="maximized"][tabsintitlebar] {
- --uc-titlebar-padding: 8px;
- }
:root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background {
margin-top: calc(-1 * var(--uc-titlebar-padding));
}
@@ -5509,6 +5544,15 @@
:root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items {
visibility: collapse !important;
}
+ :root[tabsintitlebar] #titlebar {
+ z-index: 1;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive {
+ opacity: 1 !important;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox {
+ opacity: var(--inactive-titlebar-opacity);
+ }
}
/* At Activated Menubar */
:root:not([chromehidden~="menubar"], [sizemode="fullscreen"])
@@ -5580,9 +5624,6 @@
}
}
@media (-moz-platform: windows) {
- :root[sizemode="maximized"][tabsintitlebar] {
- --uc-titlebar-padding: 8px;
- }
:root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background {
margin-top: calc(-1 * var(--uc-titlebar-padding));
}
@@ -5653,6 +5694,15 @@
:root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items {
visibility: collapse !important;
}
+ :root[tabsintitlebar] #titlebar {
+ z-index: 1;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive {
+ opacity: 1 !important;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox {
+ opacity: var(--inactive-titlebar-opacity);
+ }
}
/* At Activated Menubar */
:root:not([chromehidden~="menubar"], [sizemode="fullscreen"])
@@ -5733,9 +5783,6 @@
}
}
@media screen and (max-width: 1100px) and (-moz-platform: windows) {
- :root[sizemode="maximized"][tabsintitlebar] {
- --uc-titlebar-padding: 8px;
- }
:root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background {
margin-top: calc(-1 * var(--uc-titlebar-padding));
}
@@ -5815,6 +5862,15 @@
:root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items {
visibility: collapse !important;
}
+ :root[tabsintitlebar] #titlebar {
+ z-index: 1;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive {
+ opacity: 1 !important;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox {
+ opacity: var(--inactive-titlebar-opacity);
+ }
}
}
@media screen and (max-width: 1100px) {
@@ -5893,9 +5949,6 @@
}
}
@media screen and (min-width: 1100px) and (-moz-platform: windows) {
- :root[sizemode="maximized"][tabsintitlebar] {
- --uc-titlebar-padding: 8px;
- }
:root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background {
margin-top: calc(-1 * var(--uc-titlebar-padding));
}
@@ -5966,6 +6019,15 @@
:root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items {
visibility: collapse !important;
}
+ :root[tabsintitlebar] #titlebar {
+ z-index: 1;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive {
+ opacity: 1 !important;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox {
+ opacity: var(--inactive-titlebar-opacity);
+ }
}
/* At Activated Menubar */
:root:not([chromehidden~="menubar"], [sizemode="fullscreen"])
@@ -6039,9 +6101,6 @@
}
}
@media screen and (min-width: 1100px) and (-moz-platform: windows) {
- :root[sizemode="maximized"][tabsintitlebar] {
- --uc-titlebar-padding: 8px;
- }
:root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background {
margin-top: calc(-1 * var(--uc-titlebar-padding));
}
@@ -6112,6 +6171,15 @@
:root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items {
visibility: collapse !important;
}
+ :root[tabsintitlebar] #titlebar {
+ z-index: 1;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive {
+ opacity: 1 !important;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox {
+ opacity: var(--inactive-titlebar-opacity);
+ }
}
/* At Activated Menubar */
:root:not([chromehidden~="menubar"], [sizemode="fullscreen"])
@@ -6697,6 +6765,7 @@
.tab-background:is([selected], [multiselected]) {
background-color: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)) !important;
}
+ #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[selected]:-moz-lwtheme,
#tabbrowser-tabs:not([movingtab])
> #tabbrowser-arrowscrollbox
> .tabbrowser-tab
@@ -6706,8 +6775,16 @@
*/
background-image: linear-gradient(transparent, transparent),
linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) !important;
+ background-position: 0, 0, right top;
+ background-attachment: scroll, scroll, fixed;
+ background-repeat: repeat-x, repeat-x, no-repeat !important;
}
@supports -moz-bool-pref("userChrome.theme.transparent.frame") {
+ :root:not([lwtheme-image])
+ #tabbrowser-arrowscrollbox
+ > .tabbrowser-tab
+ > .tab-stack
+ > .tab-background[selected]:-moz-lwtheme,
:root:not([lwtheme-image])
#tabbrowser-tabs:not([movingtab])
> #tabbrowser-arrowscrollbox
@@ -13424,24 +13501,28 @@
}
}
@media (-moz-bool-pref: "userChrome.compatibility.theme") {
- :root[lwtheme-image] {
+ :root[lwtheme-image] > body {
background-image: var(--lwt-header-image) !important; /* Original: var(--lwt-header-image) */
background-repeat: no-repeat !important;
background-position: right top !important;
+ background-color: var(--lwt-accent-color, Window) !important;
+ }
+ :root[lwtheme-image] > body:-moz-window-inactive {
+ background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color)) !important;
}
}
@media (-moz-bool-pref: "userChrome.compatibility.theme") and (min-width: 2500px) {
- :root[lwtheme-image] {
+ :root[lwtheme-image] > body {
background-size: contain;
}
}
@media (-moz-bool-pref: "userChrome.compatibility.theme") and (min-width: 2500px) and (-moz-bool-pref: "userChrome.compatibility.covered_header_image") {
- :root[lwtheme-image] {
+ :root[lwtheme-image] > body {
background-size: cover;
}
}
@media (-moz-bool-pref: "userChrome.compatibility.theme") {
- :root[lwtheme-image] #navigator-toolbox:-moz-lwtheme {
+ :root[lwtheme-image] > body #navigator-toolbox:-moz-lwtheme {
background-image: var(--lwt-header-image), var(--lwt-additional-images) !important;
background-repeat: var(--lwt-background-tiling) !important;
background-position: var(--lwt-background-alignment) !important;
@@ -13454,6 +13535,11 @@
--lwt-tabs-border-color: rgba(0, 0, 0, 0.4);
}
}
+@media (-moz-bool-pref: "userChrome.compatibility.theme") {
+ #customization-container {
+ background-color: transparent !important; /* Original: color-mix(in srgb, -moz-dialog 85%, white) */
+ }
+}
@media (-moz-bool-pref: "userChrome.compatibility.theme") {
html|input.findbar-textbox {
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)) */
@@ -14086,6 +14172,17 @@
--urlbar-popup-url-color: -moz-accent-color;
}
}
+@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-gtk-csd-available) {
+ :root:not(:-moz-lwtheme) {
+ --toolbar-field-background-color: Field !important;
+ --toolbar-field-color: FieldText !important;
+ --toolbar-field-border-color: ThreeDShadow !important;
+ }
+ :root:not(:-moz-lwtheme) #urlbar-background,
+ :root:not(:-moz-lwtheme) #searchbar {
+ background-color: var(--toolbar-field-background-color) !important;
+ }
+}
@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] {
@@ -17023,7 +17120,7 @@
/* Buttons in URL bar */
/*- Border - Other Fields --------------------------------------------------*/
/*- Sidebar ----------------------------------------------------------------*/
- /*- Full Screen ------------------------------------------------------------*/
+ /*- Titlebar & Full Screen -------------------------------------------------*/
/*- Expand - Synced Tabs ---------------------------------------------------*/
/*- Arrow - Synced Tabs ----------------------------------------------------*/
/*- Arrow - Edit Bookmark Popup --------------------------------------------*/
@@ -17135,19 +17232,37 @@
transition-delay: 0s, 0s, 0.25s !important;
}
}
+@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate") {
+ #titlebar {
+ will-change: background-color !important;
+ transition: background-color 0.2s var(--animation-easing-function) !important;
+ }
+ #titlebar:-moz-window-inactive {
+ transition: background-color 0.5s var(--animation-easing-function) !important;
+ }
+}
@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate") {
#navigator-toolbox {
/* Full screen out */
- transition: margin-top 1s ease;
+ will-change: margin-top, background-color !important;
+ transition: margin-top 1s ease, background-color 0.2s var(--animation-easing-function) !important;
transform-origin: top;
}
+ #navigator-toolbox:-moz-window-inactive {
+ transition: margin-top 1s ease, background-color 0.5s var(--animation-easing-function) !important;
+ }
#navigator-toolbox[inFullscreen="true"] {
/* Full screen enter */
animation-duration: 1s;
animation-name: fullscreen;
animation-timing-function: ease;
/* Full screen navbar not hover */
- transition: margin-top 1.3s var(--animation-easing-function) 50ms;
+ transition: margin-top 1.3s var(--animation-easing-function) 50ms,
+ background-color 0.2s var(--animation-easing-function) !important;
+ }
+ #navigator-toolbox[inFullscreen="true"]:-moz-window-inactive {
+ transition: margin-top 1.3s var(--animation-easing-function) 50ms,
+ background-color 0.5s var(--animation-easing-function) !important;
}
#navigator-toolbox[inFullscreen="true"]:hover {
margin-top: 0 !important;
@@ -18916,9 +19031,6 @@
(-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-platform: windows),
(-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-platform: windows),
(-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-platform: windows) {
- :root[sizemode="maximized"][tabsintitlebar] {
- --uc-titlebar-padding: 8px;
- }
:root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background {
margin-top: calc(-1 * var(--uc-titlebar-padding));
}
@@ -19027,6 +19139,15 @@
:root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items {
visibility: collapse !important;
}
+ :root[tabsintitlebar] #titlebar {
+ z-index: 1;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive {
+ opacity: 1 !important;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox {
+ opacity: var(--inactive-titlebar-opacity);
+ }
}
@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"),
(-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar"),
@@ -19134,9 +19255,6 @@
@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-platform: windows),
(-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-platform: windows),
(-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-platform: windows) {
- :root[sizemode="maximized"][tabsintitlebar] {
- --uc-titlebar-padding: 8px;
- }
:root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background {
margin-top: calc(-1 * var(--uc-titlebar-padding));
}
@@ -19221,6 +19339,15 @@
:root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items {
visibility: collapse !important;
}
+ :root[tabsintitlebar] #titlebar {
+ z-index: 1;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive {
+ opacity: 1 !important;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox {
+ opacity: var(--inactive-titlebar-opacity);
+ }
}
@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"),
(-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"),
@@ -19322,9 +19449,6 @@
@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-platform: windows),
(-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-platform: windows),
(-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-platform: windows) {
- :root[sizemode="maximized"][tabsintitlebar] {
- --uc-titlebar-padding: 8px;
- }
:root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background {
margin-top: calc(-1 * var(--uc-titlebar-padding));
}
@@ -19409,6 +19533,15 @@
:root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items {
visibility: collapse !important;
}
+ :root[tabsintitlebar] #titlebar {
+ z-index: 1;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive {
+ opacity: 1 !important;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox {
+ opacity: var(--inactive-titlebar-opacity);
+ }
}
@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"),
(-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"),
@@ -19540,9 +19673,6 @@
screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-platform: windows),
screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-platform: windows),
screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-platform: windows) {
- :root[sizemode="maximized"][tabsintitlebar] {
- --uc-titlebar-padding: 8px;
- }
:root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background {
margin-top: calc(-1 * var(--uc-titlebar-padding));
}
@@ -19651,6 +19781,15 @@
:root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items {
visibility: collapse !important;
}
+ :root[tabsintitlebar] #titlebar {
+ z-index: 1;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive {
+ opacity: 1 !important;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox {
+ opacity: var(--inactive-titlebar-opacity);
+ }
}
@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px),
screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px),
@@ -19758,9 +19897,6 @@
@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-platform: windows),
screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-platform: windows),
screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-platform: windows) {
- :root[sizemode="maximized"][tabsintitlebar] {
- --uc-titlebar-padding: 8px;
- }
:root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background {
margin-top: calc(-1 * var(--uc-titlebar-padding));
}
@@ -19845,6 +19981,15 @@
:root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items {
visibility: collapse !important;
}
+ :root[tabsintitlebar] #titlebar {
+ z-index: 1;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive {
+ opacity: 1 !important;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox {
+ opacity: var(--inactive-titlebar-opacity);
+ }
}
@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"),
screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"),
@@ -19946,9 +20091,6 @@
@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-platform: windows),
screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-platform: windows),
screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-platform: windows) {
- :root[sizemode="maximized"][tabsintitlebar] {
- --uc-titlebar-padding: 8px;
- }
:root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background {
margin-top: calc(-1 * var(--uc-titlebar-padding));
}
@@ -20033,6 +20175,15 @@
:root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items {
visibility: collapse !important;
}
+ :root[tabsintitlebar] #titlebar {
+ z-index: 1;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive {
+ opacity: 1 !important;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox {
+ opacity: var(--inactive-titlebar-opacity);
+ }
}
@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"),
screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"),
@@ -20603,6 +20754,7 @@
.tab-background:is([selected], [multiselected]) {
background-color: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)) !important;
}
+ #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[selected]:-moz-lwtheme,
#tabbrowser-tabs:not([movingtab])
> #tabbrowser-arrowscrollbox
> .tabbrowser-tab
@@ -20612,9 +20764,17 @@
*/
background-image: linear-gradient(transparent, transparent),
linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) !important;
+ background-position: 0, 0, right top;
+ background-attachment: scroll, scroll, fixed;
+ background-repeat: repeat-x, repeat-x, no-repeat !important;
}
}
@media (-moz-bool-pref: "userChrome.tab.color_like_toolbar") and (-moz-bool-pref: "userChrome.theme.transparent.frame") {
+ :root:not([lwtheme-image])
+ #tabbrowser-arrowscrollbox
+ > .tabbrowser-tab
+ > .tab-stack
+ > .tab-background[selected]:-moz-lwtheme,
:root:not([lwtheme-image])
#tabbrowser-tabs:not([movingtab])
> #tabbrowser-arrowscrollbox
diff --git a/css/leptonChromeESR.css b/css/leptonChromeESR.css
index edee2db..25f348c 100644
--- a/css/leptonChromeESR.css
+++ b/css/leptonChromeESR.css
@@ -102,22 +102,26 @@
}
/*= Light Weight Theme =======================================================*/
/* Header Image */
- :root[lwtheme-image] {
+ :root[lwtheme-image] > body {
background-image: var(--lwt-header-image) !important; /* Original: var(--lwt-header-image) */
background-repeat: no-repeat !important;
background-position: right top !important;
+ background-color: var(--lwt-accent-color, Window) !important;
+ }
+ :root[lwtheme-image] > body:-moz-window-inactive {
+ background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color)) !important;
}
@media (min-width: 2500px) {
- :root[lwtheme-image] {
+ :root[lwtheme-image] > body {
background-size: contain;
}
@supports -moz-bool-pref("userChrome.compatibility.covered_header_image") {
- :root[lwtheme-image] {
+ :root[lwtheme-image] > body {
background-size: cover;
}
}
}
- :root[lwtheme-image] #navigator-toolbox:-moz-lwtheme {
+ :root[lwtheme-image] > body #navigator-toolbox:-moz-lwtheme {
background-image: var(--lwt-header-image), var(--lwt-additional-images) !important;
background-repeat: var(--lwt-background-tiling) !important;
background-position: var(--lwt-background-alignment) !important;
@@ -128,6 +132,9 @@
--tabs-border-color: rgba(0, 0, 0, 0.4); /* Legacy: v96, (0, 0, 0, 0.3) -> (0, 0, 0, 0.4) */
--lwt-tabs-border-color: rgba(0, 0, 0, 0.4);
}
+ #customization-container {
+ background-color: transparent !important; /* Original: color-mix(in srgb, -moz-dialog 85%, white) */
+ }
/*= Findbar Border Color =====================================================*/
html|input.findbar-textbox {
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)) */
@@ -982,6 +989,15 @@
--urlbar-popup-url-color: -moz-accent-color;
}
}
+ :root:not(:-moz-lwtheme) {
+ --toolbar-field-background-color: Field !important;
+ --toolbar-field-color: FieldText !important;
+ --toolbar-field-border-color: ThreeDShadow !important;
+ }
+ :root:not(:-moz-lwtheme) #urlbar-background,
+ :root:not(:-moz-lwtheme) #searchbar {
+ background-color: var(--toolbar-field-background-color) !important;
+ }
}
/*= Mac - Default like color =================================================*/
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
@@ -3991,19 +4007,35 @@
transition-delay: 0s, 0s, 0.25s !important;
}
}
- /*- Full Screen ------------------------------------------------------------*/
+ /*- Titlebar & Full Screen -------------------------------------------------*/
+ #titlebar {
+ will-change: background-color !important;
+ transition: background-color 0.2s var(--animation-easing-function) !important;
+ }
+ #titlebar:-moz-window-inactive {
+ transition: background-color 0.5s var(--animation-easing-function) !important;
+ }
#navigator-toolbox {
/* Full screen out */
- transition: margin-top 1s ease;
+ will-change: margin-top, background-color !important;
+ transition: margin-top 1s ease, background-color 0.2s var(--animation-easing-function) !important;
transform-origin: top;
}
+ #navigator-toolbox:-moz-window-inactive {
+ transition: margin-top 1s ease, background-color 0.5s var(--animation-easing-function) !important;
+ }
#navigator-toolbox[inFullscreen="true"] {
/* Full screen enter */
animation-duration: 1s;
animation-name: fullscreen;
animation-timing-function: ease;
/* Full screen navbar not hover */
- transition: margin-top 1.3s var(--animation-easing-function) 50ms;
+ transition: margin-top 1.3s var(--animation-easing-function) 50ms,
+ background-color 0.2s var(--animation-easing-function) !important;
+ }
+ #navigator-toolbox[inFullscreen="true"]:-moz-window-inactive {
+ transition: margin-top 1.3s var(--animation-easing-function) 50ms,
+ background-color 0.5s var(--animation-easing-function) !important;
}
#navigator-toolbox[inFullscreen="true"]:hover {
margin-top: 0 !important;
@@ -5744,6 +5776,15 @@
:root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items {
visibility: collapse !important;
}
+ :root[tabsintitlebar] #titlebar {
+ z-index: 1;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive {
+ opacity: 1 !important;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox {
+ opacity: var(--inactive-titlebar-opacity);
+ }
}
/* At Activated Menubar */
:root:not([chromehidden~="menubar"], [sizemode="fullscreen"])
@@ -5894,6 +5935,15 @@
:root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items {
visibility: collapse !important;
}
+ :root[tabsintitlebar] #titlebar {
+ z-index: 1;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive {
+ opacity: 1 !important;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox {
+ opacity: var(--inactive-titlebar-opacity);
+ }
}
/* At Activated Menubar */
:root:not([chromehidden~="menubar"], [sizemode="fullscreen"])
@@ -6041,6 +6091,15 @@
:root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items {
visibility: collapse !important;
}
+ :root[tabsintitlebar] #titlebar {
+ z-index: 1;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive {
+ opacity: 1 !important;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox {
+ opacity: var(--inactive-titlebar-opacity);
+ }
}
/* At Activated Menubar */
:root:not([chromehidden~="menubar"], [sizemode="fullscreen"])
@@ -6207,6 +6266,15 @@
:root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items {
visibility: collapse !important;
}
+ :root[tabsintitlebar] #titlebar {
+ z-index: 1;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive {
+ opacity: 1 !important;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox {
+ opacity: var(--inactive-titlebar-opacity);
+ }
}
}
@media screen and (max-width: 1100px) {
@@ -6362,6 +6430,15 @@
:root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items {
visibility: collapse !important;
}
+ :root[tabsintitlebar] #titlebar {
+ z-index: 1;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive {
+ opacity: 1 !important;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox {
+ opacity: var(--inactive-titlebar-opacity);
+ }
}
/* At Activated Menubar */
:root:not([chromehidden~="menubar"], [sizemode="fullscreen"])
@@ -6512,6 +6589,15 @@
:root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items {
visibility: collapse !important;
}
+ :root[tabsintitlebar] #titlebar {
+ z-index: 1;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive {
+ opacity: 1 !important;
+ }
+ :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox {
+ opacity: var(--inactive-titlebar-opacity);
+ }
}
/* At Activated Menubar */
:root:not([chromehidden~="menubar"], [sizemode="fullscreen"])
@@ -7106,6 +7192,7 @@
.tab-background:is([selected], [multiselected]) {
background-color: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)) !important;
}
+ #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[selected]:-moz-lwtheme,
#tabbrowser-tabs:not([movingtab])
> #tabbrowser-arrowscrollbox
> .tabbrowser-tab
@@ -7115,8 +7202,16 @@
*/
background-image: linear-gradient(transparent, transparent),
linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) !important;
+ background-position: 0, 0, right top;
+ background-attachment: scroll, scroll, fixed;
+ background-repeat: repeat-x, repeat-x, no-repeat !important;
}
@supports -moz-bool-pref("userChrome.theme.transparent.frame") {
+ :root:not([lwtheme-image])
+ #tabbrowser-arrowscrollbox
+ > .tabbrowser-tab
+ > .tab-stack
+ > .tab-background[selected]:-moz-lwtheme,
:root:not([lwtheme-image])
#tabbrowser-tabs:not([movingtab])
> #tabbrowser-arrowscrollbox
diff --git a/css/leptonContent.css b/css/leptonContent.css
index d51e236..8d46fb2 100644
--- a/css/leptonContent.css
+++ b/css/leptonContent.css
@@ -3576,6 +3576,13 @@
}
}
}
+ @-moz-document url-prefix("about:logins") {
+ @supports -moz-bool-pref("userChrome.icon.context_menu") {
+ .menuitem-export {
+ background-image: url("../icons/toolbarButton-download.svg") !important;
+ }
+ }
+ }
}
}
/** Download Panel ************************************************************/
@@ -7312,6 +7319,15 @@
}
}
}
+@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") {
+ @-moz-document url-prefix("about:logins") {
+ @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") {
+ .menuitem-export {
+ background-image: url("../icons/toolbarButton-download.svg") !important;
+ }
+ }
+ }
+}
/** Download Panel ************************************************************/
@-moz-document url-prefix("about:downloads") {
@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.download_panel") {
diff --git a/css/leptonContentESR.css b/css/leptonContentESR.css
index 3613979..1f657de 100644
--- a/css/leptonContentESR.css
+++ b/css/leptonContentESR.css
@@ -3715,6 +3715,13 @@
}
}
}
+ @-moz-document url-prefix("about:logins") {
+ @supports -moz-bool-pref("userChrome.icon.context_menu") {
+ .menuitem-export {
+ background-image: url("../icons/toolbarButton-download.svg") !important;
+ }
+ }
+ }
}
}
/** Download Panel ************************************************************/
diff --git a/src/compatibility/_theme.scss b/src/compatibility/_theme.scss
index 3911d6e..ef6deb3 100644
--- a/src/compatibility/_theme.scss
+++ b/src/compatibility/_theme.scss
@@ -93,10 +93,18 @@ menu {
/*= Light Weight Theme =======================================================*/
/* Header Image */
-:root[lwtheme-image] {
+:root[lwtheme-image] > body {
+ // Linux compatibility:
+ // :root[tabsintitlebar][sizemode="normal"]:not([gtktiledwindow="true"]) {
+ // appearance: auto;
+ // }
background-image: var(--lwt-header-image) !important; /* Original: var(--lwt-header-image) */
background-repeat: no-repeat !important;
background-position: right top !important;
+ background-color: var(--lwt-accent-color, Window) !important;
+ &:-moz-window-inactive {
+ background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color)) !important;
+ }
// For high-resolution screen's image ratio
@media (min-width: 2500px) {
@@ -122,6 +130,10 @@ menu {
--lwt-tabs-border-color: rgba(0, 0, 0, 0.4);
}
+#customization-container {
+ background-color: transparent !important; /* Original: color-mix(in srgb, -moz-dialog 85%, white) */
+}
+
/*= Findbar Border Color =====================================================*/
html|input.findbar-textbox {
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)) */
diff --git a/src/contents/_context_menu.scss b/src/contents/_context_menu.scss
index aa18c87..daec5c7 100644
--- a/src/contents/_context_menu.scss
+++ b/src/contents/_context_menu.scss
@@ -25,3 +25,9 @@
@import "../icons/addon_page";
}
}
+
+@include moz-document(url-prefix "about:logins") {
+ @include Option("userChrome.icon.context_menu") {
+ @import "../icons/login_page";
+ }
+}
diff --git a/src/decoration/_animate.scss b/src/decoration/_animate.scss
index a0b7cbb..8136471 100644
--- a/src/decoration/_animate.scss
+++ b/src/decoration/_animate.scss
@@ -124,12 +124,27 @@ xul|search-textbox.tabsFilter,
}
}
-/*- Full Screen ------------------------------------------------------------*/
+/*- Titlebar & Full Screen -------------------------------------------------*/
+#titlebar {
+ will-change: background-color !important;
+ transition: background-color 0.2s var(--animation-easing-function) !important;
+
+ &:-moz-window-inactive {
+ transition: background-color 0.5s var(--animation-easing-function) !important;
+ }
+}
#navigator-toolbox {
/* Full screen out */
- transition: margin-top 1s ease;
+ will-change: margin-top, background-color !important;
+ transition: margin-top 1s ease,
+ background-color 0.2s var(--animation-easing-function) !important;
transform-origin: top;
+ &:-moz-window-inactive {
+ transition: margin-top 1s ease,
+ background-color 0.5s var(--animation-easing-function) !important;
+ }
+
&[inFullscreen="true"] {
/* Full screen enter */
animation-duration: 1s;
@@ -138,7 +153,13 @@ xul|search-textbox.tabsFilter,
/* Full screen navbar not hover */
// transition: margin-top 0.3s var(--animation-easing-function) 50ms;
- transition: margin-top 1.3s var(--animation-easing-function) 50ms;
+ transition: margin-top 1.3s var(--animation-easing-function) 50ms,
+ background-color 0.2s var(--animation-easing-function) !important;
+ &:-moz-window-inactive {
+ transition: margin-top 1.3s var(--animation-easing-function) 50ms,
+ background-color 0.5s var(--animation-easing-function) !important;
+ }
+
&:hover {
// Full screen navbar hover
// transition-duration: 1.5s; // Not works, because !important
diff --git a/src/icons/_login_page.scss b/src/icons/_login_page.scss
new file mode 100644
index 0000000..f1f26dc
--- /dev/null
+++ b/src/icons/_login_page.scss
@@ -0,0 +1,3 @@
+.menuitem-export {
+ background-image: url("../icons/toolbarButton-download.svg") !important;
+}
diff --git a/src/tab/selected_tab/_color_like_toolbar.scss b/src/tab/selected_tab/_color_like_toolbar.scss
index 5e3e323..a8fc64f 100644
--- a/src/tab/selected_tab/_color_like_toolbar.scss
+++ b/src/tab/selected_tab/_color_like_toolbar.scss
@@ -7,6 +7,10 @@
background-color: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)) !important;
}
+#tabbrowser-arrowscrollbox
+ > .tabbrowser-tab
+ > .tab-stack
+ > .tab-background[selected]:-moz-lwtheme,
#tabbrowser-tabs:not([movingtab])
> #tabbrowser-arrowscrollbox
> .tabbrowser-tab
@@ -16,6 +20,9 @@
*/
background-image: linear-gradient(transparent, transparent),
linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) !important;
+ background-position: 0, 0, right top;
+ background-attachment: scroll, scroll, fixed;
+ background-repeat: repeat-x, repeat-x, no-repeat !important;
@include Option("userChrome.theme.transparent.frame") {
:root:not([lwtheme-image]) & {
diff --git a/src/tabbar/layout/_window_control.scss b/src/tabbar/layout/_window_control.scss
index bcb07fc..2c45148 100644
--- a/src/tabbar/layout/_window_control.scss
+++ b/src/tabbar/layout/_window_control.scss
@@ -54,7 +54,9 @@ See the above repository for updates as well as full license text. */
@include OS($win) {
:root[sizemode="maximized"][tabsintitlebar] {
- --uc-titlebar-padding: 8px;
+ @if mode.isESR() {
+ --uc-titlebar-padding: 8px;
+ }
#navigator-toolbox-background {
margin-top: calc(-1 * var(--uc-titlebar-padding));
@@ -127,6 +129,16 @@ See the above repository for updates as well as full license text. */
visibility: collapse !important;
}
}
+
+ :root[tabsintitlebar] #titlebar {
+ z-index: 1;
+ &:-moz-window-inactive {
+ opacity: 1 !important;
+ .titlebar-buttonbox {
+ opacity: var(--inactive-titlebar-opacity);
+ }
+ }
+ }
}
/* At Activated Menubar */
diff --git a/src/theme/system_default_theme/_gtk.scss b/src/theme/system_default_theme/_gtk.scss
index fb4ec0f..51010ef 100644
--- a/src/theme/system_default_theme/_gtk.scss
+++ b/src/theme/system_default_theme/_gtk.scss
@@ -5,4 +5,17 @@
--urlbar-popup-url-color: #{$accentColor};
}
}
+
+ // #864
+ :root:not(:-moz-lwtheme) {
+ // Rollback to color
+ --toolbar-field-background-color: Field !important;
+ --toolbar-field-color: FieldText !important;
+ --toolbar-field-border-color: ThreeDShadow !important;
+
+ #urlbar-background, #searchbar {
+ // Original: light-dark(rgba(0, 0, 0, .05), rgba(0, 0, 0, .3))
+ background-color: var(--toolbar-field-background-color) !important;
+ }
+ }
}
diff --git a/user.js b/user.js
index bb8dcc3..71f23ca 100644
--- a/user.js
+++ b/user.js
@@ -280,6 +280,14 @@ user_pref("userContent.page.dark_mode", true); // Need proton_color
user_pref("userContent.page.proton", true); // Need proton_color
// ** Useful Options ***********************************************************
+// Tab preview
+// https://blog.nightly.mozilla.org/2024/02/06/a-preview-of-tab-previews-these-weeks-in-firefox-issue-153/
+user_pref("browser.tabs.cardPreview.enabled", true);
+
+// Paste suggestion at urlbar
+// https://blog.nightly.mozilla.org/2023/12/04/url-gonna-want-to-check-this-out-these-weeks-in-firefox-issue-150/
+user_pref("browser.urlbar.clipboard.featureGate", true);
+
// Integrated calculator at urlbar
user_pref("browser.urlbar.suggest.calculator", true);
@@ -290,6 +298,18 @@ user_pref("browser.urlbar.suggest.calculator", true);
// user_pref("browser.tabs.drawInTitlebar", true);
// user_pref("browser.tabs.inTitlebar", 1); // Nightly, 96 Above
+// Searchbar, Removed from settings starting with FF v122
+// user_pref("browser.search.widget.inNavBar", true);
+
+// Firefox view search
+// https://blog.nightly.mozilla.org/2023/12/14/better-searching-in-firefox-to-close-out-2023-these-weeks-in-firefox-issue-151/
+// user_pref("browser.firefox-view.search.enabled", true);
+// user_pref("browser.firefox-view.virtual-list.enabled", true);
+
+// Firefox screenshot
+// https://blog.nightly.mozilla.org/2024/01/22/happy-new-year-these-weeks-in-firefox-issue-152/
+// user_pref("screenshots.browser.component.enabled", true);
+
// ** Scrolling Settings *******************************************************
// == Only Sharpen Scrolling ===================================================
// Pref Value Original