Refactor color scheme in theme.dart make it simple and protect defaults more

.gitignore

@@ -43,4 +43,7 @@ app.*.map.json
 /android/app/release
 
 # Environment
-.env
+.env
+
+# Vscode
+.vscode/

lib/components/bottom_navigation_bar.dart

@@ -28,7 +28,6 @@ class AppBottomNavigationBar extends StatelessWidget {
         ),
       ],
       currentIndex: currentIndex,
-      selectedItemColor: Colors.amber[800],
       onTap: onTap,
     );
   }

lib/components/profile/about_me_card.dart

@@ -47,11 +47,9 @@ class ProfileAboutMeCard extends StatelessWidget {
           height: cardHeight,
           width: MediaQuery.of(context).size.width,
           child: Card(
-            elevation: 5.0,
             shape: RoundedRectangleBorder(
               borderRadius: BorderRadius.circular(16.0),
             ),
-            color: Colors.white,
             child: Padding(
               padding: const EdgeInsets.all(16.0),
               child: Column(

lib/components/profile/badges_card.dart

@@ -14,11 +14,9 @@ class BadgesCard extends StatelessWidget {
       height: 260,
       width: MediaQuery.of(context).size.width,
       child: Card(
-        elevation: 5.0,
         shape: RoundedRectangleBorder(
           borderRadius: BorderRadius.circular(16.0),
         ),
-        color: Colors.white,
         child: Padding(
           padding: const EdgeInsets.all(16.0),
           child: Column(

lib/components/profile/day_streaks_card.dart

@@ -16,11 +16,9 @@ class ProfileDayStreaksCard extends StatelessWidget {
       height: 250,
       width: MediaQuery.of(context).size.width,
       child: Card(
-        elevation: 5.0,
         shape: RoundedRectangleBorder(
           borderRadius: BorderRadius.circular(16.0),
         ),
-        color: Colors.white,
         child: Padding(
           padding: const EdgeInsets.all(16.0),
           child: Column(

lib/components/profile/mother_tongues_card.dart

@@ -17,11 +17,9 @@ class MotherTonguesCard extends StatelessWidget {
       height: 165,
       width: MediaQuery.of(context).size.width,
       child: Card(
-        elevation: 5.0,
         shape: RoundedRectangleBorder(
           borderRadius: BorderRadius.circular(16.0),
         ),
-        color: Colors.white,
         child: Padding(
           padding: const EdgeInsets.all(16.0),
           child: Column(
@@ -66,7 +64,6 @@ class MotherTonguesCard extends StatelessWidget {
                             languages[index],
                             style: const TextStyle(
                               fontSize: 18,
-                              color: Colors.black,
                             ),
                           ),
                           const Spacer(),

lib/components/profile/others_card.dart

@@ -15,11 +15,9 @@ class OthersCard extends StatelessWidget {
       height: 230,
       width: MediaQuery.of(context).size.width,
       child: Card(
-        elevation: 5.0,
         shape: RoundedRectangleBorder(
           borderRadius: BorderRadius.circular(16.0),
         ),
-        color: Colors.white,
         child: Padding(
           padding: const EdgeInsets.all(16.0),
           child: Column(

lib/components/profile/study_languages_card.dart

@@ -17,11 +17,9 @@ class StudyLanguagesCard extends StatelessWidget {
       height: 165,
       width: MediaQuery.of(context).size.width,
       child: Card(
-        elevation: 5.0,
         shape: RoundedRectangleBorder(
           borderRadius: BorderRadius.circular(16.0),
         ),
-        color: Colors.white,
         child: Padding(
           padding: const EdgeInsets.all(16.0),
           child: Column(
@@ -66,7 +64,6 @@ class StudyLanguagesCard extends StatelessWidget {
                             languages[index],
                             style: const TextStyle(
                               fontSize: 18,
-                              color: Colors.black,
                             ),
                           ),
                           const Spacer(),

lib/components/profile/token_card.dart

@@ -17,11 +17,9 @@ class ProfileTokenCard extends StatelessWidget {
       height: 320,
       width: MediaQuery.of(context).size.width,
       child: Card(
-        elevation: 5.0,
         shape: RoundedRectangleBorder(
           borderRadius: BorderRadius.circular(16.0),
         ),
-        color: Colors.white,
         child: Padding(
           padding: const EdgeInsets.all(16.0),
           child: Column(
@@ -109,7 +107,6 @@ class ProfileTokenCard extends StatelessWidget {
                             'Leaderboard',
                             style: TextStyle(
                               fontSize: 18,
-                              color: Colors.black,
                             ),
                           ),
                           const Spacer(),
@@ -122,10 +119,6 @@ class ProfileTokenCard extends StatelessWidget {
                         ],
                       ),
                     ),
-                    Container(
-                      height: 1,
-                      color: Colors.grey[300],
-                    ),
                   ],
                 ),
               ),

lib/components/profile/user_card.dart

@@ -24,11 +24,9 @@ class ProfileUserCard extends StatelessWidget {
       height: 330,
       width: MediaQuery.of(context).size.width,
       child: Card(
-        elevation: 5.0,
         shape: RoundedRectangleBorder(
           borderRadius: BorderRadius.circular(16.0),
         ),
-        color: Colors.white,
         child: Padding(
           padding: const EdgeInsets.all(16.0),
           child: Column(