From 82c36b4780320b6b7be7389bc729c80c5a9f4b35 Mon Sep 17 00:00:00 2001
From: lsrom <lukas.srom@gmail.com>
Date: Thu, 13 Jun 2024 02:50:23 +0200
Subject: [PATCH] Use background color from material theme in new tiles

Color new tiles according to set theme so they are not white in dark mode apps while loading.
---
 .../ovh/plrapps/mapcompose/ui/view/TileCanvas.android.kt       | 3 +++
 .../ovh/plrapps/mapcompose/ui/view/TileCanvas.desktop.kt       | 3 +++
 .../kotlin/ovh/plrapps/mapcompose/ui/view/TileCanvas.ios.kt    | 3 +++
 3 files changed, 9 insertions(+)

diff --git a/library/src/androidMain/kotlin/ovh/plrapps/mapcompose/ui/view/TileCanvas.android.kt b/library/src/androidMain/kotlin/ovh/plrapps/mapcompose/ui/view/TileCanvas.android.kt
index a3ee99e..2024518 100644
--- a/library/src/androidMain/kotlin/ovh/plrapps/mapcompose/ui/view/TileCanvas.android.kt
+++ b/library/src/androidMain/kotlin/ovh/plrapps/mapcompose/ui/view/TileCanvas.android.kt
@@ -3,7 +3,9 @@ package ovh.plrapps.mapcompose.ui.view
 import android.graphics.Paint
 import android.graphics.Rect
 import androidx.compose.foundation.Canvas
+import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.material.MaterialTheme
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.remember
 import androidx.compose.ui.Modifier
@@ -37,6 +39,7 @@ internal actual fun TileCanvas(
 
     Canvas(
         modifier = modifier
+            .background(MaterialTheme.colors.background)
             .fillMaxSize()
     ) {
         withTransform({
diff --git a/library/src/desktopMain/kotlin/ovh/plrapps/mapcompose/ui/view/TileCanvas.desktop.kt b/library/src/desktopMain/kotlin/ovh/plrapps/mapcompose/ui/view/TileCanvas.desktop.kt
index 6e837cb..2f59033 100644
--- a/library/src/desktopMain/kotlin/ovh/plrapps/mapcompose/ui/view/TileCanvas.desktop.kt
+++ b/library/src/desktopMain/kotlin/ovh/plrapps/mapcompose/ui/view/TileCanvas.desktop.kt
@@ -1,7 +1,9 @@
 package ovh.plrapps.mapcompose.ui.view
 
 import androidx.compose.foundation.Canvas
+import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.material.MaterialTheme
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.remember
 import androidx.compose.ui.Modifier
@@ -38,6 +40,7 @@ internal actual fun TileCanvas(
 
     Canvas(
         modifier = modifier
+            .background(MaterialTheme.colors.background)
             .fillMaxSize()
     ) {
         withTransform({
diff --git a/library/src/iosMain/kotlin/ovh/plrapps/mapcompose/ui/view/TileCanvas.ios.kt b/library/src/iosMain/kotlin/ovh/plrapps/mapcompose/ui/view/TileCanvas.ios.kt
index 6e837cb..2f59033 100644
--- a/library/src/iosMain/kotlin/ovh/plrapps/mapcompose/ui/view/TileCanvas.ios.kt
+++ b/library/src/iosMain/kotlin/ovh/plrapps/mapcompose/ui/view/TileCanvas.ios.kt
@@ -1,7 +1,9 @@
 package ovh.plrapps.mapcompose.ui.view
 
 import androidx.compose.foundation.Canvas
+import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.material.MaterialTheme
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.remember
 import androidx.compose.ui.Modifier
@@ -38,6 +40,7 @@ internal actual fun TileCanvas(
 
     Canvas(
         modifier = modifier
+            .background(MaterialTheme.colors.background)
             .fillMaxSize()
     ) {
         withTransform({