Added Dark Mode (#406)

* Added Dark mode

* updated readme and updated version

Author: ferranpons

README.md

@@ -307,6 +307,36 @@ This library uses material components, so should use Theme.MaterialComponents or
 
 > `colorControlActivated` is used to colorize Street title, if not set, it uses colorAccent by default
 
+##### Dark Theme (Day/Night) support ✅
+
+Leku supports Android Day/Night resources and can automatically adapt to Dark Mode, **as long as the picker activity is using a DayNight theme**.
+
+**Recommended (easiest):** apply `leku_Theme` to `LocationPickerActivity` in your app manifest:
+
+```xml
+<activity
+    android:name="com.adevinta.leku.LocationPickerActivity"
+    android:label="@string/leku_title_activity_location_picker"
+    android:theme="@style/leku_Theme"
+    android:windowSoftInputMode="adjustPan"
+    android:parentActivityName=".MainActivity">
+    <intent-filter>
+        <action android:name="android.intent.action.SEARCH" />
+    </intent-filter>
+    <meta-data
+        android:name="android.app.searchable"
+        android:resource="@xml/leku_searchable" />
+    <meta-data
+        android:name="android.support.PARENT_ACTIVITY"
+        android:value=".MainActivity" />
+</activity>
+```
+
+If your app already uses a DayNight theme (AppCompat or MaterialComponents), you can also rely on your app theme instead of `leku_Theme`.
+
+> Note: the picker UI will follow the **system** or **app** night mode.  
+> The Google Map tiles themselves can be styled independently via `.withMapStyle(...)` (see below).
+
 ##### New activity images and button color customization
 
 If you need to change theme colors for new activity map, you can do it with the below keys:
@@ -327,6 +357,23 @@ To customize map, use:
 
 > Theme creator here: https://mapstyle.withgoogle.com/
 
+**Tip for Dark Mode maps:** you can provide a different style JSON for night mode, e.g.:
+
+```kotlin
+val builder = LocationPickerActivity.Builder(context)
+    .withLocation(41.4036299, 2.1743558)
+
+if ((context.resources.configuration.uiMode and android.content.res.Configuration.UI_MODE_NIGHT_MASK)
+    == android.content.res.Configuration.UI_MODE_NIGHT_YES
+) {
+    builder.withMapStyle(R.raw.map_style_night)
+} else {
+    builder.withMapStyle(R.raw.map_style_retro)
+}
+
+val intent = builder.build()
+```
+
 ##### Layout
 
 It's possible to hide or show some of the information shown after selecting a location.

app/src/main/java/com/adevinta/mappicker/MainActivity.kt

@@ -13,6 +13,7 @@ import androidx.activity.compose.setContent
 import androidx.activity.result.ActivityResult
 import androidx.activity.result.contract.ActivityResultContracts
 import androidx.appcompat.app.AppCompatActivity
+import androidx.appcompat.app.AppCompatDelegate
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
@@ -153,9 +154,32 @@ class MainActivity : AppCompatActivity() {
     }
 }
 
