From 34b7253b5f86844ec05a8a43db518374130ed0c2 Mon Sep 17 00:00:00 2001
From: sam <swwakoli@gmail.com>
Date: Fri, 13 Jun 2025 03:47:43 +0300
Subject: [PATCH] Fix Mistake Popup visibility on dark mode #82

This commit aims to fix and improve accessibility when the app is in Dark mode;
---
 .gitignore                       |  2 ++
 lib/src/utils/mistake_popup.dart | 16 ++++++++++++----
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/.gitignore b/.gitignore
index 0c5355d..40ed97d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -28,3 +28,5 @@ migrate_working_dir/
 .dart_tool/
 .packages
 build/
+/.flutter-plugins-dependencies
+/example/.flutter-plugins-dependencies
diff --git a/lib/src/utils/mistake_popup.dart b/lib/src/utils/mistake_popup.dart
index 04c97a5..89463b1 100644
--- a/lib/src/utils/mistake_popup.dart
+++ b/lib/src/utils/mistake_popup.dart
@@ -113,6 +113,8 @@ class LanguageToolMistakePopup extends StatelessWidget {
 
     final availableSpace = _calculateAvailableSpace(context);
 
+    final colorScheme = Theme.of(context).colorScheme;
+
     return PointerInterceptor(
       child: ConstrainedBox(
         constraints: BoxConstraints(
@@ -125,9 +127,14 @@ class LanguageToolMistakePopup extends StatelessWidget {
             vertical: verticalMargin,
           ),
           decoration: BoxDecoration(
-            color: const Color.fromRGBO(241, 243, 248, 1.0),
+            color: colorScheme.surface.withValues(alpha: 0.9),
             borderRadius: BorderRadius.circular(_borderRadius),
-            boxShadow: const [BoxShadow(color: Colors.grey, blurRadius: 8)],
+            boxShadow: [
+              BoxShadow(
+                color: colorScheme.onSurface.withValues(alpha: 0.5),
+                blurRadius: 8,
+              ),
+            ],
           ),
           padding: const EdgeInsets.only(
             top: 8,
@@ -180,7 +187,7 @@ class LanguageToolMistakePopup extends StatelessWidget {
                   margin: const EdgeInsets.only(top: 8),
                   padding: const EdgeInsets.all(padding),
                   decoration: BoxDecoration(
-                    color: Colors.white,
+                    color: colorScheme.surface,
                     borderRadius: BorderRadius.circular(_borderRadius),
                   ),
                   child: SingleChildScrollView(
@@ -194,7 +201,8 @@ class LanguageToolMistakePopup extends StatelessWidget {
                           child: Text(
                             mistake.type.name.capitalize(),
                             style: TextStyle(
-                              color: Colors.grey.shade700,
+                              color:
+                                  colorScheme.onSurface.withValues(alpha: 0.7),
                               fontSize: _mistakeNameFontSize,
                               fontWeight: FontWeight.w600,
                               letterSpacing: _titleLetterSpacing,