unify appbar and theming shades

Author: feruzm

lib/core/utilities/theme/theme_mode.dart

@@ -64,6 +64,19 @@ class ThemeController extends ChangeNotifier {
       hintColor: Colors.black38,
       cardColor: _lightGrey,
       dividerTheme: DividerThemeData(color: _primaryColor.withOpacity(0.1)),
+      appBarTheme: AppBarTheme(
+        backgroundColor: _secondaryColor,
+        foregroundColor: _primaryColor,
+        surfaceTintColor: Colors.transparent,
+        elevation: 0,
+        titleTextStyle: TextStyle(
+          fontFamily: _fontFamily,
+          fontSize: 18,
+          fontWeight: FontWeight.w600,
+          color: _primaryColor,
+        ),
+        iconTheme: IconThemeData(color: _primaryColor),
+      ),
       colorScheme: ColorScheme.light(
           onPrimary: _staticColor,
           onSecondary: _lightGrey,
@@ -140,6 +153,19 @@ class ThemeController extends ChangeNotifier {
       focusColor: _primaryThemeColor,
       hintColor: Colors.white38,
       dividerTheme: DividerThemeData(color: _secondaryColor.withOpacity(0.1)),
+      appBarTheme: AppBarTheme(
+        backgroundColor: _primaryColor,
+        foregroundColor: _secondaryColor,
+        surfaceTintColor: Colors.transparent,
+        elevation: 0,
+        titleTextStyle: TextStyle(
+          fontFamily: _fontFamily,
+          fontSize: 18,
+          fontWeight: FontWeight.w600,
+          color: _secondaryColor,
+        ),
+        iconTheme: IconThemeData(color: _secondaryColor),
+      ),
       colorScheme: ColorScheme.dark(
           onPrimary: _staticColor,
           onTertiary: _successColor, // color used for success

lib/features/explore/presentation/widgets/thread_type_dropdown.dart

@@ -10,20 +10,34 @@ class ThreadTypeDropdown extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return DropdownButton<ThreadFeedType>(
-      value: value,
-      onChanged: (v) {
-        if (v != null) {
-          onChanged(v);
-        }
-      },
+    final theme = Theme.of(context);
+    final appBarTheme = theme.appBarTheme;
+    final Color foregroundColor =
+        appBarTheme.foregroundColor ?? theme.colorScheme.onSurface;
+    final TextStyle? titleStyle = appBarTheme.titleTextStyle ??
+        theme.textTheme.titleMedium?.copyWith(color: foregroundColor);
+
+    return DropdownButtonHideUnderline(
+      child: DropdownButton<ThreadFeedType>(
+        value: value,
+        iconEnabledColor: foregroundColor,
+        iconDisabledColor: foregroundColor,
+        dropdownColor:
+            appBarTheme.backgroundColor ?? theme.colorScheme.surface,
+        style: titleStyle,
+        onChanged: (v) {
+          if (v != null) {
+            onChanged(v);
+          }
+        },
       items: ThreadFeedType.values
           .where((e) => e != ThreadFeedType.all)
           .map((e) => DropdownMenuItem(
                 value: e,
                 child: Text(Thread.gethreadName(type: e)),
               ))
           .toList(),
+      ),
     );
   }
 }

lib/features/threads/presentation/thread_feed/view/thread_feed_view.dart

@@ -28,7 +28,6 @@ class ThreadFeedView extends StatelessWidget {
     return Scaffold(
         drawer: const DrawerMenu(),
         appBar: AppBar(
-          backgroundColor: theme.cardColor,
           surfaceTintColor: Colors.transparent,
           centerTitle: true,
           title: DropDownFilter(onChanged: (type) {

lib/features/threads/presentation/thread_feed/widgets/drop_down_filter.dart

@@ -29,6 +29,16 @@ class _DropDownFilterState extends State<DropDownFilter> {
   @override
   Widget build(BuildContext context) {
     final theme = Theme.of(context);
+    final appBarTheme = theme.appBarTheme;
+    final Color dropdownBackground =
+        appBarTheme.backgroundColor ?? theme.scaffoldBackgroundColor;
+    final Color foregroundColor =
+        appBarTheme.foregroundColor ?? theme.colorScheme.onSurface;
+    final TextStyle titleStyle =
+        (appBarTheme.titleTextStyle ?? theme.textTheme.titleMedium)?.copyWith(
+              color: foregroundColor,
+            ) ??
+            TextStyle(color: foregroundColor);
     final controller = context.read<ThreadFeedController>();
     final List<ThreadFeedType> types = ThreadFeedType.values.sublist(1);
     final String defaultTypeString =
@@ -54,7 +64,7 @@ class _DropDownFilterState extends State<DropDownFilter> {
               selectedTextStyle: TextStyle(color: theme.primaryColorDark),
             ),
             dropdownOptions: DropdownOptions(
-              color: theme.colorScheme.tertiary,
+              color: dropdownBackground,
             ),
             dropdownTriangleOptions:
             const DropdownTriangleOptions(height: 5, width: 0),
@@ -79,11 +89,11 @@ class _DropDownFilterState extends State<DropDownFilter> {
               render: ResultRender.all,
               openBoxDecoration: BoxDecoration(
                 borderRadius: const BorderRadius.all(Radius.circular(6)),
-                color: Colors.transparent,
+                color: dropdownBackground,
                 border: Border.all(color: Colors.transparent),
               ),
               boxDecoration: BoxDecoration(
-                color: Colors.transparent,
+                color: dropdownBackground,
                 borderRadius: const BorderRadius.all(Radius.circular(6)),
                 border: Border.all(color: Colors.transparent),
               ),
@@ -96,18 +106,22 @@ class _DropDownFilterState extends State<DropDownFilter> {
             right: 0,
             child: IgnorePointer(
               child: Container(
-                color: theme.cardColor,
+                color: dropdownBackground,
                 child: Row(
                   mainAxisAlignment: MainAxisAlignment.center,
                   children: [
                     Text(
                       Thread.gethreadName(type: controller.threadType),
                       textAlign: TextAlign.center,
+                      style: titleStyle,
                     ),
                     const Gap(2),
-                    const Padding(
+                    Padding(
                       padding: EdgeInsets.only(top: 4.0),
-                      child: Icon(Icons.arrow_drop_down),
+                      child: Icon(
+                        Icons.arrow_drop_down,
+                        color: foregroundColor,
+                      ),
                     ),
                   ],
                 ),

lib/features/user/presentation/user_profile/view/user_profile_view.dart

@@ -45,7 +45,7 @@ class UserProfileView extends StatelessWidget {
                 },
               ),
             ),
-            backgroundColor: theme.colorScheme.tertiaryContainer,
+            backgroundColor: theme.scaffoldBackgroundColor,
             body: SafeArea(
               child: Selector<UserProfileController, ViewState>(
                 selector: (_, provider) => provider.viewState,

lib/features/user/presentation/user_profile/widgets/user_profile_user_info.dart

@@ -19,7 +19,6 @@ class UserProfileUserInfo extends StatelessWidget {
           leading: const SizedBox.shrink(),
           leadingWidth: 0,
           floating: true,
-          backgroundColor: theme.colorScheme.tertiaryContainer,
           title: UserImageName(
             name: data.name,
             textStyle: theme.textTheme.bodyMedium,