react-native-video-trim 7.0.0 → 7.1.0

package/README.md

@@ -12,6 +12,7 @@
   * [Behavior Options](#behavior-options)
 - [Platform Setup](#platform-setup)
 - [Advanced Features](#advanced-features)
+  * [Theming](#theming)
   * [Audio Trimming](#audio-trimming)
   * [Remote Files (HTTPS)](#remote-files-https)
   * [Video Transforms (Flip, Rotate, Crop)](#video-transforms-flip-rotate-crop)
@@ -24,8 +25,7 @@
 <div align="center">
   <h2>📱 Professional video trimmer for React Native apps</h2>
   
-  <img src="images/android.gif" width="300" />
-  <img src="images/ios.gif" width="300" />
+  <img src="images/ios.png" width="300" />
   
   <p>
     <strong>✅ iOS & Android</strong> • 
@@ -48,6 +48,7 @@ A powerful, easy-to-use video and audio trimming library for React Native applic
 - **✅ File Validation** - Built-in validation for media files
 - **🗂️ File Management** - List, clean up, and delete specific files
 - **🔄 Universal Architecture** - Works with both New and Old React Native architectures
+- **🎨 Dark & Light Theme** - Built-in dark and light theme support
 
 ### 🎛️ Core Capabilities
 
@@ -60,6 +61,7 @@ A powerful, easy-to-use video and audio trimming library for React Native applic
 | **Save Options** | Photos, Documents, Share sheet integration |
 | **File Management** | Complete file lifecycle management |
 | **Customization** | Extensive UI and behavior customization |
+| **Theming** | Dark and light theme with automatic color adaptation |
 
 <div align="center">
   <img src="images/document_picker.png" width="250" />
@@ -282,14 +284,15 @@ All configuration options are optional. Here are the most commonly used ones:
 
 | Option | Type | Default | Description |
 |--------|------|---------|-------------|
+| `theme` | `'dark' \| 'light'` | `'dark'` | Editor color theme (see [Theming](#theming)) |
 | `cancelButtonText` | `string` | `"Cancel"` | Cancel button text |
 | `saveButtonText` | `string` | `"Save"` | Save button text |
 | `trimmingText` | `string` | `"Trimming video..."` | Progress dialog text |
 | `headerText` | `string` | - | Header text |
 | `headerTextSize` | `number` | `16` | Header text size |
-| `headerTextColor` | `string` | - | Header text color |
+| `headerTextColor` | `string` | - | Header text color (defaults to black in light theme, white in dark theme) |
 | `trimmerColor` | `string` | - | Trimmer bar color |
-| `handleIconColor` | `string` | - | Trimmer left/right handles color |
+| `handleIconColor` | `string` | - | Trimmer left/right handles color (defaults to black in light theme, white in dark theme) |
 | `fullScreenModalIOS` | `boolean` | `false` | Use fullscreen modal on iOS |
 
 ### Dialog Options
@@ -367,6 +370,7 @@ showEditor(videoPath, {
   removeAfterSavedToPhoto: true,
   
   // UI customization
+  theme: 'light',
   headerText: "Trim Your Video",
   cancelButtonText: "Back",
   saveButtonText: "Done",
@@ -398,6 +402,34 @@ buildscript {
 
 ## Advanced Features
 
+### Theming
+
+The editor supports dark and light themes. Set the `theme` option to switch between them:
+
+```javascript
+// Light theme
+showEditor(videoUrl, {
+  theme: 'light',
+});
+
+// Dark theme (default)
+showEditor(videoUrl, {
+  theme: 'dark',
+});
+```
+
+| | Dark (default) | Light |
+|---|---|---|
+| **Background** | Black | White |
+| **Icons & text** | White | Black |
+| **Cancel/Save text** | White | Black |
+| **Crop brackets & grid** | White | Black |
+| **Progress indicator** | White | White |
+| **Trimmer handle chevrons** | White | White |
+| **Dialogs** | Dark style | Light style |
+
+The `headerTextColor` and `handleIconColor` options automatically adapt to the active theme but can still be overridden explicitly.
+
 ### Audio Trimming
 
 <div align="center">

package/android/src/main/java/com/videotrim/widgets/CropOverlayView.kt

@@ -6,8 +6,6 @@ import android.graphics.Color
 import android.graphics.Paint
 import android.graphics.Path
 import android.graphics.RectF
-import android.graphics.Region
-import android.os.Build
 import android.util.AttributeSet
 import android.util.TypedValue
 import android.view.MotionEvent
@@ -46,16 +44,27 @@ class CropOverlayView @JvmOverloads constructor(
   var onCropBegan: (() -> Unit)? = null
   var onCropEnded: (() -> Unit)? = null
 
+  var isLightTheme = false
+    set(value) {
+      field = value
+      val c = if (value) Color.BLACK else Color.WHITE
+      borderPaint.color = c
+      gridPaint.color = c
+      cornerPaint.color = c
+      invalidate()
+    }
+
   private val minCropSize = dpToPx(60f)
   private val borderWidth = dpToPx(1f)
   private val cornerLength = dpToPx(20f)
   private val cornerWidth = dpToPx(4f)
+  private val edgeHandleLength = dpToPx(20f)
   private val gridLineWidth = 1f / resources.displayMetrics.density
   private val edgeHitZone = dpToPx(30f)
 
   private val borderPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply {
     style = Paint.Style.STROKE
-    color = Color.argb(153, 255, 255, 255)
+    color = Color.WHITE
     strokeWidth = borderWidth
   }
   private val gridPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply {
@@ -68,10 +77,7 @@ class CropOverlayView @JvmOverloads constructor(
     color = Color.WHITE
     strokeWidth = cornerWidth
     strokeCap = Paint.Cap.ROUND
-  }
-  private val dimmingPaint = Paint().apply {
-    color = Color.argb(140, 0, 0, 0)
-    style = Paint.Style.FILL
+    strokeJoin = Paint.Join.ROUND
   }
 
   private enum class DragEdge {
@@ -126,8 +132,6 @@ class CropOverlayView @JvmOverloads constructor(
     if (cropRect.isEmpty) return
     val cr = cropRect
 
-    drawDimming(canvas, cr)
-
     canvas.drawRect(cr, borderPaint)
 
     for (i in 1..2) {
@@ -140,33 +144,27 @@ class CropOverlayView @JvmOverloads constructor(
     }
 
     val cl = cornerLength
+    val hw = cornerWidth / 2f
     val path = Path()
     fun addCorner(sx: Float, sy: Float, cx: Float, cy: Float, ex: Float, ey: Float) {
       path.moveTo(sx, sy); path.lineTo(cx, cy); path.lineTo(ex, ey)
     }
-    addCorner(cr.left, cr.top + cl, cr.left, cr.top, cr.left + cl, cr.top)
-    addCorner(cr.right - cl, cr.top, cr.right, cr.top, cr.right, cr.top + cl)
-    addCorner(cr.left, cr.bottom - cl, cr.left, cr.bottom, cr.left + cl, cr.bottom)
-    addCorner(cr.right - cl, cr.bottom, cr.right, cr.bottom, cr.right, cr.bottom - cl)
+    addCorner(cr.left - hw, cr.top + cl, cr.left - hw, cr.top - hw, cr.left + cl, cr.top - hw)
+    addCorner(cr.right - cl, cr.top - hw, cr.right + hw, cr.top - hw, cr.right + hw, cr.top + cl)
+    addCorner(cr.left - hw, cr.bottom - cl, cr.left - hw, cr.bottom + hw, cr.left + cl, cr.bottom + hw)
+    addCorner(cr.right - cl, cr.bottom + hw, cr.right + hw, cr.bottom + hw, cr.right + hw, cr.bottom - cl)
+
+    val ehl = edgeHandleLength / 2f
+    val cx = cr.centerX()
+    val cy = cr.centerY()
+    path.moveTo(cx - ehl, cr.top - hw); path.lineTo(cx + ehl, cr.top - hw)
+    path.moveTo(cx - ehl, cr.bottom + hw); path.lineTo(cx + ehl, cr.bottom + hw)
+    path.moveTo(cr.left - hw, cy - ehl); path.lineTo(cr.left - hw, cy + ehl)
+    path.moveTo(cr.right + hw, cy - ehl); path.lineTo(cr.right + hw, cy + ehl)
+
     canvas.drawPath(path, cornerPaint)
   }
 
-  private fun drawDimming(canvas: Canvas, cr: RectF) {
-    canvas.save()
-    val fullPath = Path()
-    fullPath.addRect(0f, 0f, width.toFloat(), height.toFloat(), Path.Direction.CW)
-    val cropPath = Path()
-    cropPath.addRect(cr, Path.Direction.CW)
-    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
-      fullPath.op(cropPath, Path.Op.DIFFERENCE)
-      canvas.drawPath(fullPath, dimmingPaint)
-    } else {
-      @Suppress("DEPRECATION")
-      canvas.clipPath(cropPath, Region.Op.DIFFERENCE)
-      canvas.drawRect(0f, 0f, width.toFloat(), height.toFloat(), dimmingPaint)
-    }
-    canvas.restore()
-  }
 
   override fun onTouchEvent(event: MotionEvent): Boolean {
     if (event.pointerCount > 1) {

package/android/src/main/java/com/videotrim/widgets/VideoTrimmerView.kt

@@ -181,6 +181,9 @@ class VideoTrimmerView(
 
   private var trimmerColor = context.getString(R.string.trim_color).toColorInt()
   private var handleIconColor = Color.BLACK
+  private var isLightTheme = false
+  private val iconColor: Int get() = if (isLightTheme) Color.BLACK else Color.WHITE
+  private val dimmedIconColor: Int get() = if (isLightTheme) Color.argb(128, 0, 0, 0) else Color.argb(128, 255, 255, 255)
   private lateinit var leadingChevron: ImageView
   private lateinit var trailingChevron: ImageView
 
@@ -266,10 +269,19 @@ class VideoTrimmerView(
       }
       mVideoView.surfaceTextureListener = object : TextureView.SurfaceTextureListener {
         override fun onSurfaceTextureAvailable(st: SurfaceTexture, w: Int, h: Int) {
-          setupVideoPlayer(st, videoURI)
+          val mp = mediaPlayer
+          if (mp != null) {
+            videoSurface?.release()
+            videoSurface = Surface(st)
+            mp.setSurface(videoSurface)
+          } else {
+            setupVideoPlayer(st, videoURI)
+          }
         }
         override fun onSurfaceTextureSizeChanged(st: SurfaceTexture, w: Int, h: Int) {}
-        override fun onSurfaceTextureDestroyed(st: SurfaceTexture): Boolean = true
+        override fun onSurfaceTextureDestroyed(st: SurfaceTexture): Boolean {
+          return false
+        }
         override fun onSurfaceTextureUpdated(st: SurfaceTexture) {}
       }
     } else {
@@ -320,20 +332,25 @@ class VideoTrimmerView(
     if (vw <= 0 || vh <= 0) return
 
     videoContainer.post {
-      val containerW = videoContainer.width
-      val containerH = videoContainer.height
-      if (containerW <= 0 || containerH <= 0) return@post
+      val cw = containerContentWidth().toInt()
+      val ch = containerContentHeight().toInt()
+      if (cw <= 0 || ch <= 0) return@post
+
+      val margin = bracketOverflow()
+      val availW = cw - 2 * margin
+      val availH = ch - 2 * margin
+      if (availW <= 0 || availH <= 0) return@post
 
       val videoAR = vw.toFloat() / vh
-      val containerAR = containerW.toFloat() / containerH
+      val containerAR = availW.toFloat() / availH
       val newW: Int
       val newH: Int
       if (videoAR > containerAR) {
-        newW = containerW
-        newH = (containerW / videoAR).toInt()
+        newW = availW
+        newH = (availW / videoAR).toInt()
       } else {
-        newH = containerH
-        newW = (containerH * videoAR).toInt()
+        newH = availH
+        newW = (availH * videoAR).toInt()
       }
       mVideoView.layoutParams = FrameLayout.LayoutParams(newW, newH, Gravity.CENTER)
     }
@@ -519,6 +536,10 @@ class VideoTrimmerView(
     cropBtn.setOnClickListener { onCropTapped() }
     undoBtn.setOnClickListener { onUndoTapped() }
     redoBtn.setOnClickListener { onRedoTapped() }
+
+    cropBtn.setColorFilter(dimmedIconColor, android.graphics.PorterDuff.Mode.SRC_IN)
+    undoBtn.setColorFilter(dimmedIconColor, android.graphics.PorterDuff.Mode.SRC_IN)
+    redoBtn.setColorFilter(dimmedIconColor, android.graphics.PorterDuff.Mode.SRC_IN)
   }
 
   fun onSaveClicked() {
@@ -633,6 +654,8 @@ class VideoTrimmerView(
       mMinDuration = maxOf(1000L, config.getDouble("minDuration").toLong())
     }
 
+    isLightTheme = config.hasKey("theme") && config.getString("theme") == "light"
+
     cancelBtn.text = config.getString("cancelButtonText")
     saveBtn.text = config.getString("saveButtonText")
     isVideoType = config.hasKey("type") && config.getString("type") == "video"
@@ -673,9 +696,10 @@ class VideoTrimmerView(
     trimmerColor = if (config.hasKey("trimmerColor")) config.getInt("trimmerColor") else context.getString(
       R.string.trim_color
     ).toColorInt()
-    handleIconColor = if (config.hasKey("handleIconColor")) config.getInt("handleIconColor") else Color.BLACK
+    handleIconColor = if (config.hasKey("handleIconColor")) config.getInt("handleIconColor") else (if (isLightTheme) Color.WHITE else Color.BLACK)
 
     applyTrimmerColor()
+    applyThemeColors()
   }
 
   private fun applyTrimmerColor() {
@@ -704,6 +728,39 @@ class VideoTrimmerView(
     trailingChevron.setColorFilter(handleIconColor, android.graphics.PorterDuff.Mode.SRC_IN)
   }
 
+  private fun applyThemeColors() {
+    val bgColor = if (isLightTheme) Color.WHITE else Color.BLACK
+    val textColor = if (isLightTheme) Color.BLACK else Color.WHITE
+    val overlayColor = if (isLightTheme) Color.argb(153, 255, 255, 255) else Color.argb(191, 0, 0, 0)
+
+    // Backgrounds
+    (findViewById<View>(R.id.layout) as? RelativeLayout)?.setBackgroundColor(bgColor)
+    headerView.setBackgroundColor(bgColor)
+    transformRow.setBackgroundColor(bgColor)
+    videoContainer.setBackgroundColor(bgColor)
+
+    // Text colors
+    cancelBtn.setTextColor(iconColor)
+    startTimeText.setTextColor(textColor)
+    currentTimeText.setTextColor(textColor)
+    endTimeText.setTextColor(textColor)
+
+    // Play icon
+    mPlayView.setColorFilter(iconColor, android.graphics.PorterDuff.Mode.SRC_IN)
+
+    // Transform toolbar icons
+    flipBtn.setColorFilter(iconColor, android.graphics.PorterDuff.Mode.SRC_IN)
+    rotateBtn.setColorFilter(iconColor, android.graphics.PorterDuff.Mode.SRC_IN)
+    cropBtn.setColorFilter(dimmedIconColor, android.graphics.PorterDuff.Mode.SRC_IN)
+    undoBtn.setColorFilter(dimmedIconColor, android.graphics.PorterDuff.Mode.SRC_IN)
+    redoBtn.setColorFilter(dimmedIconColor, android.graphics.PorterDuff.Mode.SRC_IN)
+
+    // Overlays
+    leadingOverlay.setBackgroundColor(overlayColor)
+    trailingOverlay.setBackgroundColor(overlayColor)
+
+  }
+
   private fun dpToPx(dp: Int): Int {
     return TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dp.toFloat(), resources.displayMetrics).toInt()
   }
@@ -916,9 +973,14 @@ class VideoTrimmerView(
           var newX = event.rawX - view.width.toFloat() / 2
 
           if (isLeading) {
+            val unclamped = newX
             newX = maxOf(0f, minOf(newX, trailingHandle.x - view.width))
+            if (unclamped < 0f) didClamp = true
           } else {
-            newX = minOf(trimmerContainerBg.width.toFloat() + view.width, maxOf(newX, leadingHandle.x + view.width))
+            val unclamped = newX
+            val maxX = trimmerContainerBg.width.toFloat() + view.width
+            newX = minOf(maxX, maxOf(newX, leadingHandle.x + view.width))
+            if (unclamped > maxX) didClamp = true
           }
 
           view.x = newX
@@ -1062,7 +1124,8 @@ class VideoTrimmerView(
 
   private fun playHapticFeedback(isLight: Boolean) {
     if (vibrator != null && Build.VERSION.SDK_INT >= Build.VERSION_CODES.O && enableHapticFeedback) {
-      vibrator!!.vibrate(VibrationEffect.createOneShot(if (isLight) 10L else 25L, VibrationEffect.DEFAULT_AMPLITUDE))
+      val amplitude = if (isLight) 30 else 80
+      vibrator!!.vibrate(VibrationEffect.createOneShot(if (isLight) 8L else 15L, amplitude))
     }
   }
 
@@ -1304,14 +1367,28 @@ class VideoTrimmerView(
 
   // region Transform
 
+  private fun containerContentWidth(): Float =
+    (videoContainer.width - videoContainer.paddingLeft - videoContainer.paddingRight).toFloat()
+
+  private fun containerContentHeight(): Float =
+    (videoContainer.height - videoContainer.paddingTop - videoContainer.paddingBottom).toFloat()
+
+  private fun bracketOverflow(): Int =
+    TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 8f, resources.displayMetrics).toInt()
+
   private fun onFlipTapped() {
     pushUndo()
     isFlipped = !isFlipped
     val newCumDeg = -cumulativeRotationDeg
     val fitScale = if (rotationCount % 2 != 0) {
-      val cw = videoContainer.width.toFloat()
-      val ch = videoContainer.height.toFloat()
-      if (cw > 0 && ch > 0) minOf(cw / ch, ch / cw) else 1f
+      val cw = containerContentWidth()
+      val ch = containerContentHeight()
+      val vw = mVideoView.width.toFloat()
+      val vh = mVideoView.height.toFloat()
+      val margin = bracketOverflow().toFloat()
+      val availW = cw - 2 * margin
+      val availH = ch - 2 * margin
+      if (availW > 0 && availH > 0 && vw > 0 && vh > 0) minOf(availW / vh, availH / vw) else 1f
     } else {
       1f
     }
@@ -1379,17 +1456,29 @@ class VideoTrimmerView(
   }
 
   private fun updateVideoTransform(resetCrop: Boolean = false) {
-    val containerW = videoContainer.width.toFloat()
-    val containerH = videoContainer.height.toFloat()
-    if (containerW <= 0 || containerH <= 0) return
+    val cw = containerContentWidth()
+    val ch = containerContentHeight()
+    if (cw <= 0 || ch <= 0) return
 
     val fitScale = if (rotationCount % 2 != 0) {
-      minOf(containerW / containerH, containerH / containerW)
+      val vw = mVideoView.width.toFloat()
+      val vh = mVideoView.height.toFloat()
+      val margin = bracketOverflow().toFloat()
+      val availW = cw - 2 * margin
+      val availH = ch - 2 * margin
+      if (vw > 0 && vh > 0 && availW > 0 && availH > 0) minOf(availW / vh, availH / vw) else 1f
     } else {
       1f
     }
     val flipMul = if (isFlipped) -1f else 1f
 
+    if (isCropActive) {
+      cropOverlay?.animate()
+        ?.alpha(0f)
+        ?.setDuration(125)
+        ?.start()
+    }
+
     mVideoView.animate()
       .scaleX(flipMul * fitScale)
       .scaleY(fitScale)
@@ -1400,6 +1489,10 @@ class VideoTrimmerView(
         if (resetCrop && isCropActive) {
           updateCropAllowedRect()
           cropOverlay?.resetCrop()
+          cropOverlay?.animate()
+            ?.alpha(1f)
+            ?.setDuration(125)
+            ?.start()
         }
       }
       .start()
@@ -1412,7 +1505,7 @@ class VideoTrimmerView(
   private fun onCropTapped() {
     isCropActive = !isCropActive
     cropBtn.setColorFilter(
-      if (isCropActive) Color.WHITE else Color.argb(128, 255, 255, 255),
+      if (isCropActive) iconColor else dimmedIconColor,
       android.graphics.PorterDuff.Mode.SRC_IN
     )
     playHapticFeedback(true)
@@ -1422,6 +1515,7 @@ class VideoTrimmerView(
   private fun showCropOverlay() {
     hideCropOverlayImmediate()
     val overlay = CropOverlayView(mContext)
+    overlay.isLightTheme = isLightTheme
     overlay.layoutParams = FrameLayout.LayoutParams(
       FrameLayout.LayoutParams.MATCH_PARENT,
       FrameLayout.LayoutParams.MATCH_PARENT
@@ -1457,6 +1551,7 @@ class VideoTrimmerView(
   private fun showCropOverlayImmediate() {
     hideCropOverlayImmediate()
     val overlay = CropOverlayView(mContext)
+    overlay.isLightTheme = isLightTheme
     overlay.layoutParams = FrameLayout.LayoutParams(
       FrameLayout.LayoutParams.MATCH_PARENT,
       FrameLayout.LayoutParams.MATCH_PARENT
@@ -1487,22 +1582,25 @@ class VideoTrimmerView(
   }
 
   private fun getVideoDisplayRectInContainer(): RectF {
-    val containerW = videoContainer.width.toFloat()
-    val containerH = videoContainer.height.toFloat()
-    if (containerW <= 0 || containerH <= 0) return RectF()
+    val cw = containerContentWidth()
+    val ch = containerContentHeight()
+    if (cw <= 0 || ch <= 0) return RectF()
 
     val tvW = mVideoView.width.toFloat()
     val tvH = mVideoView.height.toFloat()
     if (tvW <= 0 || tvH <= 0) return RectF()
 
-    val tvX = (containerW - tvW) / 2f
-    val tvY = (containerH - tvH) / 2f
+    val tvX = (cw - tvW) / 2f
+    val tvY = (ch - tvH) / 2f
     val videoRect = RectF(tvX, tvY, tvX + tvW, tvY + tvH)
 
-    val pivotX = containerW / 2f
-    val pivotY = containerH / 2f
+    val pivotX = cw / 2f
+    val pivotY = ch / 2f
+    val margin = bracketOverflow().toFloat()
+    val availW = cw - 2 * margin
+    val availH = ch - 2 * margin
     val fitScale = if (rotationCount % 2 != 0) {
-      minOf(containerW / containerH, containerH / containerW)
+      if (tvW > 0 && tvH > 0 && availW > 0 && availH > 0) minOf(availW / tvH, availH / tvW) else 1f
     } else {
       1f
     }
@@ -1603,10 +1701,15 @@ class VideoTrimmerView(
     isFlipped = snap.isFlipped
     cumulativeRotationDeg = snap.cumulativeRotationDeg
 
-    val containerW = videoContainer.width.toFloat()
-    val containerH = videoContainer.height.toFloat()
-    val fitScale = if (rotationCount % 2 != 0 && containerW > 0 && containerH > 0) {
-      minOf(containerW / containerH, containerH / containerW)
+    val cw = containerContentWidth()
+    val ch = containerContentHeight()
+    val vw = mVideoView.width.toFloat()
+    val vh = mVideoView.height.toFloat()
+    val margin = bracketOverflow().toFloat()
+    val availW = cw - 2 * margin
+    val availH = ch - 2 * margin
+    val fitScale = if (rotationCount % 2 != 0 && availW > 0 && availH > 0 && vw > 0 && vh > 0) {
+      minOf(availW / vh, availH / vw)
     } else {
       1f
     }
@@ -1616,17 +1719,14 @@ class VideoTrimmerView(
     val onComplete = Runnable {
       if (snap.isCropActive) {
         isCropActive = true
-        cropBtn.setColorFilter(Color.WHITE, android.graphics.PorterDuff.Mode.SRC_IN)
+        cropBtn.setColorFilter(iconColor, android.graphics.PorterDuff.Mode.SRC_IN)
         showCropOverlayImmediate()
         updateCropAllowedRect()
         val norm = snap.cropNormalized
         if (norm != null) setCropFromNormalized(norm) else cropOverlay?.resetCrop()
       } else {
         isCropActive = false
-        cropBtn.setColorFilter(
-          Color.argb(128, 255, 255, 255),
-          android.graphics.PorterDuff.Mode.SRC_IN
-        )
+        cropBtn.setColorFilter(dimmedIconColor, android.graphics.PorterDuff.Mode.SRC_IN)
         hideCropOverlayImmediate()
       }
     }
@@ -1680,16 +1780,14 @@ class VideoTrimmerView(
   }
 
   private fun updateUndoRedoButtons() {
-    val dimmed = Color.argb(128, 255, 255, 255)
-    val active = Color.WHITE
     undoBtn.isEnabled = undoStack.isNotEmpty()
     undoBtn.setColorFilter(
-      if (undoStack.isNotEmpty()) active else dimmed,
+      if (undoStack.isNotEmpty()) iconColor else dimmedIconColor,
       android.graphics.PorterDuff.Mode.SRC_IN
     )
     redoBtn.isEnabled = redoStack.isNotEmpty()
     redoBtn.setColorFilter(
-      if (redoStack.isNotEmpty()) active else dimmed,
+      if (redoStack.isNotEmpty()) iconColor else dimmedIconColor,
       android.graphics.PorterDuff.Mode.SRC_IN
     )
   }

package/android/src/main/res/layout/video_trimmer_view.xml

@@ -94,8 +94,8 @@
 
       <ImageView
         android:id="@+id/undoBtn"
-        android:layout_width="22dp"
-        android:layout_height="22dp"
+        android:layout_width="18dp"
+        android:layout_height="18dp"
         android:src="@drawable/arrow_uturn_backward"
         android:tint="#80FFFFFF"
         android:scaleType="fitCenter"
@@ -104,8 +104,8 @@
 
       <ImageView
         android:id="@+id/redoBtn"
-        android:layout_width="22dp"
-        android:layout_height="22dp"
+        android:layout_width="18dp"
+        android:layout_height="18dp"
         android:src="@drawable/arrow_uturn_forward"
         android:tint="#80FFFFFF"
         android:scaleType="fitCenter"
@@ -120,7 +120,9 @@
     android:layout_above="@+id/layout"
     android:layout_below="@+id/transformRow"
     android:background="@android:color/black"
-    android:clipChildren="true">
+    android:clipChildren="true"
+    android:clipToPadding="false"
+    android:paddingVertical="4dp">
 
     <TextureView
       android:id="@+id/video_loader"

package/ios/CropOverlayView.swift

@@ -6,7 +6,6 @@ class CropOverlayView: UIView {
     var cropRect: CGRect = .zero {
         didSet {
             setNeedsDisplay()
-            updateDimmingMask()
         }
     }
 
@@ -27,10 +26,15 @@ class CropOverlayView: UIView {
     var onCropBegan: (() -> Void)?
     var onCropEnded: (() -> Void)?
 
+    var isLightTheme = false {
+        didSet { setNeedsDisplay() }
+    }
+
     private let minCropSize: CGFloat = 60
     private let borderWidth: CGFloat = 1.0
     private let cornerLength: CGFloat = 20
     private let cornerWidth: CGFloat = 4.0
+    private let edgeHandleLength: CGFloat = 20
     private let gridLineWidth: CGFloat = CGFloat(1.0 / UIScreen.main.scale)
     private let edgeHitZone: CGFloat = 30
 
@@ -38,8 +42,6 @@ class CropOverlayView: UIView {
     private var dragStart: CGPoint = .zero
     private var dragStartRect: CGRect = .zero
 
-    private let dimmingLayer = CAShapeLayer()
-
     private enum DragEdge {
         case top, bottom, left, right
         case topLeft, topRight, bottomLeft, bottomRight
@@ -59,13 +61,9 @@ class CropOverlayView: UIView {
     private func commonInit() {
         backgroundColor = .clear
         isUserInteractionEnabled = true
-        clipsToBounds = true
+        clipsToBounds = false
         isOpaque = false
 
-        dimmingLayer.fillRule = .evenOdd
-        dimmingLayer.fillColor = UIColor.black.withAlphaComponent(0.55).cgColor
-        layer.addSublayer(dimmingLayer)
-
         let pan = UIPanGestureRecognizer(target: self, action: #selector(handlePan(_:)))
         addGestureRecognizer(pan)
 
@@ -73,32 +71,18 @@ class CropOverlayView: UIView {
         addGestureRecognizer(pinch)
     }
 
-    override func layoutSubviews() {
-        super.layoutSubviews()
-        updateDimmingMask()
-    }
-
-    private func updateDimmingMask() {
-        let full = UIBezierPath(rect: bounds)
-        if !cropRect.isEmpty {
-            full.append(UIBezierPath(rect: cropRect))
-        }
-        dimmingLayer.path = full.cgPath
-        dimmingLayer.frame = bounds
-    }
-
     // MARK: - Drawing
 
     override func draw(_ rect: CGRect) {
         guard !cropRect.isEmpty, let ctx = UIGraphicsGetCurrentContext() else { return }
         let cr = cropRect
 
-        ctx.setStrokeColor(UIColor.white.withAlphaComponent(0.6).cgColor)
+        let strokeColor = (isLightTheme ? UIColor.black : UIColor.white).cgColor
+        ctx.setStrokeColor(strokeColor)
         ctx.setLineWidth(borderWidth)
         ctx.stroke(cr)
 
         ctx.setLineWidth(gridLineWidth)
-        ctx.setStrokeColor(UIColor.white.cgColor)
         for i in 1...2 {
             let x = cr.minX + cr.width * CGFloat(i) / 3
             ctx.move(to: CGPoint(x: x, y: cr.minY))
@@ -111,30 +95,44 @@ class CropOverlayView: UIView {
         }
         ctx.strokePath()
 
-        ctx.setStrokeColor(UIColor.white.cgColor)
+        ctx.setStrokeColor(strokeColor)
         ctx.setLineWidth(cornerWidth)
         ctx.setLineCap(.round)
+        ctx.setLineJoin(.round)
 
         let cl = cornerLength
+        let hw = cornerWidth / 2
         let corners: [(CGPoint, CGPoint, CGPoint)] = [
-            (CGPoint(x: cr.minX, y: cr.minY + cl),
-             CGPoint(x: cr.minX, y: cr.minY),
-             CGPoint(x: cr.minX + cl, y: cr.minY)),
-            (CGPoint(x: cr.maxX - cl, y: cr.minY),
-             CGPoint(x: cr.maxX, y: cr.minY),
-             CGPoint(x: cr.maxX, y: cr.minY + cl)),
-            (CGPoint(x: cr.minX, y: cr.maxY - cl),
-             CGPoint(x: cr.minX, y: cr.maxY),
-             CGPoint(x: cr.minX + cl, y: cr.maxY)),
-            (CGPoint(x: cr.maxX - cl, y: cr.maxY),
-             CGPoint(x: cr.maxX, y: cr.maxY),
-             CGPoint(x: cr.maxX, y: cr.maxY - cl)),
+            (CGPoint(x: cr.minX - hw, y: cr.minY + cl),
+             CGPoint(x: cr.minX - hw, y: cr.minY - hw),
+             CGPoint(x: cr.minX + cl, y: cr.minY - hw)),
+            (CGPoint(x: cr.maxX - cl, y: cr.minY - hw),
+             CGPoint(x: cr.maxX + hw, y: cr.minY - hw),
+             CGPoint(x: cr.maxX + hw, y: cr.minY + cl)),
+            (CGPoint(x: cr.minX - hw, y: cr.maxY - cl),
+             CGPoint(x: cr.minX - hw, y: cr.maxY + hw),
+             CGPoint(x: cr.minX + cl, y: cr.maxY + hw)),
+            (CGPoint(x: cr.maxX - cl, y: cr.maxY + hw),
+             CGPoint(x: cr.maxX + hw, y: cr.maxY + hw),
+             CGPoint(x: cr.maxX + hw, y: cr.maxY - cl)),
         ]
         for (start, corner, end) in corners {
             ctx.move(to: start)
             ctx.addLine(to: corner)
             ctx.addLine(to: end)
         }
+
+        let ehl = edgeHandleLength / 2
+        let cx = cr.midX, cy = cr.midY
+        ctx.move(to: CGPoint(x: cx - ehl, y: cr.minY - hw))
+        ctx.addLine(to: CGPoint(x: cx + ehl, y: cr.minY - hw))
+        ctx.move(to: CGPoint(x: cx - ehl, y: cr.maxY + hw))
+        ctx.addLine(to: CGPoint(x: cx + ehl, y: cr.maxY + hw))
+        ctx.move(to: CGPoint(x: cr.minX - hw, y: cy - ehl))
+        ctx.addLine(to: CGPoint(x: cr.minX - hw, y: cy + ehl))
+        ctx.move(to: CGPoint(x: cr.maxX + hw, y: cy - ehl))
+        ctx.addLine(to: CGPoint(x: cr.maxX + hw, y: cy + ehl))
+
         ctx.strokePath()
     }
 

package/ios/VideoTrim.mm

@@ -160,6 +160,11 @@ RCT_EXPORT_MODULE()
     dict[@"zoomOnWaitingDuration"] = @(zoomOnWaitingDurationOpt.value());
   }
   
+  NSString *theme = config.theme();
+  if (theme != nil) {
+    dict[@"theme"] = theme;
+  }
+  
   [self->videoTrim showEditor:filePath withConfig:dict];
 }
 

package/ios/VideoTrim.swift

@@ -13,6 +13,9 @@ public class VideoTrim: RCTEventEmitter, AssetLoaderDelegate, UIDocumentPickerDe
   private var vc: VideoTrimmerViewController?
   private var outputFile: URL?
   private var editorConfig: NSDictionary?
+  private var isLightTheme: Bool {
+    return (editorConfig?["theme"] as? String) == "light"
+  }
   
   // MARK: base options
   private var saveToPhoto: Bool {
@@ -289,7 +292,7 @@ public class VideoTrim: RCTEventEmitter, AssetLoaderDelegate, UIDocumentPickerDe
       progressAlert.onDismiss = {
         if self.enableCancelTrimmingDialog {
           let dialogMessage = UIAlertController(title: self.cancelTrimmingDialogTitle, message: self.cancelTrimmingDialogMessage, preferredStyle: .alert)
-          dialogMessage.overrideUserInterfaceStyle = .dark
+          dialogMessage.overrideUserInterfaceStyle = self.isLightTheme ? .light : .dark
           
           // Create OK button with action handler
           let ok = UIAlertAction(title: self.cancelTrimmingDialogConfirmText, style: .destructive, handler: { (action) -> Void in
@@ -879,7 +882,7 @@ extension VideoTrim {
         
         // Create Alert
         let dialogMessage = UIAlertController(title: self.cancelDialogTitle, message: self.cancelDialogMessage, preferredStyle: .alert)
-        dialogMessage.overrideUserInterfaceStyle = .dark
+        dialogMessage.overrideUserInterfaceStyle = self.isLightTheme ? .light : .dark
         
         // Create OK button with action handler
         let ok = UIAlertAction(title: self.cancelDialogConfirmText, style: .destructive, handler: { (action) -> Void in
@@ -911,7 +914,7 @@ extension VideoTrim {
         
         // Create Alert
         let dialogMessage = UIAlertController(title: self.saveDialogTitle, message: self.saveDialogMessage, preferredStyle: .alert)
-        dialogMessage.overrideUserInterfaceStyle = .dark
+        dialogMessage.overrideUserInterfaceStyle = self.isLightTheme ? .light : .dark
         
         // Create OK button with action handler
         let ok = UIAlertAction(title: self.saveDialogConfirmText, style: .default, handler: { (action) -> Void in
@@ -1134,7 +1137,7 @@ extension VideoTrim {
     
     if alertOnFailToLoad {
       let dialogMessage = UIAlertController(title: alertOnFailTitle, message: alertOnFailMessage, preferredStyle: .alert)
-      dialogMessage.overrideUserInterfaceStyle = .dark
+      dialogMessage.overrideUserInterfaceStyle = isLightTheme ? .light : .dark
       
       // Create Cancel button with action handlder
       let ok = UIAlertAction(title: alertOnFailCloseText, style: .default)

package/ios/VideoTrimmer.swift

@@ -133,10 +133,10 @@ import AVFoundation
         }
     }
     
-    // the asset to use
     var asset: AVAsset? {
         didSet {
             if let asset = asset {
+                applyThemeColors()
                 let duration = asset.duration
                 range = CMTimeRange(start: .zero, duration: duration)
                 selectedRange = range
@@ -159,6 +159,7 @@ import AVFoundation
     var maximumDuration: CMTime = .positiveInfinity
     var enableHapticFeedback = true
     var zoomOnWaitingDuration: Double = 5.0 // Default: 5 seconds
+    var isLightTheme = false
     
     // the available range of the asset.
     // Will be set to the full duration of the asset when assigning a new asset
@@ -219,14 +220,12 @@ import AVFoundation
     // yes if the user is scrubbing the progress indicator
     private(set) var isScrubbing = false
     
-    // background color for the track
     var trackBackgroundColor = UIColor.black {
         didSet {
             thumbnailWrapperView.backgroundColor = trackBackgroundColor
         }
     }
     
-    // background color for the place where the thumbs rest on when the selectedRange == range
     var thumbRestColor = UIColor.black {
         didSet {
             leadingThumbRest.backgroundColor = thumbRestColor
@@ -276,6 +275,16 @@ import AVFoundation
     
     
     // MARK: - Private
+    private func applyThemeColors() {
+        let bg: UIColor = isLightTheme ? .white : .black
+        let coverAlpha: CGFloat = isLightTheme ? 0.6 : 0.75
+        trackBackgroundColor = bg
+        thumbRestColor = bg
+        thumbnailLeadingCoverView.backgroundColor = UIColor(white: isLightTheme ? 1 : 0, alpha: coverAlpha)
+        thumbnailTrailingCoverView.backgroundColor = UIColor(white: isLightTheme ? 1 : 0, alpha: coverAlpha)
+        shadowView.layer.shadowColor = (isLightTheme ? UIColor.gray : UIColor.black).cgColor
+    }
+    
     private func setup() {
         addSubview(thumbnailClipView)
         thumbnailClipView.addSubview(thumbnailWrapperView)
@@ -285,8 +294,6 @@ import AVFoundation
         thumbnailWrapperView.addSubview(thumbnailLeadingCoverView)
         thumbnailWrapperView.addSubview(thumbnailTrailingCoverView)
         
-        progressIndicator.backgroundColor = .white
-        progressIndicator.layer.shadowColor = UIColor.black.cgColor
         progressIndicator.layer.shadowOffset = .zero
         progressIndicator.layer.shadowRadius = 2
         progressIndicator.layer.shadowOpacity = 0.25
@@ -302,13 +309,7 @@ import AVFoundation
         
         thumbnailClipView.clipsToBounds = true
         thumbnailTrackView.clipsToBounds = true
-        thumbnailLeadingCoverView.backgroundColor = UIColor(white: 0, alpha: 0.75)
-        thumbnailTrailingCoverView.backgroundColor = UIColor(white: 0, alpha: 0.75)
         
-        leadingThumbRest.backgroundColor = thumbRestColor
-        trailingThumbRest.backgroundColor = thumbRestColor
-        
-        thumbnailWrapperView.backgroundColor = trackBackgroundColor
         thumbnailWrapperView.layer.cornerRadius = 6
         thumbnailWrapperView.layer.cornerCurve = .continuous
         
@@ -320,11 +321,20 @@ import AVFoundation
         trailingThumbRest.layer.maskedCorners = [.layerMaxXMaxYCorner, .layerMaxXMinYCorner]
         trailingThumbRest.layer.cornerCurve = .continuous
         
-        shadowView.layer.shadowColor = UIColor.black.cgColor
         shadowView.layer.shadowOffset = .zero
         shadowView.layer.shadowRadius = 2
         shadowView.layer.shadowOpacity = 0.25
         
+        // Apply default (dark theme) colors — overridden by applyThemeColors() when asset is set
+        progressIndicator.backgroundColor = .white
+        progressIndicator.layer.shadowColor = UIColor.black.cgColor
+        thumbnailLeadingCoverView.backgroundColor = UIColor(white: 0, alpha: 0.75)
+        thumbnailTrailingCoverView.backgroundColor = UIColor(white: 0, alpha: 0.75)
+        leadingThumbRest.backgroundColor = thumbRestColor
+        trailingThumbRest.backgroundColor = thumbRestColor
+        thumbnailWrapperView.backgroundColor = trackBackgroundColor
+        shadowView.layer.shadowColor = UIColor.black.cgColor
+        
         setupConstraints()
         setupGestures()
     }

package/ios/VideoTrimmerViewController.swift

@@ -49,9 +49,11 @@ class VideoTrimmerViewController: UIViewController {
     private var enableHapticFeedback = true
     private var zoomOnWaitingDuration: Double = 5.0 // Default: 5 seconds
     
-    // New color properties
     private var trimmerColor: UIColor = UIColor.systemYellow
     private var handleIconColor: UIColor = UIColor.black
+    private var isLightTheme = false
+    private var iconColor: UIColor { isLightTheme ? .black : .white }
+    private var dimmedIconColor: UIColor { iconColor.withAlphaComponent(0.5) }
     
     private let playerController = AVPlayerViewController()
     private var trimmer: VideoTrimmer!
@@ -212,6 +214,14 @@ class VideoTrimmerViewController: UIViewController {
         setupView()
         setupButtons()
         setupTimeLabels()
+        
+        NotificationCenter.default.addObserver(self, selector: #selector(appWillResignActive), name: UIApplication.willResignActiveNotification, object: nil)
+    }
+    
+    @objc private func appWillResignActive() {
+        guard asset != nil else { return }
+        player.pause()
+        setPlayBtnIcon()
     }
     
     override func viewWillDisappear(_ animated: Bool) {
@@ -228,8 +238,8 @@ class VideoTrimmerViewController: UIViewController {
             player.removeTimeObserver(token)
             timeObserverToken = nil
         }
-        // Remove observer
         NotificationCenter.default.removeObserver(self, name: .AVPlayerItemDidPlayToEndTime, object: player.currentItem)
+        NotificationCenter.default.removeObserver(self, name: UIApplication.willResignActiveNotification, object: nil)
         
         playerController.player = nil
         playerController.dismiss(animated: false, completion: nil)
@@ -276,8 +286,8 @@ class VideoTrimmerViewController: UIViewController {
     
     // MARK: - Setup Methods
     private func setupView() {
-        self.overrideUserInterfaceStyle = .dark
-        view.backgroundColor = .black // need to have this otherwise during animation the background of this VC is still white in white theme
+        self.overrideUserInterfaceStyle = isLightTheme ? .light : .dark
+        view.backgroundColor = isLightTheme ? .white : .black
         
         if let headerText = headerText {
             headerView = UIView()
@@ -326,8 +336,8 @@ class VideoTrimmerViewController: UIViewController {
     }
     
     private func setupButtons() {
-        cancelBtn = UIButton.createButton(title: cancelButtonText, font: .systemFont(ofSize: 18), titleColor: .white, target: self, action: #selector(onCancelBtnClicked))
-        playBtn = UIButton.createButton(image: playIcon, tintColor: .white, target: self, action: #selector(togglePlay(sender:)))
+        cancelBtn = UIButton.createButton(title: cancelButtonText, font: .systemFont(ofSize: 18), titleColor: iconColor, target: self, action: #selector(onCancelBtnClicked))
+        playBtn = UIButton.createButton(image: playIcon, tintColor: iconColor, target: self, action: #selector(togglePlay(sender:)))
         playBtn.alpha = 0
         playBtn.isEnabled = false
         
@@ -354,11 +364,12 @@ class VideoTrimmerViewController: UIViewController {
     }
     
     private func setupTimeLabels() {
-        leadingTrimLabel = UILabel.createLabel(textAlignment: .left, textColor: .white)
+        let labelColor = isLightTheme ? UIColor.black : UIColor.white
+        leadingTrimLabel = UILabel.createLabel(textAlignment: .left, textColor: labelColor)
         leadingTrimLabel.text = "00:00.000"
-        currentTimeLabel = UILabel.createLabel(textAlignment: .center, textColor: .white)
+        currentTimeLabel = UILabel.createLabel(textAlignment: .center, textColor: labelColor)
         currentTimeLabel.text = "00:00.000"
-        trailingTrimLabel = UILabel.createLabel(textAlignment: .right, textColor: .white)
+        trailingTrimLabel = UILabel.createLabel(textAlignment: .right, textColor: labelColor)
         trailingTrimLabel.text = "00:00.000"
         
         timingStackView = UIStackView(arrangedSubviews: [leadingTrimLabel, currentTimeLabel, trailingTrimLabel])
@@ -377,6 +388,7 @@ class VideoTrimmerViewController: UIViewController {
     
     private func setupVideoTrimmer() {
         trimmer = VideoTrimmer()
+        trimmer.isLightTheme = isLightTheme
         trimmer.asset = asset
         trimmer.minimumDuration = CMTime(seconds: 1, preferredTimescale: 600)
         trimmer.enableHapticFeedback = enableHapticFeedback
@@ -469,11 +481,14 @@ class VideoTrimmerViewController: UIViewController {
         addChild(playerController)
         playerContainerView.addSubview(playerController.view)
         playerController.view.translatesAutoresizingMaskIntoConstraints = false
+        playerController.view.backgroundColor = .clear
+        
+        let bracketInset: CGFloat = 5
         NSLayoutConstraint.activate([
-            playerController.view.leadingAnchor.constraint(equalTo: playerContainerView.leadingAnchor),
-            playerController.view.trailingAnchor.constraint(equalTo: playerContainerView.trailingAnchor),
-            playerController.view.topAnchor.constraint(equalTo: playerContainerView.topAnchor),
-            playerController.view.bottomAnchor.constraint(equalTo: playerContainerView.bottomAnchor)
+            playerController.view.topAnchor.constraint(equalTo: playerContainerView.topAnchor, constant: bracketInset),
+            playerController.view.bottomAnchor.constraint(equalTo: playerContainerView.bottomAnchor, constant: -bracketInset),
+            playerController.view.leadingAnchor.constraint(equalTo: playerContainerView.leadingAnchor, constant: bracketInset),
+            playerController.view.trailingAnchor.constraint(equalTo: playerContainerView.trailingAnchor, constant: -bracketInset),
         ])
         
         // Add observer for the end of playback
@@ -491,34 +506,33 @@ class VideoTrimmerViewController: UIViewController {
         guard isVideoType else { return }
         
         let symbolConfig = UIImage.SymbolConfiguration(pointSize: 14, weight: .medium)
-        let dimmed = UIColor.white.withAlphaComponent(0.5)
         
         let flipBtn = UIButton(type: .system)
         flipBtn.setImage(UIImage(systemName: "arrow.trianglehead.left.and.right.righttriangle.left.righttriangle.right", withConfiguration: symbolConfig), for: .normal)
-        flipBtn.tintColor = .white
+        flipBtn.tintColor = iconColor
         flipBtn.addTarget(self, action: #selector(onFlipTapped), for: .touchUpInside)
         
         let rotateBtn = UIButton(type: .system)
         rotateBtn.setImage(UIImage(systemName: "rotate.left", withConfiguration: symbolConfig), for: .normal)
-        rotateBtn.tintColor = .white
+        rotateBtn.tintColor = iconColor
         rotateBtn.addTarget(self, action: #selector(onRotateTapped), for: .touchUpInside)
         
         let cropButton = UIButton(type: .system)
         cropButton.setImage(UIImage(systemName: "crop", withConfiguration: symbolConfig), for: .normal)
-        cropButton.tintColor = UIColor.white.withAlphaComponent(0.5)
+        cropButton.tintColor = dimmedIconColor
         cropButton.addTarget(self, action: #selector(onCropTapped), for: .touchUpInside)
         self.cropBtn = cropButton
         
         let undoButton = UIButton(type: .system)
         undoButton.setImage(UIImage(systemName: "arrow.uturn.backward", withConfiguration: symbolConfig), for: .normal)
-        undoButton.tintColor = dimmed
+        undoButton.tintColor = dimmedIconColor
         undoButton.isEnabled = false
         undoButton.addTarget(self, action: #selector(onUndoTapped), for: .touchUpInside)
         self.undoBtn = undoButton
         
         let redoButton = UIButton(type: .system)
         redoButton.setImage(UIImage(systemName: "arrow.uturn.forward", withConfiguration: symbolConfig), for: .normal)
-        redoButton.tintColor = dimmed
+        redoButton.tintColor = dimmedIconColor
         redoButton.isEnabled = false
         redoButton.addTarget(self, action: #selector(onRedoTapped), for: .touchUpInside)
         self.redoBtn = redoButton
@@ -582,29 +596,63 @@ class VideoTrimmerViewController: UIViewController {
         updateVideoTransform(resetCrop: true)
     }
     
-    private func updateVideoTransform(resetCrop: Bool = false) {
+    private func buildVideoTransform() -> CGAffineTransform {
         let angle = -CGFloat(rotationCount) * (.pi / 2)
         var transform = CGAffineTransform.identity
-        
         if isFlipped {
             transform = transform.scaledBy(x: -1, y: 1)
         }
         transform = transform.rotated(by: angle)
-        
         if rotationCount % 2 != 0 {
-            let bounds = playerContainerView.bounds
-            if bounds.width > 0 && bounds.height > 0 {
-                let fitScale = min(bounds.width / bounds.height, bounds.height / bounds.width)
+            let pvBounds = playerController.view.bounds
+            let cBounds = playerContainerView.bounds
+            if pvBounds.width > 0 && pvBounds.height > 0 && cBounds.width > 0 && cBounds.height > 0 {
+                var videoW = pvBounds.width
+                var videoH = pvBounds.height
+                if let track = asset?.tracks(withMediaType: .video).first {
+                    let raw = track.naturalSize
+                    let pt = track.preferredTransform
+                    let a = atan2(pt.b, pt.a)
+                    let srcRotated = abs(a - .pi / 2) < 0.1 || abs(a + .pi / 2) < 0.1
+                    let ds = srcRotated ? CGSize(width: raw.height, height: raw.width) : raw
+                    if ds.width > 0 && ds.height > 0 {
+                        let videoAR = ds.width / ds.height
+                        let viewAR = pvBounds.width / pvBounds.height
+                        if videoAR > viewAR {
+                            videoW = pvBounds.width
+                            videoH = pvBounds.width / videoAR
+                        } else {
+                            videoH = pvBounds.height
+                            videoW = pvBounds.height * videoAR
+                        }
+                    }
+                }
+                let bracketMargin: CGFloat = 5
+                let availW = cBounds.width - 2 * bracketMargin
+                let availH = cBounds.height - 2 * bracketMargin
+                let fitScale = min(availW / videoH, availH / videoW)
                 transform = transform.scaledBy(x: fitScale, y: fitScale)
             }
         }
-        
+        return transform
+    }
+    
+    private func updateVideoTransform(resetCrop: Bool = false) {
+        let transform = buildVideoTransform()
+        if isCropActive {
+            UIView.animate(withDuration: 0.15) {
+                self.cropOverlayView?.alpha = 0
+            }
+        }
         UIView.animate(withDuration: 0.3, delay: 0, options: [.curveEaseInOut]) {
             self.playerController.view.transform = transform
         } completion: { _ in
             if resetCrop && self.isCropActive {
                 self.updateCropAllowedRect()
                 self.cropOverlayView?.resetCrop()
+                UIView.animate(withDuration: 0.15) {
+                    self.cropOverlayView?.alpha = 1
+                }
             }
         }
     }
@@ -644,21 +692,11 @@ class VideoTrimmerViewController: UIViewController {
         rotationCount = snap.rotationCount
         isFlipped = snap.isFlipped
         
-        let angle = -CGFloat(rotationCount) * (.pi / 2)
-        var transform = CGAffineTransform.identity
-        if isFlipped { transform = transform.scaledBy(x: -1, y: 1) }
-        transform = transform.rotated(by: angle)
-        if rotationCount % 2 != 0 {
-            let bounds = playerContainerView.bounds
-            if bounds.width > 0 && bounds.height > 0 {
-                let fitScale = min(bounds.width / bounds.height, bounds.height / bounds.width)
-                transform = transform.scaledBy(x: fitScale, y: fitScale)
-            }
-        }
+        let transform = buildVideoTransform()
         
         let wasActive = isCropActive
         isCropActive = snap.isCropActive
-        cropBtn?.tintColor = isCropActive ? .white : UIColor.white.withAlphaComponent(0.5)
+        cropBtn?.tintColor = isCropActive ? iconColor : dimmedIconColor
         
         UIView.animate(withDuration: 0.3, delay: 0, options: [.curveEaseInOut]) {
             self.playerController.view.transform = transform
@@ -690,10 +728,9 @@ class VideoTrimmerViewController: UIViewController {
     }
     
     private func updateUndoRedoButtons() {
-        let dimmed = UIColor.white.withAlphaComponent(0.5)
-        undoBtn?.tintColor = undoStack.isEmpty ? dimmed : .white
+        undoBtn?.tintColor = undoStack.isEmpty ? dimmedIconColor : iconColor
         undoBtn?.isEnabled = !undoStack.isEmpty
-        redoBtn?.tintColor = redoStack.isEmpty ? dimmed : .white
+        redoBtn?.tintColor = redoStack.isEmpty ? dimmedIconColor : iconColor
         redoBtn?.isEnabled = !redoStack.isEmpty
     }
     
@@ -701,7 +738,7 @@ class VideoTrimmerViewController: UIViewController {
     
     @objc private func onCropTapped() {
         isCropActive.toggle()
-        cropBtn?.tintColor = isCropActive ? .white : UIColor.white.withAlphaComponent(0.5)
+        cropBtn?.tintColor = isCropActive ? iconColor : dimmedIconColor
         
         if enableHapticFeedback {
             UIImpactFeedbackGenerator(style: .light).impactOccurred()
@@ -742,6 +779,7 @@ class VideoTrimmerViewController: UIViewController {
     
     private func createCropOverlay() {
         let overlay = CropOverlayView()
+        overlay.isLightTheme = isLightTheme
         overlay.translatesAutoresizingMaskIntoConstraints = false
         overlay.alpha = 0
         playerContainerView.addSubview(overlay)
@@ -915,6 +953,8 @@ class VideoTrimmerViewController: UIViewController {
       minimumDuration = minDuration
     }
     
+    isLightTheme = (config["theme"] as? String) == "light"
+    
     cancelButtonText = config["cancelButtonText"] as? String ?? "Cancel"
     saveButtonText = config["saveButtonText"] as? String ?? "Save"
     jumpToPositionOnLoad = config["jumpToPositionOnLoad"] as? Double ?? 0
@@ -926,12 +966,11 @@ class VideoTrimmerViewController: UIViewController {
     headerTextSize = config["headerTextSize"] as? Int ?? 16
     headerTextColor = config["headerTextColor"] as? Double
     
-    // Handle new color properties
     if let trimmerColorValue = config["trimmerColor"] as? Double {
         trimmerColor = RCTConvert.uiColor(trimmerColorValue) ?? UIColor.systemYellow
     }
     if let handleIconColorValue = config["handleIconColor"] as? Double {
-        handleIconColor = RCTConvert.uiColor(handleIconColorValue) ?? UIColor.black
+        handleIconColor = RCTConvert.uiColor(handleIconColorValue) ?? (isLightTheme ? .white : .black)
     }
   }
     

package/lib/module/NativeVideoTrim.js.map

@@ -1 +1 @@
-{"version":3,"names":["TurboModuleRegistry","getEnforcing"],"sourceRoot":"../../src","sources":["NativeVideoTrim.ts"],"mappings":";;AACA,SAASA,mBAAmB,QAAQ,cAAc;;AAGlD;AACA;AACA;;AAwBA;AACA;AACA;;AAgGA;AACA;AACA;;AAQA;AACA;AACA;;AAUA;AACA;AACA;;AAcA;AACA;AACA;;AAmEA,eAAeA,mBAAmB,CAACC,YAAY,CAAO,WAAW,CAAC","ignoreList":[]}
+{"version":3,"names":["TurboModuleRegistry","getEnforcing"],"sourceRoot":"../../src","sources":["NativeVideoTrim.ts"],"mappings":";;AACA,SAASA,mBAAmB,QAAQ,cAAc;;AAGlD;AACA;AACA;;AAwBA;AACA;AACA;;AAqGA;AACA;AACA;;AAQA;AACA;AACA;;AAUA;AACA;AACA;;AAcA;AACA;AACA;;AAmEA,eAAeA,mBAAmB,CAACC,YAAY,CAAO,WAAW,CAAC","ignoreList":[]}

package/lib/module/index.js

@@ -90,9 +90,10 @@ export function showEditor(filePath, config) {
     trimmerColor,
     handleIconColor
   } = config;
-  const _headerTextColor = processColor(headerTextColor || 'white');
+  const isLight = config.theme === 'light';
+  const _headerTextColor = processColor(headerTextColor || (isLight ? 'black' : 'white'));
   const _trimmerColor = processColor(trimmerColor || '#f1d247');
-  const _handleIconColor = processColor(handleIconColor || 'black');
+  const _handleIconColor = processColor(handleIconColor || (isLight ? 'white' : 'black'));
   VideoTrim.showEditor(filePath, createEditorConfig({
     ...config,
     headerTextColor: _headerTextColor,

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["VideoTrimNewArch","VideoTrimOldArch","processColor","isFabric","global","nativeFabricUIManager","VideoTrim","createBaseOptions","overrides","saveToPhoto","type","outputExt","removeAfterSavedToPhoto","removeAfterFailedToSavePhoto","enablePreciseTrimming","createEditorConfig","enableHapticFeedback","maxDuration","minDuration","openDocumentsOnFinish","openShareSheetOnFinish","removeAfterSavedToDocuments","removeAfterFailedToSaveDocuments","removeAfterShared","removeAfterFailedToShare","cancelButtonText","saveButtonText","enableCancelDialog","cancelDialogTitle","cancelDialogMessage","cancelDialogCancelText","cancelDialogConfirmText","enableSaveDialog","saveDialogTitle","saveDialogMessage","saveDialogCancelText","saveDialogConfirmText","trimmingText","fullScreenModalIOS","autoplay","jumpToPositionOnLoad","closeWhenFinish","enableCancelTrimming","cancelTrimmingButtonText","enableCancelTrimmingDialog","cancelTrimmingDialogTitle","cancelTrimmingDialogMessage","cancelTrimmingDialogCancelText","cancelTrimmingDialogConfirmText","headerText","headerTextSize","headerTextColor","trimmerColor","handleIconColor","zoomOnWaitingDuration","alertOnFailToLoad","alertOnFailTitle","alertOnFailMessage","alertOnFailCloseText","createTrimOptions","startTime","endTime","showEditor","filePath","config","_headerTextColor","_trimmerColor","_handleIconColor","listFiles","cleanFiles","deleteFile","trim","length","Error","closeEditor","isValidFile","url","options"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["VideoTrimNewArch","VideoTrimOldArch","processColor","isFabric","global","nativeFabricUIManager","VideoTrim","createBaseOptions","overrides","saveToPhoto","type","outputExt","removeAfterSavedToPhoto","removeAfterFailedToSavePhoto","enablePreciseTrimming","createEditorConfig","enableHapticFeedback","maxDuration","minDuration","openDocumentsOnFinish","openShareSheetOnFinish","removeAfterSavedToDocuments","removeAfterFailedToSaveDocuments","removeAfterShared","removeAfterFailedToShare","cancelButtonText","saveButtonText","enableCancelDialog","cancelDialogTitle","cancelDialogMessage","cancelDialogCancelText","cancelDialogConfirmText","enableSaveDialog","saveDialogTitle","saveDialogMessage","saveDialogCancelText","saveDialogConfirmText","trimmingText","fullScreenModalIOS","autoplay","jumpToPositionOnLoad","closeWhenFinish","enableCancelTrimming","cancelTrimmingButtonText","enableCancelTrimmingDialog","cancelTrimmingDialogTitle","cancelTrimmingDialogMessage","cancelTrimmingDialogCancelText","cancelTrimmingDialogConfirmText","headerText","headerTextSize","headerTextColor","trimmerColor","handleIconColor","zoomOnWaitingDuration","alertOnFailToLoad","alertOnFailTitle","alertOnFailMessage","alertOnFailCloseText","createTrimOptions","startTime","endTime","showEditor","filePath","config","isLight","theme","_headerTextColor","_trimmerColor","_handleIconColor","listFiles","cleanFiles","deleteFile","trim","length","Error","closeEditor","isValidFile","url","options"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/NativeVideoTrim.d.ts

@@ -121,6 +121,11 @@ export interface EditorConfig extends BaseOptions {
      * this duration around the current trim position for more precise editing.
      */
     zoomOnWaitingDuration?: number;
+    /**
+     * Editor theme. `"dark"` (default) uses a black background with white UI elements.
+     * `"light"` uses a white background with black icons/text and white trimmer-handle chevrons.
+     */
+    theme?: string;
 }
 /**
  * Options for headless (non-UI) trim operations.

package/lib/typescript/src/NativeVideoTrim.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NativeVideoTrim.d.ts","sourceRoot":"","sources":["../../../src/NativeVideoTrim.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"NativeVideoTrim.d.ts","sourceRoot":"","sources":["../../../src/NativeVideoTrim.ts"],"names":[],"mappings":"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"}

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAEV,YAAY,EACZ,oBAAoB,EACpB,WAAW,EACX,UAAU,EACX,MAAM,mBAAmB,CAAC;AAK3B,QAAA,MAAM,SAAS,KAAiD,CAAC;AA4EjE;;;;;;;GAOG;AACH,wBAAgB,UAAU,CACxB,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,OAAO,CACb,IAAI,CAAC,YAAY,EAAE,iBAAiB,GAAG,cAAc,GAAG,iBAAiB,CAAC,CAC3E,GAAG;IACF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GACA,IAAI,CAeN;AAED;;;;GAIG;AACH,wBAAgB,SAAS,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC,CAE7C;AAED;;;;GAIG;AACH,wBAAgB,UAAU,IAAI,OAAO,CAAC,MAAM,CAAC,CAE5C;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAK7D;AAED;;GAEG;AACH,wBAAgB,WAAW,IAAI,IAAI,CAElC;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAEtE;AAED;;;;;;GAMG;AACH,wBAAgB,IAAI,CAClB,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,GAC5B,OAAO,CAAC,UAAU,CAAC,CAErB;AAED,cAAc,mBAAmB,CAAC;AAClC,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAEV,YAAY,EACZ,oBAAoB,EACpB,WAAW,EACX,UAAU,EACX,MAAM,mBAAmB,CAAC;AAK3B,QAAA,MAAM,SAAS,KAAiD,CAAC;AA4EjE;;;;;;;GAOG;AACH,wBAAgB,UAAU,CACxB,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,OAAO,CACb,IAAI,CAAC,YAAY,EAAE,iBAAiB,GAAG,cAAc,GAAG,iBAAiB,CAAC,CAC3E,GAAG;IACF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GACA,IAAI,CAoBN;AAED;;;;GAIG;AACH,wBAAgB,SAAS,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC,CAE7C;AAED;;;;GAIG;AACH,wBAAgB,UAAU,IAAI,OAAO,CAAC,MAAM,CAAC,CAE5C;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAK7D;AAED;;GAEG;AACH,wBAAgB,WAAW,IAAI,IAAI,CAElC;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAEtE;AAED;;;;;;GAMG;AACH,wBAAgB,IAAI,CAClB,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,GAC5B,OAAO,CAAC,UAAU,CAAC,CAErB;AAED,cAAc,mBAAmB,CAAC;AAClC,eAAe,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-video-trim",
-  "version": "7.0.0",
+  "version": "7.1.0",
   "description": "Video trimmer for your React Native app",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/NativeVideoTrim.ts

@@ -124,6 +124,11 @@ export interface EditorConfig extends BaseOptions {
    * this duration around the current trim position for more precise editing.
    */
   zoomOnWaitingDuration?: number;
+  /**
+   * Editor theme. `"dark"` (default) uses a black background with white UI elements.
+   * `"light"` uses a white background with black icons/text and white trimmer-handle chevrons.
+   */
+  theme?: string;
 }
 
 /**

package/src/index.tsx

@@ -106,9 +106,14 @@ export function showEditor(
   }
 ): void {
   const { headerTextColor, trimmerColor, handleIconColor } = config;
-  const _headerTextColor = processColor(headerTextColor || 'white');
+  const isLight = config.theme === 'light';
+  const _headerTextColor = processColor(
+    headerTextColor || (isLight ? 'black' : 'white')
+  );
   const _trimmerColor = processColor(trimmerColor || '#f1d247');
-  const _handleIconColor = processColor(handleIconColor || 'black');
+  const _handleIconColor = processColor(
+    handleIconColor || (isLight ? 'white' : 'black')
+  );
 
   VideoTrim.showEditor(
     filePath,