Merge pull request #4922 from pangeachat/grammar-practice-background

Add background to make dark mode icon stand out in own message grammar practice
2025-12-22 13:46:42 -05:00 · 2025-12-22 13:46:42 -05:00 · 65c6c2af95
commit 65c6c2af95
parent 25b6b1ad77 410e2b80a6
1 changed files with 14 additions and 3 deletions
--- a/lib/pangea/toolbar/message_practice/token_practice_button.dart
+++ b/lib/pangea/toolbar/message_practice/token_practice_button.dart
@ -283,9 +283,20 @@ class _NoActivityContentButton extends StatelessWidget {
          child: SizedBox(
            width: width,
            child: Center(
-              child: MorphIcon(
-                morphFeature: morphFeature,
-                morphTag: morphTag.lemma,
+              child: CircleAvatar(
+                radius: width / 2,
+                backgroundColor:
+                    Theme.of(context).brightness != Brightness.light
+                        ? Theme.of(context).colorScheme.surface.withAlpha(100)
+                        : null,
+                child: Padding(
+                  padding: const EdgeInsets.all(4.0),
+                  child: MorphIcon(
+                    morphFeature: morphFeature,
+                    morphTag: morphTag.lemma,
+                    size: Size.fromWidth(width - 8.0),
+                  ),
+                ),
              ),
            ),
          ),