mirror of
https://github.com/block/buzz.git
synced 2026-10-29 13:31:44 +00:00
ed11c8d8bf
## Summary - invert mobile utility surfaces so pages and sheets use the softer page background with raised containers - rebuild the community theme picker around swipeable Home/Chat previews, accent and appearance controls, and native iOS glass interactions - align shared sheet/profile spacing and radii, and move Theme into the Community settings card ### Related issue None found. ### Testing - `just mobile-check` - `just mobile-test` (1,871 tests) - signed iOS Release build installed on a physical iPhone --------- Signed-off-by: kenny lopez <klopez4212@gmail.com> Signed-off-by: Kenny Lopez <klopez4212@gmail.com> Signed-off-by: Princess Donut <b238ea756dee4d98afa5883fc7f1de61eeabe65bf700e3a5a5a80db5e42e2c2b@buzz.block.builderlab.xyz> Co-authored-by: Princess Donut <b238ea756dee4d98afa5883fc7f1de61eeabe65bf700e3a5a5a80db5e42e2c2b@buzz.block.builderlab.xyz>
66 lines
2.2 KiB
Dart
66 lines
2.2 KiB
Dart
import 'dart:async';
|
|
|
|
import 'package:flutter/foundation.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:flutter_hooks/flutter_hooks.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:lucide_icons_flutter/lucide_icons.dart';
|
|
|
|
import '../../shared/community/community_icon_provider.dart';
|
|
import '../../shared/community/community_provider.dart';
|
|
import '../../shared/theme/theme.dart';
|
|
import '../../shared/widgets/avatar_image.dart';
|
|
import '../../shared/widgets/frosted_app_bar.dart';
|
|
import '../../shared/widgets/frosted_scaffold.dart';
|
|
import '../../shared/widgets/ios_glass_navigation_action.dart';
|
|
import '../../shared/widgets/ios_glass_navigation_button.dart';
|
|
import '../../shared/widgets/ios_glass_theme_pagination.dart';
|
|
import 'theme_option_sheets.dart';
|
|
|
|
part 'theme_picker_page/theme_home_preview.dart';
|
|
part 'theme_picker_page/theme_preview_sheet.dart';
|
|
|
|
List<ThemeColors> _themeEntriesForMode(ThemeMode mode) {
|
|
final groups = themeGroups();
|
|
return switch (mode) {
|
|
ThemeMode.system => groups.paired,
|
|
ThemeMode.light => groups.light,
|
|
ThemeMode.dark => groups.dark,
|
|
};
|
|
}
|
|
|
|
String _themeLabelFor(ThemeColors theme, ThemeMode mode) =>
|
|
mode == ThemeMode.system ? pairedThemeLabel(theme.name) : theme.displayName;
|
|
|
|
ThemeColors _displayedThemeFor(
|
|
ThemeColors theme,
|
|
ThemeMode mode,
|
|
Brightness platformBrightness,
|
|
) {
|
|
if (mode != ThemeMode.system || platformBrightness == Brightness.light) {
|
|
return theme;
|
|
}
|
|
return findTheme(themePairFor(theme.name) ?? '') ?? theme;
|
|
}
|
|
|
|
bool _themeEntryIsSelected(
|
|
ThemeColors entry,
|
|
ThemeMode mode,
|
|
String selectedScheme,
|
|
) {
|
|
final active = effectiveTheme(selectedScheme, mode);
|
|
if (active == null) return false;
|
|
if (mode != ThemeMode.system) return active.name == entry.name;
|
|
return active.name == entry.name || themePairFor(entry.name) == active.name;
|
|
}
|
|
|
|
/// Direct, swipeable theme preview. Theme, accent, and appearance changes stay
|
|
/// as a draft until Set is pressed.
|
|
class ThemePickerPage extends StatelessWidget {
|
|
const ThemePickerPage({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) => const _ThemePreviewExperience();
|
|
}
|