settings: Improved header-textstyle

Author: MdSaifAliMolla

lib/widgets/settings.dart

@@ -5,6 +5,7 @@ import '../model/settings.dart';
 import 'app_bar.dart';
 import 'page.dart';
 import 'store.dart';
+import 'text.dart';
 
 class SettingsPage extends StatelessWidget {
   const SettingsPage({super.key});
@@ -18,9 +19,9 @@ class SettingsPage extends StatelessWidget {
   Widget build(BuildContext context) {
     final zulipLocalizations = ZulipLocalizations.of(context);
     return Scaffold(
-      appBar: ZulipAppBar(
-        title: Text(zulipLocalizations.settingsPageTitle)),
-      body: Column(children: [
+      appBar: ZulipAppBar(title: Text(zulipLocalizations.settingsPageTitle),centerTitle: true),
+      body: ListView(children: [
+        const _SettingsHeader(title: 'THEME'),
         const _ThemeSetting(),
         const _BrowserPreferenceSetting(),
         const _VisitFirstUnreadSetting(),
@@ -34,6 +35,23 @@ class SettingsPage extends StatelessWidget {
   }
 }
 
+class _SettingsHeader extends StatelessWidget {
+  const _SettingsHeader({required this.title});
+
+  final String title;
+
+  @override
+  Widget build(BuildContext context) {
+    return Material(
+    color: Colors.transparent,
+      child: Padding(
+        padding: const EdgeInsets.fromLTRB(16, 16, 16,8),
+        child: Text(title,
+          style: TextStyle(
+            fontSize: 17).merge(weightVariableTextStyle(context, wght: 600)),
+        )));
+  }}
+
 class _ThemeSetting extends StatelessWidget {
   const _ThemeSetting();
 
@@ -51,7 +69,7 @@ class _ThemeSetting extends StatelessWidget {
       onChanged: (newValue) => _handleChange(context, newValue),
       child: Column(
         children: [
-          ListTile(title: Text(zulipLocalizations.themeSettingTitle)),
+          //ListTile(title: Text(zulipLocalizations.themeSettingTitle)),
           for (final themeSettingOption in [null, ...ThemeSetting.values])
             RadioListTile<ThemeSetting?>.adaptive(
               title: Text(ThemeSetting.displayName(