fix: color being unreadable in dark mode

IamMuuo · Oct 1, 2024 · 1fc8c28 · 1fc8c28
1 parent 1db66fe
commit 1fc8c28
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 19 deletions.
diff --git a/lib/tools/anki/pages/create_ankicard.dart b/lib/tools/anki/pages/create_ankicard.dart
@@ -28,6 +28,7 @@ class CreateAnkicard extends StatelessWidget {
               controller: cardInfo,
               maxLines: 5,
               decoration: InputDecoration(
+                hintText: "Some question you want to remember",
                 border: OutlineInputBorder(
                   borderRadius: BorderRadius.circular(12),
                 ),
@@ -89,10 +90,10 @@ class CreateAnkicard extends StatelessWidget {
                     ),
                   ),
           ),
-          Padding(
-            padding: const EdgeInsets.symmetric(vertical: 12.0),
-            child: Center(
-              child: ElevatedButton(
+          Row(
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              OutlinedButton(
                 onPressed: () {
                   ansCardController.ansSwitch.value =
                       !ansCardController.ansSwitch.value;
@@ -107,12 +108,8 @@ class CreateAnkicard extends StatelessWidget {
                   ),
                 ),
               ),
-            ),
-          ),
-          Padding(
-            padding: const EdgeInsets.symmetric(vertical: 12.0),
-            child: Center(
-              child: ElevatedButton(
+              const SizedBox(width: 8),
+              FilledButton(
                 onPressed: () async {
                   // check for user inputs
                   if (cardInfo.text.trim().isEmpty ||
@@ -172,7 +169,7 @@ class CreateAnkicard extends StatelessWidget {
                 },
                 child: const Text("Create Card"),
               ),
-            ),
+            ],
           ),
         ],
       ),

diff --git a/lib/tools/anki/pages/populated_anki_home_screen.dart b/lib/tools/anki/pages/populated_anki_home_screen.dart
@@ -16,17 +16,12 @@ class PopulatedAnkiHomeScreen extends StatelessWidget {
         crossAxisAlignment: CrossAxisAlignment.start,
         mainAxisAlignment: MainAxisAlignment.start,
         children: [
-          const Padding(
-            padding: EdgeInsets.all(16.0),
-            child: Text(
-              "Starred Topics",
-            ),
-          ),
           Visibility(
             visible: topicController.allFavourites.isNotEmpty,
             child: Align(
               alignment: Alignment.center,
-              child: SizedBox(
+              child: Container(
+                padding: const EdgeInsets.symmetric(vertical: 8),
                 height: MediaQuery.of(context).size.height * 0.27,
                 width: MediaQuery.of(context).size.width * 0.87,
                 child: ListView.builder(

diff --git a/lib/tools/anki/widgets/starred_topic.dart b/lib/tools/anki/widgets/starred_topic.dart
@@ -44,7 +44,7 @@ class StarredTopics extends StatelessWidget {
               child: Container(
                 height: MediaQuery.of(context).size.height * 0.267,
                 decoration: BoxDecoration(
-                  color: Theme.of(context).colorScheme.onTertiaryFixed,
+                  color: Theme.of(context).colorScheme.tertiaryContainer,
                   borderRadius: const BorderRadius.all(
                     Radius.circular(16),
                   ),