For Dark Mode…

I set dark mode on my site using the toggleClass() function.

The code is:

<script>
jQuery(document).ready(function( $ ){
	$('a.koyumoduacbakalim').on('click', function(){
		$('body').toggleClass('koyu-modumuz');
	});
});
</script>

What can be done to adapt PWA to this sudden change?

For example, the theme color. I couldn’t do anything because I don’t know much about JS, but is it possible to adapt the code below or write a new one to be used?

add_filter( 'web_app_manifest', function( $manifest ) {
    $manifest['theme_color'] = '#fff';
    return $manifest;
} );

Do you have any other suggestions to do?

Thank you for your help.