mirror of
https://github.com/immich-app/immich.git
synced 2024-12-24 10:37:28 +02:00
107 lines
3.7 KiB
Dart
107 lines
3.7 KiB
Dart
import 'package:easy_localization/easy_localization.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_hooks/flutter_hooks.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:immich_mobile/modules/settings/providers/app_settings.provider.dart';
|
|
import 'package:immich_mobile/modules/settings/services/app_settings.service.dart';
|
|
import 'package:immich_mobile/utils/immich_app_theme.dart';
|
|
|
|
class ThemeSetting extends HookConsumerWidget {
|
|
const ThemeSetting({
|
|
Key? key,
|
|
}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final currentTheme = useState<ThemeMode>(ThemeMode.system);
|
|
|
|
useEffect(
|
|
() {
|
|
currentTheme.value = ref.read(immichThemeProvider);
|
|
return null;
|
|
},
|
|
[],
|
|
);
|
|
|
|
return ExpansionTile(
|
|
textColor: Theme.of(context).primaryColor,
|
|
title: const Text(
|
|
'theme_setting_theme_title',
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
).tr(),
|
|
subtitle: const Text(
|
|
'theme_setting_theme_subtitle',
|
|
style: TextStyle(
|
|
fontSize: 13,
|
|
),
|
|
).tr(),
|
|
children: [
|
|
SwitchListTile.adaptive(
|
|
activeColor: Theme.of(context).primaryColor,
|
|
title: const Text(
|
|
'theme_setting_system_theme_switch',
|
|
style: TextStyle(
|
|
fontSize: 12.0,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
).tr(),
|
|
value: currentTheme.value == ThemeMode.system,
|
|
onChanged: (bool isSystem) {
|
|
var currentSystemBrightness =
|
|
MediaQuery.of(context).platformBrightness;
|
|
|
|
if (isSystem) {
|
|
currentTheme.value = ThemeMode.system;
|
|
ref.watch(immichThemeProvider.notifier).state = ThemeMode.system;
|
|
ref
|
|
.watch(appSettingsServiceProvider)
|
|
.setSetting(AppSettingsEnum.themeMode, "system");
|
|
} else {
|
|
if (currentSystemBrightness == Brightness.light) {
|
|
currentTheme.value = ThemeMode.light;
|
|
ref.watch(immichThemeProvider.notifier).state = ThemeMode.light;
|
|
ref
|
|
.watch(appSettingsServiceProvider)
|
|
.setSetting(AppSettingsEnum.themeMode, "light");
|
|
} else if (currentSystemBrightness == Brightness.dark) {
|
|
currentTheme.value = ThemeMode.dark;
|
|
ref.watch(immichThemeProvider.notifier).state = ThemeMode.dark;
|
|
ref
|
|
.watch(appSettingsServiceProvider)
|
|
.setSetting(AppSettingsEnum.themeMode, "dark");
|
|
}
|
|
}
|
|
},
|
|
),
|
|
if (currentTheme.value != ThemeMode.system)
|
|
SwitchListTile.adaptive(
|
|
activeColor: Theme.of(context).primaryColor,
|
|
title: const Text(
|
|
'theme_setting_dark_mode_switch',
|
|
style: TextStyle(
|
|
fontSize: 12.0,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
).tr(),
|
|
value: ref.watch(immichThemeProvider) == ThemeMode.dark,
|
|
onChanged: (bool isDark) {
|
|
if (isDark) {
|
|
ref.watch(immichThemeProvider.notifier).state = ThemeMode.dark;
|
|
ref
|
|
.watch(appSettingsServiceProvider)
|
|
.setSetting(AppSettingsEnum.themeMode, "dark");
|
|
} else {
|
|
ref.watch(immichThemeProvider.notifier).state = ThemeMode.light;
|
|
ref
|
|
.watch(appSettingsServiceProvider)
|
|
.setSetting(AppSettingsEnum.themeMode, "light");
|
|
}
|
|
},
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|