From d824bb2ac357f9b28fc16651d319c6f0d2421d01 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Malte=20J=C3=BCrgens?= <maltejur@dismail.de>
Date: Wed, 4 May 2022 00:49:57 +0200
Subject: [PATCH] update website appearance patch

---
 assets/patches.txt                              |  2 +-
 ...ce.patch => website-appearance-ui-rfp.patch} | 17 +++++++----------
 2 files changed, 8 insertions(+), 11 deletions(-)
 rename patches/ui-patches/{hide-website-appearance.patch => website-appearance-ui-rfp.patch} (63%)

diff --git a/assets/patches.txt b/assets/patches.txt
index 4fc2bf2..2172f39 100644
--- a/assets/patches.txt
+++ b/assets/patches.txt
@@ -15,7 +15,6 @@ patches/sed-patches/remove-internal-plugin-certs.patch
 patches/sed-patches/stop-undesired-requests2.patch
 patches/ui-patches/handlers.patch
 patches/ui-patches/hide-default-browser.patch
-patches/ui-patches/hide-website-appearance.patch
 patches/ui-patches/lw-logo-devtools.patch
 patches/ui-patches/pref-naming.patch
 patches/ui-patches/privacy-preferences.patch
@@ -25,4 +24,5 @@ patches/ui-patches/remove-cfrprefs.patch
 patches/ui-patches/remove-organization-policy-banner.patch
 patches/ui-patches/remove-snippets-from-home.patch
 patches/ui-patches/sanitizing-description.patch
+patches/ui-patches/website-appearance-ui-rfp.patch
 patches/urlbarprovider-interventions.patch
diff --git a/patches/ui-patches/hide-website-appearance.patch b/patches/ui-patches/website-appearance-ui-rfp.patch
similarity index 63%
rename from patches/ui-patches/hide-website-appearance.patch
rename to patches/ui-patches/website-appearance-ui-rfp.patch
index 536c930..b17764f 100644
--- a/patches/ui-patches/hide-website-appearance.patch
+++ b/patches/ui-patches/website-appearance-ui-rfp.patch
@@ -1,6 +1,6 @@
 --- a/browser/components/preferences/main.js
 +++ b/browser/components/preferences/main.js
-@@ -806,6 +806,32 @@ var gMainPane = {
+@@ -806,6 +806,29 @@ var gMainPane = {
        () => this.readBrowserContainersCheckbox()
      );
  
@@ -10,24 +10,21 @@
 +      const infoBox = document.createElement("div");
 +      infoBox.classList.add("info-box-container");
 +      infoBox.style.display = "flex";
-+      infoBox.style.marginBottom = "10px";
-+      const icon = document.createElement("div");
-+      icon.classList.add("info-icon-container");
-+      infoBox.appendChild(icon);
++      infoBox.style.alignItems = "center";
++      infoBox.style.marginTop = "10px";
++      infoBox.style.marginBottom = "5px";
 +      const text = document.createElement("div");
-+      text.innerText = "Since RPF is enabled, the website appearance chooser is disabled.";
++      text.innerText = "This feature is disabled because ResistFingerprinting is enabled. This means LibreWolf will force web content to display in a light theme.";
 +      infoBox.appendChild(text);
 +      const learnMore = document.createElement("a");
 +      learnMore.classList.add("text-link");
 +      learnMore.style.marginLeft = "5px";
++      learnMore.style.flexShrink = 0;
 +      learnMore.setAttribute("is", "learn-more");
 +      learnMore.href = "https://librewolf.net/docs/faq/#why-is-librewolf-forcing-light-theme";
 +      learnMore.innerText = "Learn more";
 +      infoBox.appendChild(learnMore);
-+      const manageThemes = document.getElementById("webAppearanceSettings").lastElementChild;
-+      manageThemes.remove();
-+      document.getElementById("webAppearanceSettings").append(infoBox);
-+      document.getElementById("webAppearanceSettings").appendChild(manageThemes);
++      document.getElementById("webAppearanceSettings").insertBefore(infoBox, document.getElementById("webAppearanceSettings").children[2]);
 +    }
 +
      this.setInitialized();