fix: make Anki pages bg color follow the app theme

BrayanDSO · Dec 9, 2023 · 27d9108 · 27d9108
1 parent 8e6e147
commit 27d9108
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/AnkiDroid/src/main/java/com/ichi2/anki/pages/PageWebViewClient.kt b/AnkiDroid/src/main/java/com/ichi2/anki/pages/PageWebViewClient.kt
@@ -18,15 +18,23 @@ package com.ichi2.anki.pages
 import android.webkit.WebView
 import android.webkit.WebViewClient
 import androidx.core.view.isVisible
+import com.google.android.material.color.MaterialColors
+import com.ichi2.anki.R
+import com.ichi2.utils.toRGBHex
 
 /**
  * Base WebViewClient to be used on [PageFragment]
  */
 open class PageWebViewClient : WebViewClient() {
     override fun onPageFinished(view: WebView?, url: String?) {
         super.onPageFinished(view, url)
-        /** [PageFragment.webView] is invisible by default to avoid flashes while
-         * the page is loaded, and can be made visible again after it finishes loading */
-        view?.isVisible = true
+        view?.let { webView ->
+            val bgColor = MaterialColors.getColor(webView, android.R.attr.colorBackground).toRGBHex()
+            webView.evaluateJavascript("document.body.style.backgroundColor = '$bgColor';") {}
+
+            /** [PageFragment.webView] is invisible by default to avoid flashes while
+             * the page is loaded, and can be made visible again after it finishes loading */
+            view.isVisible = true
+        }
     }
 }