+/**
+ * Toggles between Light and Dark mode for the sample app.
+ */
+private fun toggleNightMode(context: Context) {
+    val currentNightMode =
+        context.resources.configuration.uiMode and android.content.res.Configuration.UI_MODE_NIGHT_MASK
+
+    val newMode =
+        when (currentNightMode) {
+            android.content.res.Configuration.UI_MODE_NIGHT_YES -> AppCompatDelegate.MODE_NIGHT_NO
+            else -> AppCompatDelegate.MODE_NIGHT_YES
+        }
+
+    AppCompatDelegate.setDefaultNightMode(newMode)
+}
+
+private fun isNightMode(context: Context): Boolean {
+    val currentNightMode =
+        context.resources.configuration.uiMode and android.content.res.Configuration.UI_MODE_NIGHT_MASK
+    return currentNightMode == android.content.res.Configuration.UI_MODE_NIGHT_YES
+}
+
 private fun onLaunchMapPickerClicked(context: Context) {
     val activity = context as MainActivity
-    val locationPickerIntent =
+
+    val builder =
         LocationPickerActivity
             .Builder(activity)
             .withLocation(DEMO_LATITUDE, DEMO_LONGITUDE)
@@ -175,8 +199,15 @@ private fun onLaunchMapPickerClicked(context: Context) {
             // .withVoiceSearchHidden()
             .withUnnamedRoadHidden()
             .withSolidBottomColor()
-            // .withSearchBarHidden()
-            .build()
+    // .withSearchBarHidden()
+
+    // Optional: use a dark Google Maps style when night mode is enabled
+    // (requires you to add app/src/main/res/raw/map_style_night.json)
+    if (isNightMode(context)) {
+        builder.withMapStyle(R.raw.map_style_night)
+    }
+
+    val locationPickerIntent = builder.build()
 
     // this is optional if you want to return RESULT_OK if you don't set the
     // latitude/longitude and click back button
@@ -231,12 +262,19 @@ private fun onMapPoisClicked(context: Context) {
 
 private fun onMapWithStylesClicked(context: Context) {
     val activity = context as MainActivity
-    val locationPickerIntent =
+
+    val builder =
         LocationPickerActivity
             .Builder(activity)
             .withLocation(DEMO_LATITUDE, DEMO_LONGITUDE)
-            .withMapStyle(R.raw.map_style_retro)
-            .build()
+
+    if (isNightMode(context)) {
+        builder.withMapStyle(R.raw.map_style_night)
+    } else {
+        builder.withMapStyle(R.raw.map_style_retro)
+    }
+
+    val locationPickerIntent = builder.build()
     activity.mapPoisActivityResultLauncher.launch(locationPickerIntent)
 }
 
@@ -260,6 +298,24 @@ fun MainView() {
             painter = painterResource(id = R.mipmap.leku_img_logo),
             contentDescription = null,
         )
+
+        Button(
+            colors =
+                ButtonDefaults.buttonColors(
+                    backgroundColor = buttonColor,
+                    contentColor = Color.White,
+                ),
+            onClick = { toggleNightMode(context) },
+        ) {
+            Text(
+                "Toggle Dark / Light",
+                Modifier
+                    .padding(8.dp)
+                    .fillMaxWidth(),
+                textAlign = TextAlign.Center,
+            )
+        }
+
         Button(
             colors =
                 ButtonDefaults.buttonColors(

app/src/main/res/raw/map_style_night.json

@@ -0,0 +1,7 @@
+[
+  { "elementType": "geometry", "stylers": [{ "color": "#1d2c4d" }] },
+  { "elementType": "labels.text.fill", "stylers": [{ "color": "#8ec3b9" }] },
+  { "elementType": "labels.text.stroke", "stylers": [{ "color": "#1a3646" }] },
+  { "featureType": "road", "elementType": "geometry", "stylers": [{ "color": "#304a7d" }] },
+  { "featureType": "water", "elementType": "geometry", "stylers": [{ "color": "#0e1626" }] }
+]

app/src/main/res/values/styles.xml

@@ -1,7 +1,7 @@
 <resources>
 
   <style name="AppTheme"
-         parent="Theme.MaterialComponents.Light.NoActionBar">
+         parent="leku_Theme">
     <item name="colorPrimary">#009688</item>
     <item name="colorPrimaryDark">#00695C</item>
     <item name="colorAccent">#2979FF</item>

gradle.properties

@@ -2,7 +2,7 @@ org.gradle.jvmargs=-Xmx2048m
 org.gradle.configureondemand=false
 android.useAndroidX=true
 libGroup=com.adevinta.android
-libVersion=13.0.0
+libVersion=13.1.0
 
 android.buildFeatures.buildConfig=true
 android.nonTransitiveRClass=false

gradle/libs.versions.toml

@@ -5,7 +5,7 @@ animation = "1.9.3"
 espressoVersion = "3.7.0"
 fragmentKtx = "1.8.9"
 googleMapsServices = "2.2.0"
-gradle = "8.13.0"
+gradle = "8.13.2"
 gradleNexusStagingPlugin = "0.30.0"
 kotlinVersion = "2.2.20"
 kotlinxCoroutinesGuava = "1.10.2"

leku/src/main/AndroidManifest.xml

@@ -14,6 +14,7 @@
         android:name="com.adevinta.leku.LocationPickerActivity"
         android:label="@string/leku_title_activity_location_picker"
         android:windowSoftInputMode="adjustPan"
+        android:theme="@style/leku_Theme"
         android:parentActivityName=".MainActivity">
         <intent-filter>
             <action android:name="android.intent.action.SEARCH" />

leku/src/main/res/drawable/leku_bottom_screen_gradient_background.xml

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="utf-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android">
     <gradient
-        android:startColor="#FFFFFFFF"
-        android:endColor="#00FFFFFF"
+        android:startColor="@color/leku_white"
+        android:endColor="@android:color/transparent"
         android:angle="270"
         android:dither="true"
         />

leku/src/main/res/values-night/colors.xml

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+  <color name="leku_white">#FF1E1E1E</color>
+  <color name="leku_white_alpha">#F21E1E1E</color>
+  <color name="leku_soft_grey">#FF2A2A2A</color>
+  <color name="leku_mid_grey">#FF9AA0A6</color>
+  <color name="leku_strong_grey">#FFE8EAED</color>
+  <color name="leku_search_background">#0000</color>
+  <color name="leku_blackish">#FFE8EAED</color>
+  <color name="leku_black_20_transparent">#33FFFFFF</color>
+
+  <color name="leku_ic_close">@null</color>
+  <color name="leku_ic_gps">@null</color>
+  <color name="leku_ic_satellite">@null</color>
+  <color name="leku_ic_maps">@null</color>
+  <color name="leku_location_accept_button_bg">@null</color>
+</resources>

leku/src/main/res/values/themes.xml

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+  <!--
+    Apply this theme to LocationPickerActivity in your app's AndroidManifest.xml:
+      android:theme="@style/leku_Theme"
+    It inherits from a DayNight parent so it will automatically follow the system/app night mode.
+  -->
+  <style name="leku_Theme" parent="Theme.MaterialComponents.DayNight.NoActionBar">
+    <!-- Keep colors coming from the host app/theme (primary, secondary, etc.) -->
+  </style>
+
+</resources>