mirror of
https://github.com/black7375/Firefox-UI-Fix.git
synced 2026-01-11 03:32:48 -08:00
Merge master into photon-style
This commit is contained in:
github-actions[bot]
GitHub
commit
7343efe88d
14 changed files with 439 additions and 62 deletions
4
CREDITS
4
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
|
||||
|
|
|
|||
|
|
@ -210,6 +210,7 @@ Thanks to all sponsors & contributors to this project for providing help and dev
|
|||
[[https://github.com/Mike-Kennelly][@@html:<img src="https://avatars.githubusercontent.com/u/151653777?s=60&v=4"/>@@]]
|
||||
[[https://github.com/Cyberax][@@html:<img width="60" height="60" src="https://avatars.githubusercontent.com/u/1136550?s=60&v=4"/>@@]]
|
||||
[[https://github.com/AuRiMaS666][@@html:<img width="60" height="60" src="https://avatars.githubusercontent.com/u/59185222?s=60&v=4"/>@@]]
|
||||
[[https://github.com/firefox9067][@@html:<img width="60" height="60" src="https://avatars.githubusercontent.com/u/80527364?s=60&v=4"/>@@]]
|
||||
|
||||
- A donation was received from Safira on [[https://ko-fi.com/home/coffeeshop?txid=97e5fa0d-c73e-4308-a2fd-6b44b08cd828][Ko-Fi]]
|
||||
- Private sponsors: 3
|
||||
|
|
|
|||
260
css/leptonChrome.css
generated
260
css/leptonChrome.css
generated
|
|
@ -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
|
||||
|
|
|
|||
109
css/leptonChromeESR.css
generated
109
css/leptonChromeESR.css
generated
|
|
@ -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
|
||||
|
|
|
|||
16
css/leptonContent.css
generated
16
css/leptonContent.css
generated
|
|
@ -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") {
|
||||
|
|
|
|||
7
css/leptonContentESR.css
generated
7
css/leptonContentESR.css
generated
|
|
@ -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 ************************************************************/
|
||||
|
|
|
|||
|
|
@ -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)) */
|
||||
|
|
|
|||
|
|
@ -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";
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
3
src/icons/_login_page.scss
Normal file
3
src/icons/_login_page.scss
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
.menuitem-export {
|
||||
background-image: url("../icons/toolbarButton-download.svg") !important;
|
||||
}
|
||||
|
|
@ -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]) & {
|
||||
|
|
|
|||
|
|
@ -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 */
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
20
user.js
20
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
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue