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