WebSettingsCompat.DARK_STRATEGY_WEB_THEME_DARKENING_ONLY does not load dark version of WebPage

Question

I am loading a WebPage into Android WebView. My Webpage has @media(prefers-color-scheme: dark) for displaying for DarkMode.

Here is what my webpage looks like in Browser

Light Mode

DarkMode

But in My Android WebView the webpage is loaded only in light mode in Android Emulator. Android WebView version is v 83.0.4103.106 .

I found similar questions in StackOverflow but none if them seem to work for me. I have defined <meta name="color-scheme" content="dark light"> in index.html tag .

My understanding is that I can choose

DARK_STRATEGY_PREFER_WEB_THEME_OVER_USER_AGENT_DARKENING

which will load the Website Darkmode.

My Code to enforce the darkening strategy

webView = findViewById(R.id.webView);
webView.getSettings().setJavaScriptEnabled(true);
webView.setWebViewClient(webviewClient);

//Enforce Website DarkMode
if (WebViewFeature.isFeatureSupported(WebViewFeature.FORCE_DARK_STRATEGY)) {
        WebSettingsCompat.setForceDarkStrategy(webView.getSettings(), WebSettingsCompat.DARK_STRATEGY_WEB_THEME_DARKENING_ONLY);
}

webView .loadUrl("http://10.0.2.2:3128");

But it does not work.