mikkeli
78a6564f0a
Settings has a segmented Auto / Dark / Bright. Auto follows platformBrightness, so Android's schedule too. The Dash's quick button holds the other variant; a long press is auto again. The mode is kept with shared_preferences. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
108 lines
3.5 KiB
Dart
108 lines
3.5 KiB
Dart
// Settings: the few things that are chosen, gathered in one place. Build-time choices
|
|
// are shown so it is clear where they come from, not edited here.
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import '../actions/server_url.dart';
|
|
import '../link/boundary.dart';
|
|
import '../link/net.dart';
|
|
import '../shell_scope.dart';
|
|
import '../theme/palette.dart';
|
|
|
|
class SettingsPage extends StatelessWidget {
|
|
const SettingsPage({
|
|
super.key,
|
|
required this.boundary,
|
|
required this.usb,
|
|
required this.themes,
|
|
});
|
|
final Boundary boundary;
|
|
final UsbLink usb;
|
|
final Themes themes;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final p = AppTheme.of(context);
|
|
Widget section(String t) => Padding(
|
|
padding: const EdgeInsets.fromLTRB(16, 20, 16, 4),
|
|
child: Text(
|
|
t,
|
|
style: Theme.of(context).textTheme.labelLarge
|
|
?.copyWith(color: p.subdued),
|
|
),
|
|
);
|
|
return ListenableBuilder(
|
|
listenable: Listenable.merge([boundary, themes]),
|
|
builder: (context, _) => Scaffold(
|
|
appBar: AppBar(
|
|
leading: const MenuButton(),
|
|
title: const Text('Settings'),
|
|
),
|
|
body: ListView(
|
|
children: [
|
|
section('Connection'),
|
|
ListTile(
|
|
leading: const Icon(Icons.lan),
|
|
title: const Text('Gateway address'),
|
|
subtitle: Text(
|
|
boundary.url,
|
|
style: const TextStyle(fontFamily: 'monospace'),
|
|
),
|
|
trailing: const Icon(Icons.edit),
|
|
onTap: () => editUrl(context, boundary, usb),
|
|
),
|
|
section('Display'),
|
|
ListTile(
|
|
leading: Icon(themes.isDark ? Icons.dark_mode : Icons.light_mode),
|
|
title: const Text('Dark or bright'),
|
|
subtitle: const Text(
|
|
"Auto follows Android's dark theme and its schedule. "
|
|
"The Dash's button holds one; a long press there is auto again.",
|
|
),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.fromLTRB(72, 0, 16, 8),
|
|
child: SegmentedButton<VariantMode>(
|
|
segments: const [
|
|
ButtonSegment(
|
|
value: VariantMode.auto,
|
|
icon: Icon(Icons.brightness_auto),
|
|
label: Text('Auto'),
|
|
),
|
|
ButtonSegment(
|
|
value: VariantMode.dark,
|
|
icon: Icon(Icons.dark_mode),
|
|
label: Text('Dark'),
|
|
),
|
|
ButtonSegment(
|
|
value: VariantMode.bright,
|
|
icon: Icon(Icons.light_mode),
|
|
label: Text('Bright'),
|
|
),
|
|
],
|
|
selected: {themes.mode},
|
|
showSelectedIcon: false,
|
|
onSelectionChanged: (s) => themes.mode = s.single,
|
|
),
|
|
),
|
|
ListTile(
|
|
leading: const Icon(Icons.palette),
|
|
title: const Text('Theme'),
|
|
subtitle: Text(
|
|
'${themes.name} · set at build time: --dart-define=YUKART_THEME=<name>',
|
|
),
|
|
),
|
|
ListTile(
|
|
leading: const Icon(Icons.home),
|
|
title: const Text('Landing view'),
|
|
subtitle: Text(
|
|
'${landingView.name} · set at build time: --dart-define=YUKART_HOME=dash|signals',
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|