Dark mode for webview

Discuss
#1

I am trying to make a app which will load any website ex. google.com into dark mode when button press,By default web page color is light or white background , i want to add a button on the app when i press the button, it load the web page in night or dark mode. Is it possible? or how to do that. I tried simple night mode extension. which dosen’t work. My phone is samsung note 9 .android version 9/ android pie. Please help…

Google-search-app-for-iOS-Light-vs-Dark-Mode-1200x1200
Google-search-app-for-iOS-Light-vs-Dark-Mode-1200x12001200×1200 82.7 KB

#2

Hey! I’m facing the same issue, the web page doesn’t load as dark mode when the device theme is, if you managed to find the solution, could you please tell me? Thanks in advance and good luck!

#3

I am Also Looking for Solution. I Posted in Kodular Community to discus this topic but no one replied the solution

#4

There is a method to change background color by changing whole body background colour = black**
by JavaScript… you can see Js evaluate block in webviewr…
Use this block when page loaded event raised…
use this in js evaluate block…

document.body.style.backgroundColor = “black”;

#5

CustomWebView has this feature.

#6

where i can download this extension

#7

what about searching the community?
https://community.kodular.io/search?q=custom%20webview%20%23extensions%20
Taifun

#8

Can You Provide Details How to Add Home Page link and which types components can be used also my app is stoped working when start

#9

Can you tell how can i use this component ??

#10

Read the documentation here CustomWebView : An extended form of Web Viewer and continue reading the complete thread to find many examples

Taifun

1 Like
#11

I have already read all posts on page you mentioned but my app keeps stops when ever i try to load url from custom webview

#12

what about providing a screenshot of your relevant blocks?
also use logcat to find out what is going on

Taifun

#13

Screenshot_20240704-061622_Chrome

Check this

#14

What is that procedure doing?
Does it work without using that procedure?

Taifun

#15

Crash was due to wrong extension instance. Created webview for 1 and SetWebView for 2.

#16

I fixed other issue but dark mode feature is not working

#17

How to use this can you provide details please

#18

Use evaluate js block and in the text input enter

document.body.style.backgroundColor = “black”;
#19

already added but it is not working

#20

Try this

document.body.style.backgroundColor = "black";