Change section heading

lib/pages/settings.dart

@@ -60,12 +60,7 @@ class _AppearanceConfig extends StatelessWidget {
       body: Observer(
         builder: (ctx) => ListView(
           children: [
-            Center(
+            _SectionHeading('Theme'),
-              child: Text(
-                'Theme',
-                style: theme.textTheme.headline6,
-              ),
-            ),
             for (final theme in ThemeMode.values)
               RadioListTile<ThemeMode>(
                 value: theme,
@@ -103,24 +98,21 @@ class _AccountsConfig extends StatelessWidget {
           return ListView(
             children: [
               for (var entry in accountsStore.users.entries) ...[
-                Center(
+                _SectionHeading(entry.key),
-                  child: Text(
-                    entry.key,
-                    style: theme.textTheme.subtitle2,
-                  ),
-                ),
                 for (var username in entry.value.keys) ...[
                   ListTile(
                     trailing:
                         username == accountsStore.defaultUserFor(entry.key).name
-                            ? Icon(Icons.check_circle_outline)
+                            ? Icon(
+                                Icons.check_circle_outline,
+                                color: theme.accentColor,
+                              )
                             : null,
-                    selected: username ==
-                        accountsStore.defaultUserFor(entry.key).name,
                     title: Text(username),
                     onLongPress: () {
                       accountsStore.setDefaultAccountFor(entry.key, username);
                     },
+
                     onTap: () {}, // TODO: go to managing account
                   ),
                 ],
@@ -133,3 +125,19 @@ class _AccountsConfig extends StatelessWidget {
     );
   }
 }
+
+class _SectionHeading extends StatelessWidget {
+  final String text;
+
+  const _SectionHeading(this.text);
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    return Padding(
+      child: Text(text.toUpperCase(),
+          style: theme.textTheme.subtitle2.copyWith(color: theme.accentColor)),
+      padding: EdgeInsets.only(left: 20, top: 40),
+    );
+  }
+}