replace color picker from another library

Fixes: #19237

Author: thedroiddiv

AnkiDroid/build.gradle

@@ -424,7 +424,7 @@ dependencies {
     implementation libs.java.semver // For AnkiDroid JS API Versioning
     implementation libs.drakeet.drawer
     implementation libs.tapTargetPrompt
-    implementation libs.colorpicker
+    implementation libs.skydoves.colorpickerview
     implementation libs.kotlin.reflect
     implementation libs.kotlin.test
     implementation libs.search.preference

AnkiDroid/src/main/java/com/ichi2/anki/Whiteboard.kt

@@ -45,10 +45,10 @@ import com.ichi2.anki.common.time.Time
 import com.ichi2.anki.common.time.getTimestamp
 import com.ichi2.anki.dialogs.WhiteBoardWidthDialog
 import com.ichi2.anki.preferences.sharedPrefs
+import com.ichi2.anki.ui.windows.reviewer.whiteboard.createColorPickerDialog
 import com.ichi2.compat.CompatHelper
 import com.ichi2.themes.Themes.currentTheme
 import com.ichi2.utils.DisplayUtils.getDisplayDimensions
-import com.mrudultora.colorpicker.ColorPickerPopUp
 import timber.log.Timber
 import java.io.FileNotFoundException
 import kotlin.math.abs
@@ -395,22 +395,11 @@ class Whiteboard(
                 penColor = yellowPenColor
             }
             R.id.pen_color_custom -> {
-                ColorPickerPopUp(context).run {
-                    setShowAlpha(true)
-                    setDefaultColor(penColor)
-                    setOnPickColorListener(
-                        object : ColorPickerPopUp.OnPickColorListener {
-                            override fun onColorPicked(color: Int) {
-                                penColor = color
-                            }
-
-                            override fun onCancel() {
-                                // unused
-                            }
-                        },
-                    )
-                    show()
-                }
+                createColorPickerDialog(
+                    context = context,
+                    initialColor = penColor,
+                    onColorSelected = { penColor = it },
+                ).show()
             }
             R.id.stroke_width -> {
                 handleWidthChangeDialog()

AnkiDroid/src/main/java/com/ichi2/anki/ui/windows/reviewer/whiteboard/ColorPicker.kt

@@ -0,0 +1,62 @@
+/*
+ * Copyright (c) 2025 Divyansh Kushwaha <[email protected]>
+ *
+ * This program is free software; you can redistribute it and/or modify it under
+ * the terms of the GNU General Public License as published by the Free Software
+ * Foundation; either version 3 of the License, or (at your option) any later
+ * version.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
+ * PARTICULAR PURPOSE. See the GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License along with
+ * this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+package com.ichi2.anki.ui.windows.reviewer.whiteboard
+
+import android.content.Context
+import com.ichi2.anki.R
+import com.skydoves.colorpickerview.ColorEnvelope
+import com.skydoves.colorpickerview.ColorPickerDialog
+import com.skydoves.colorpickerview.listeners.ColorEnvelopeListener
+
+/**
+ * Creates a customizable color picker dialog with optional alpha and brightness controls.
+ *
+ * @param context The Android context used to create the dialog.
+ * @param initialColor The initial color to display in the picker as an `AARRGGBB` integer.
+ * @param showAlpha Whether to show the alpha (transparency) slider. Defaults to `true`.
+ * @param showBrightnessSlider Whether to show the brightness adjustment slider. Defaults to `true`.
+ * @param onColorSelected Callback invoked when the user confirms their color selection.
+ *                        Receives the selected color as an `AARRGGBB` integer.
+ *
+ * @return A [ColorPickerDialog.Builder] instance that can be further customized or shown using `.show()`.
+ */
+fun createColorPickerDialog(
+    context: Context,
+    initialColor: Int,
+    showAlpha: Boolean = true,
+    showBrightnessSlider: Boolean = true,
+    onColorSelected: (Int) -> Unit,
+): ColorPickerDialog.Builder =
+    ColorPickerDialog.Builder(context).apply {
+        attachAlphaSlideBar(showAlpha)
+        colorPickerView.setInitialColor(initialColor)
+        setPositiveButton(
+            R.string.dialog_ok,
+            object : ColorEnvelopeListener {
+                override fun onColorSelected(
+                    envelope: ColorEnvelope?,
+                    fromUser: Boolean,
+                ) {
+                    envelope?.color?.let(onColorSelected)
+                }
+            },
+        )
+        setTitle(R.string.choose_color)
+        setNegativeButton(R.string.dialog_cancel, null)
+        attachBrightnessSlideBar(showBrightnessSlider)
+        setBottomSpace(12) // 12Dp
+    }

AnkiDroid/src/main/java/com/ichi2/anki/ui/windows/reviewer/whiteboard/WhiteboardFragment.kt

@@ -49,7 +49,6 @@ import com.ichi2.compat.setTooltipTextCompat
 import com.ichi2.themes.Themes
 import com.ichi2.utils.dp
 import com.ichi2.utils.increaseHorizontalPaddingOfMenuIcons
-import com.mrudultora.colorpicker.ColorPickerPopUp
 import kotlinx.coroutines.flow.combine
 import kotlinx.coroutines.flow.launchIn
 import kotlinx.coroutines.flow.onEach
@@ -274,21 +273,14 @@ class WhiteboardFragment :
      * Shows a popup for adding a new brush color.
      */
     private fun showAddColorDialog() {
-        ColorPickerPopUp(context).run {
-            setShowAlpha(true)
-            setDefaultColor(viewModel.brushColor.value)
-            setOnPickColorListener(
-                object : ColorPickerPopUp.OnPickColorListener {
-                    override fun onColorPicked(color: Int) {
-                        Timber.i("Added brush with color %d", color)
-                        viewModel.addBrush(color)
-                    }
-
-                    override fun onCancel() {}
-                },
-            )
-            show()
-        }
+        createColorPickerDialog(
+            context = requireContext(),
+            initialColor = viewModel.brushColor.value,
+            onColorSelected = { color ->
+                Timber.i("Added brush with color %d", color)
+                viewModel.addBrush(color)
+            },
+        ).show()
     }
 
     /**
@@ -367,19 +359,14 @@ class WhiteboardFragment :
      * Shows a color picker popup to change the active brush's color.
      */
     private fun showChangeColorDialog() {
-        ColorPickerPopUp(requireContext())
-            .setShowAlpha(true)
-            .setDefaultColor(viewModel.brushColor.value)
-            .setOnPickColorListener(
-                object : ColorPickerPopUp.OnPickColorListener {
-                    override fun onColorPicked(color: Int) {
-                        viewModel.updateBrushColor(color)
-                        strokeWidthPopup?.dismiss()
-                    }
-
-                    override fun onCancel() {}
-                },
-            ).show()
+        createColorPickerDialog(
+            context = requireContext(),
+            initialColor = viewModel.brushColor.value,
+            onColorSelected = { color ->
+                viewModel.updateBrushColor(color)
+                strokeWidthPopup?.dismiss()
+            },
+        ).show()
     }
 
     /**

AnkiDroid/src/main/res/values/03-dialogs.xml

@@ -268,4 +268,7 @@ also changes the interval of the card"
     <string name="tts_error_dialog_reason_text">The text to speech engine <b>%1$s</b> does not support the following language: <b>%2$s</b></string>
     <string name="tts_error_dialog_change_button_text">Change engine</string>
     <string name="tts_error_dialog_supported_voices_button_text">Voice options</string>
+
+    <!--  Whiteboard  -->
+    <string name="choose_color">Choose Color</string>
 </resources>

gradle/libs.versions.toml

@@ -62,7 +62,7 @@ androidxWork = "2.10.5"
 ankiBackend = '0.1.62-anki25.09.2'
 autoService = "1.1.1"
 autoServiceAnnotations = "1.1.1"
-colorpicker = "1.2.0"
+colorPickerView= "2.3.0"
 # https://commons.apache.org/proper/commons-collections/changes.html
 commonsCollections4 = "4.5.0"
 # https://commons.apache.org/proper/commons-compress/changes-report.html
@@ -143,7 +143,7 @@ androidx-recyclerview = { module = "androidx.recyclerview:recyclerview", version
 auto-service = { module = "com.google.auto.service:auto-service", version.ref = "autoService" }
 auto-service-annotations = { module = "com.google.auto.service:auto-service-annotations", version.ref = "autoServiceAnnotations" }
 jetbrains-annotations = { module = "org.jetbrains:annotations", version.ref = "jetbrainsAnnotations" }
-colorpicker = { module = "com.github.mrudultora:Colorpicker", version.ref = "colorpicker" }
+skydoves-colorpickerview  = {module = "com.github.skydoves:colorpickerview", version.ref = "colorPickerView"}
 commons-io = { module = "commons-io:commons-io", version.ref = "commonsIo" }
 commons-collections4 = { module = "org.apache.commons:commons-collections4", version.ref = "commonsCollections4" }
 commons-compress = { module = "org.apache.commons:commons-compress", version.ref = "commonsCompress" }