From 8f16dc0ce1937bdb7a37b77b74d14f321a2d40a2 Mon Sep 17 00:00:00 2001 From: bmFtZQ <62812711+bmFtZQ@users.noreply.github.com> Date: Thu, 15 Dec 2022 00:31:27 +0800 Subject: [PATCH] add Firefox view background image --- chrome/content/newtab.css | 102 ++++++++++++++++++++++++++++++-------- chrome/userContent.css | 4 +- 2 files changed, 83 insertions(+), 23 deletions(-) diff --git a/chrome/content/newtab.css b/chrome/content/newtab.css index 8d8addd..a092b93 100644 --- a/chrome/content/newtab.css +++ b/chrome/content/newtab.css @@ -1,7 +1,9 @@ /* EdgeFr-Fox by bmFtZQ - content/newtab.css */ /* colours */ -@-moz-document url-prefix("about:newtab"), url-prefix("about:home") { +@-moz-document url-prefix("about:newtab"), +url-prefix("about:home"), +url-prefix("about:firefoxview") { body:not([lwt-newtab], [lwt-newtab-brighttext]), body[style*="--newtab-background-color: rgb(249, 249, 251)"] { --newtab-background-color: #F7F7F7 !important; @@ -49,7 +51,8 @@ } } -@-moz-document url-prefix("about:newtab"), url-prefix("about:home") { +@-moz-document url-prefix("about:newtab"), +url-prefix("about:home") { /* hide pin */ .icon.icon-pin-small { display: none !important; @@ -160,14 +163,24 @@ /* private browsing newtab */ @-moz-document url-prefix(about:privatebrowsing) { :root { - --uc-wordmark-color: #737373 !important; - --uc-background-color-secondary: #fff !important; + --uc-wordmark-color: #737373; + --uc-background-color-secondary: #fff; } @media (prefers-color-scheme: dark) { :root { - --uc-wordmark-color: #fff !important; + --uc-wordmark-color: #fff; + --uc-background-color-secondary: #4a4a4a; + } + } + + @supports -moz-bool-pref("browser.theme.dark-private-windows") { + html.private { + --in-content-page-color: white !important; + --in-content-page-background: #252525 !important; + --in-content-focus-outline-color: #63ADE5 !important; --uc-background-color-secondary: #4a4a4a !important; + --uc-wordmark-color: #fff !important; } } @@ -211,11 +224,27 @@ .info { background-color: var(--uc-background-color-secondary) !important; + background-image: none !important; + position: relative !important; + } + + .info::before { + content: ""; + position: absolute; + left: 32px; + top: 20px; + height: 32px; + aspect-ratio: 1 / 1; + background: center / contain url("../icons/account-private.svg"); + border-radius: 99px; } } @supports -moz-bool-pref("uc.tweak.newtab-background") { - @-moz-document url(about:newtab), url(about:home), url(about:privatebrowsing) { + @-moz-document url(about:newtab), + url(about:home), + url(about:privatebrowsing), + url-prefix("about:firefoxview") { body:not([lwt-newtab]), body[lwt-newtab], body[lwt-newtab][lwt-newtab-brighttext] { @@ -225,6 +254,8 @@ --bg-1: url(../background-1.jpg), url(../background-1.png); --newtab-element-hover-color: rgba(239, 239, 239, 0.3) !important; --newtab-element-active-color: rgba(239, 239, 239, 0.45) !important; + --text-shadow: 0 1px 2px #000; + --icon-shadow: drop-shadow(0 0.3px 0.6px #000); background-color: #252525 !important; background-image: var(--bg-0) !important; background-position: center !important; @@ -232,42 +263,71 @@ background-attachment: fixed !important; } - body[lwt-newtab][lwt-newtab-brighttext] { + body[lwt-newtab][lwt-newtab-brighttext], + :root.private body { background-image: var(--bg-1), var(--bg-0) !important; --newtab-element-hover-color: rgba(66, 66, 66, 0.4) !important; --newtab-element-active-color: rgba(66, 66, 66, 0.55) !important; } - .wordmark, - .icon-settings, - .top-site-outer .context-menu-button { - color: #fff !important; - fill: currentColor !important; - filter: drop-shadow(0 0.3px 0.6px #000) !important; + @supports not -moz-bool-pref("browser.theme.dark-private-windows") { + :root.private body { + background-image: var(--bg-0) !important; + } + + @media (prefers-color-scheme: dark) { + :root.private body { + background-image: var(--bg-1), var(--bg-0) !important; + } + } } .top-site-outer .title, - .ds-header, .ds-layout .section-title span, - .ds-navigation { + .ds-header, + .ds-layout .section-title span, + .ds-navigation, + .page-section-header>h1, + .page-section-header>.section-description, + .closed-tab-li-main:not(:hover, :active), + .closed-tab-li-dismiss, + .brand-logo>.brand-feature-name, + #colorways-collection-title, + #colorways-collection-description, + .synced-tabs-container>.loading-content { + text-shadow: var(--text-shadow) !important; color: #fff !important; - text-shadow: 0 1px 2px #000 !important; -moz-osx-font-smoothing: auto !important; } + .wordmark, + .icon-settings, + .top-site-outer .context-menu-button, + .closed-tab-li-main:not(:hover, :active) .favicon, + .page-section-header:not(:hover)>.twisty, + .synced-tab-li-favicon, + .page-section-header:not(:hover)>.twisty, + .closed-tab-li-dismiss:not(:hover), + .synced-tabs-container>.loading-content .sync { + filter: var(--icon-shadow) !important; + color: #fff !important; + fill: currentColor !important + } + .section-top-bar .learn-more-link a, .ds-navigation a { color: #b3d4ff !important; - text-shadow: 0 1px 2px #000 !important; + text-shadow: var(--text-shadow) !important; -moz-osx-font-smoothing: auto !important; } - .top-site-outer .title .sponsored-label { - color: #fffc !important; + .top-site-outer .title .sponsored-label, + .closed-tab-li-main:not(:hover, :active) :is(.closed-tab-li-url, .closed-tab-li-time) { + color: #eee !important; } - body:not(.inline-onboarding) .fixed-search .search-wrapper { + .fixed-search .search-wrapper { border-bottom: 0 !important; - background: transparent linear-gradient(#0004 , transparent) !important; + background: transparent linear-gradient(#0004, transparent) !important; } } } diff --git a/chrome/userContent.css b/chrome/userContent.css index 1f835b8..e1bf933 100644 --- a/chrome/userContent.css +++ b/chrome/userContent.css @@ -1,3 +1,3 @@ /* EdgeFr-Fox by bmFtZQ */ -@import url(content/common.css); -@import url(content/newtab.css); +@import url("content/common.css"); +@import url("content/newtab.css");