tauri-docs icon indicating copy to clipboard operation
tauri-docs copied to clipboard

[request] Guide for background color

Open FabianLars opened this issue 4 months ago • 3 comments

Setting the app's background color isn't that simple on mobile if you want to prevent flashes. Maybe we can couple this with a simple native splashscreen config guide idk. For just the color without a fancy splashscreen everything is documented as comments here already: https://github.com/tauri-apps/tauri/issues/1564

FabianLars avatar Jul 27 '25 16:07 FabianLars

Hi, @FabianLars what's the latest guidance for "flashing on start" on IOS ? In mac/windows I use visible:false, but unfortunately its not available on IOS. I created a dark background app, so I wanted when starting the app, all screen is dark including the splash screen, how to do this ?

Thanks

Edit : Ok, the splashscreen works, I changed it to dark color, but then there's splash white screen (maybe this is the browser initial color), then my webapp color. How to change the browser initial color to dark ?

Edit 2 : Changed the ios simulator theme to dark theme also not helping, still white blank screen before loading the app

Edit 3 : Ok, its getting better by setting the transparent(true)

x4080 avatar Aug 05 '25 00:08 x4080

configuring the window color in tauri's normal config and this https://github.com/tauri-apps/tauri/issues/1564#issuecomment-2847521645 (excluding the crates.io patch since it's published now) should be everything to make it work.

FabianLars avatar Aug 05 '25 09:08 FabianLars

Thanks @FabianLars

x4080 avatar Aug 06 '25 21:08 x4080