From 40a5f04cccf56b2e069505bed85993f65a71364e Mon Sep 17 00:00:00 2001
From: Nikhil Mehta <nikhil.001mehta@gmail.com>
Date: Mon, 30 May 2022 15:17:15 +0530
Subject: [PATCH] fix: found mix-blend-mode chrome bug

---
 pages/v1/diff.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/pages/v1/diff.vue b/pages/v1/diff.vue
index 2b5ea67..c42a045 100644
--- a/pages/v1/diff.vue
+++ b/pages/v1/diff.vue
@@ -123,7 +123,9 @@ export default {
         const hunkState = item[0]
         if (hunkState === -1 || hunkState === 0) {
           const className =
-            hunkState === -1 ? 'isModified bg-red-300 dark:bg-yellow-900' : ''
+            hunkState === -1
+              ? 'isModified bg-red-300 dark:bg-yellow-900 mix-blend-overlay'
+              : ''
           return `<span class="break-all inline p-0 m-0 ${className}">${escapeHtml(
             item[1]
           )}</span>`
@@ -138,7 +140,9 @@ export default {
         const hunkState = item[0]
         if (hunkState === 1 || hunkState === 0) {
           const className =
-            hunkState === 1 ? 'isModified bg-green-300 dark:bg-green-900' : ''
+            hunkState === 1
+              ? 'isModified bg-green-300 dark:bg-green-900 mix-blend-overlay'
+              : ''
           return `<span class="break-all inline p-0 m-0 ${className}">${escapeHtml(
             item[1]
           )}</span>`