Support for dark mode

[IanD-Brown]

I have eyesight issues and always run in dark (high contrast). I've added support for it in kmp app I've been working on, but cannot see how to extend into FileKit.openFileSaver as is a suspend fun.

[vinceglb]

Hi @IanD-Brown! Thanks for creating this issue.

FileKit.openFileSaver (and the other pickers) uses the platform’s native save dialog rather than a Compose/Material UI. Because of that, FileKit doesn’t currently have a cross‑platform way to force a dark/high‑contrast theme. The dialog follows the OS theme.

Could you share which target/platform you’re on (Android/iOS/Desktop/Web) and what you’re seeing?

[IanD-Brown]

Hi @vinceglb - I'm developing on macos. Though perhaps was due to running in Android Studio but just build a .dmg and installed. The mac is in dark theme but dialog light -

[vinceglb]

Thanks for the screens! You can update macOS System Appearance using this:

System.setProperty("apple.awt.application.appearance", "system")

Here an example of how to use it in sample-compose.

[IanD-Brown]

Hi @vinceglb, Sorry I'm still struggling with this. Updated main to
fun main() = application { if (System.getProperty("os.name").contains("mac", true)) { System.setProperty("apple.awt.application.appearance", "system") } startKoinCommon(DBFactory()) Window(onCloseRequest = ::exitApplication, title = "Football season planner") { App(FileKitDialogSettings(this.window)) } }
and then
val file = FileKit.openFileSaver(suggestedName = "seasonFixtures", extension = "csv", dialogSettings = fileKitDialogSettings)
but the dialog continues to show light background.

Copied your repo locally to run your sample but ./gradlew samples:sample-compose:composeApp:run in the FileKit-main folder fails with * What went wrong: Cannot locate tasks that match 'samples:sample-compose:composeApp:run' as project 'samples' not found in root project 'FileKit'.
(and also haven't managed to get them to run inside Android Studio)

[Jasper557]

Same issue persists. I also added

System.setProperty("apple.awt.application.appearance", "system");

to my main function, but it doesn’t help. The file picker still appears in light mode, even though the system appearance is set to dark mode.