feat: improve app theming code and add Material You (#58)

This commit is contained in:
Alberto Ponces 2022-09-05 03:32:36 +01:00 committed by GitHub
parent 35d334ea1f
commit 5404208562
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
44 changed files with 627 additions and 854 deletions

View File

@ -87,8 +87,10 @@
"patcherSectionTitle": "Patcher", "patcherSectionTitle": "Patcher",
"teamSectionTitle": "Team", "teamSectionTitle": "Team",
"infoSectionTitle": "Info", "infoSectionTitle": "Info",
"themeLabel": "Theme", "darkThemeLabel": "Dark Mode",
"themeHint": "Change the theme of the app", "darkThemeHint": "Welcome to the dark side",
"dynamicThemeLabel": "Material You",
"dynamicThemeHint": "Enjoy an experience closer to your device",
"languageLabel": "Language", "languageLabel": "Language",
"englishOption": "English", "englishOption": "English",
"frenchOption": "French", "frenchOption": "French",

View File

@ -13,7 +13,6 @@ import 'package:revanced_manager/ui/views/root_checker/root_checker_view.dart';
import 'package:revanced_manager/ui/views/settings/settings_view.dart'; import 'package:revanced_manager/ui/views/settings/settings_view.dart';
import 'package:stacked/stacked_annotations.dart'; import 'package:stacked/stacked_annotations.dart';
import 'package:stacked_services/stacked_services.dart'; import 'package:stacked_services/stacked_services.dart';
import 'package:stacked_themes/stacked_themes.dart';
@StackedApp( @StackedApp(
routes: [ routes: [
@ -31,10 +30,6 @@ import 'package:stacked_themes/stacked_themes.dart';
LazySingleton(classType: HomeViewModel), LazySingleton(classType: HomeViewModel),
LazySingleton(classType: PatcherViewModel), LazySingleton(classType: PatcherViewModel),
LazySingleton(classType: NavigationService), LazySingleton(classType: NavigationService),
LazySingleton(
classType: ThemeService,
resolveUsing: ThemeService.getInstance,
),
LazySingleton(classType: ManagerAPI), LazySingleton(classType: ManagerAPI),
LazySingleton(classType: PatcherAPI), LazySingleton(classType: PatcherAPI),
], ],

View File

@ -1,27 +1,6 @@
import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
const purple80 = Color(0xFFD0BCFF);
const purpleGrey80 = Color(0xFFCCC2DC);
const pink80 = Color(0xFFEFB8C8);
const purple40 = Color(0xFF6650a4);
const purpleGrey40 = Color(0xFF625b71);
const pink40 = Color(0xFF7D5260);
final kInterTextStyle = GoogleFonts.inter();
final kRobotoTextStyle = GoogleFonts.roboto();
final kSettingItemTextStyle = GoogleFonts.roboto(
fontSize: 20,
fontWeight: FontWeight.w500,
);
final kSettingItemSubtitleTextStyle = GoogleFonts.roboto(
fontSize: 13,
fontWeight: FontWeight.w300,
);
String ghOrg = 'revanced'; String ghOrg = 'revanced';
String patchesRepo = 'revanced-patches'; String patchesRepo = 'revanced-patches';
String integrationsRepo = 'revanced-integrations'; String integrationsRepo = 'revanced-integrations';
const patcherRepo = 'revanced-patcher'; const String patcherRepo = 'revanced-patcher';
const cliRepo = 'revanced-cli'; const String cliRepo = 'revanced-cli';
const managerRepo = 'revanced-manager'; const String managerRepo = 'revanced-manager';

View File

@ -4,23 +4,22 @@ import 'package:flutter_i18n/flutter_i18n.dart';
// ignore: depend_on_referenced_packages // ignore: depend_on_referenced_packages
import 'package:flutter_localizations/flutter_localizations.dart'; import 'package:flutter_localizations/flutter_localizations.dart';
import 'package:revanced_manager/app/app.locator.dart'; import 'package:revanced_manager/app/app.locator.dart';
import 'package:revanced_manager/app/app.router.dart';
import 'package:revanced_manager/main_viewmodel.dart'; import 'package:revanced_manager/main_viewmodel.dart';
import 'package:revanced_manager/services/manager_api.dart'; import 'package:revanced_manager/services/manager_api.dart';
import 'package:revanced_manager/services/patcher_api.dart'; import 'package:revanced_manager/services/patcher_api.dart';
import 'package:revanced_manager/theme.dart'; import 'package:revanced_manager/ui/theme/dynamic_theme_builder.dart';
import 'package:revanced_manager/ui/views/home/home_view.dart'; import 'package:revanced_manager/ui/views/home/home_view.dart';
import 'package:revanced_manager/ui/views/patcher/patcher_view.dart'; import 'package:revanced_manager/ui/views/patcher/patcher_view.dart';
import 'package:revanced_manager/ui/views/root_checker/root_checker_view.dart'; import 'package:revanced_manager/ui/views/root_checker/root_checker_view.dart';
import 'package:revanced_manager/ui/views/settings/settings_view.dart'; import 'package:revanced_manager/ui/views/settings/settings_view.dart';
import 'package:stacked/stacked.dart'; import 'package:stacked/stacked.dart';
import 'package:stacked_services/stacked_services.dart';
import 'package:stacked_themes/stacked_themes.dart'; import 'package:stacked_themes/stacked_themes.dart';
Future main() async { Future main() async {
await ThemeManager.initialise(); await ThemeManager.initialise();
await setupLocator(); await setupLocator();
WidgetsFlutterBinding.ensureInitialized(); WidgetsFlutterBinding.ensureInitialized();
await locator<ManagerAPI>().initialize();
runApp(const MyApp()); runApp(const MyApp());
} }
@ -29,20 +28,10 @@ class MyApp extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return ThemeBuilder( return DynamicThemeBuilder(
defaultThemeMode: ThemeMode.dark,
darkTheme: darkTheme,
lightTheme: lightTheme,
builder: (context, regularTheme, darkTheme, themeMode) => MaterialApp(
debugShowCheckedModeBanner: false,
title: 'ReVanced Manager', title: 'ReVanced Manager',
theme: lightTheme,
darkTheme: darkTheme,
themeMode: themeMode,
navigatorKey: StackedService.navigatorKey,
onGenerateRoute: StackedRouter().onGenerateRoute,
home: FutureBuilder<Widget>( home: FutureBuilder<Widget>(
future: _init(), future: _init(context),
builder: (context, snapshot) { builder: (context, snapshot) {
if (snapshot.hasData) { if (snapshot.hasData) {
return snapshot.data!; return snapshot.data!;
@ -65,11 +54,10 @@ class MyApp extends StatelessWidget {
GlobalMaterialLocalizations.delegate, GlobalMaterialLocalizations.delegate,
GlobalWidgetsLocalizations.delegate GlobalWidgetsLocalizations.delegate
], ],
),
); );
} }
Future<Widget> _init() async { Future<Widget> _init(BuildContext context) async {
await locator<ManagerAPI>().initialize(); await locator<ManagerAPI>().initialize();
await locator<PatcherAPI>().initialize(); await locator<PatcherAPI>().initialize();
bool? isRooted = locator<ManagerAPI>().isRooted(); bool? isRooted = locator<ManagerAPI>().isRooted();

View File

@ -49,10 +49,30 @@ class ManagerAPI {
return packageInfo.version; return packageInfo.version;
} }
bool getUseDynamicTheme() {
return _prefs.getBool('useDynamicTheme') ?? false;
}
Future<void> setUseDynamicTheme(bool value) async {
await _prefs.setBool('useDynamicTheme', value);
}
bool getUseDarkTheme() {
return _prefs.getBool('useDarkTheme') ?? false;
}
Future<void> setUseDarkTheme(bool value) async {
await _prefs.setBool('useDarkTheme', value);
}
bool? isRooted() { bool? isRooted() {
return _prefs.getBool('isRooted'); return _prefs.getBool('isRooted');
} }
Future<void> setIsRooted(bool value) async {
await _prefs.setBool('isRooted', value);
}
List<PatchedApplication> getPatchedApps() { List<PatchedApplication> getPatchedApps() {
List<String> apps = _prefs.getStringList('patchedApps') ?? []; List<String> apps = _prefs.getStringList('patchedApps') ?? [];
return apps return apps

View File

@ -14,9 +14,7 @@ import 'package:share_extend/share_extend.dart';
@lazySingleton @lazySingleton
class PatcherAPI { class PatcherAPI {
static const patcherChannel = MethodChannel( static const patcherChannel = MethodChannel('app.revanced.manager/patcher');
'app.revanced.manager/patcher',
);
final ManagerAPI _managerAPI = locator<ManagerAPI>(); final ManagerAPI _managerAPI = locator<ManagerAPI>();
final RootAPI _rootAPI = RootAPI(); final RootAPI _rootAPI = RootAPI();
late Directory _tmpDir; late Directory _tmpDir;

View File

@ -1,80 +1,25 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart'; import 'package:google_fonts/google_fonts.dart';
import 'package:stacked_themes/stacked_themes.dart';
import 'app/app.locator.dart'; var lightCustomTheme = ThemeData(
final _themeService = locator<ThemeService>();
bool isDark = _themeService.isDarkMode;
var lightTheme = ThemeData.light().copyWith(
backgroundColor: const Color.fromARGB(255, 243, 243, 243),
navigationBarTheme: NavigationBarThemeData(
indicatorColor: const Color.fromRGBO(75, 129, 210, 0.20),
backgroundColor: const Color(0xffCBDFFC),
labelTextStyle: MaterialStateProperty.all(
GoogleFonts.roboto(
fontSize: 12,
),
),
),
useMaterial3: true, useMaterial3: true,
textButtonTheme: TextButtonThemeData( colorScheme: ColorScheme.fromSeed(
style: ButtonStyle( seedColor: Colors.blue,
padding: MaterialStateProperty.all<EdgeInsetsGeometry>( brightness: Brightness.light,
const EdgeInsets.symmetric(
vertical: 8,
horizontal: 14,
),
),
backgroundColor: MaterialStateProperty.all<Color>(
const Color(0xff4B7CC6),
),
),
),
toggleableActiveColor: const Color(0xff3868AF),
colorScheme: const ColorScheme.light(
primary: Color.fromRGBO(154, 193, 252, 0.18),
secondary: Color(0xff3868AF),
tertiary: Color(0xff485A74),
background: Color(0xffDFD5EC),
), ),
textTheme: GoogleFonts.robotoTextTheme(ThemeData.light().textTheme),
); );
var darkTheme = ThemeData.dark().copyWith( var darkCustomTheme = ThemeData(
backgroundColor: const Color(0xff1E1E1E),
navigationBarTheme: NavigationBarThemeData(
iconTheme: MaterialStateProperty.all(const IconThemeData(
color: Colors.white,
)),
indicatorColor: const Color(0xff223144),
backgroundColor: const Color(0x1b222b6b),
labelTextStyle: MaterialStateProperty.all(
GoogleFonts.roboto(
fontSize: 12,
),
),
),
useMaterial3: true, useMaterial3: true,
colorScheme: ColorScheme.fromSeed(
seedColor: Colors.blue,
brightness: Brightness.dark,
primary: const Color(0xff7792BA),
surface: const Color(0xff0A0D11),
),
canvasColor: const Color(0xff0A0D11),
scaffoldBackgroundColor: const Color(0xff0A0D11), scaffoldBackgroundColor: const Color(0xff0A0D11),
textButtonTheme: TextButtonThemeData(
style: ButtonStyle(
padding: MaterialStateProperty.all<EdgeInsetsGeometry>(
const EdgeInsets.symmetric(
vertical: 8,
horizontal: 12,
),
),
backgroundColor: MaterialStateProperty.all<Color>(
const Color.fromRGBO(119, 146, 168, 1),
),
),
),
toggleableActiveColor: const Color(0xff7792BA), toggleableActiveColor: const Color(0xff7792BA),
colorScheme: const ColorScheme.dark( textTheme: GoogleFonts.robotoTextTheme(ThemeData.dark().textTheme),
primary: Color(0xff11161C),
secondary: Color(0xff7792BA),
tertiary: Color(0xff8691A0),
background: Color(0xff0A0D11),
),
); );

View File

@ -0,0 +1,58 @@
import 'package:dynamic_color/dynamic_color.dart';
import 'package:dynamic_themes/dynamic_themes.dart';
import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:revanced_manager/app/app.router.dart';
import 'package:revanced_manager/theme.dart';
import 'package:stacked_services/stacked_services.dart';
class DynamicThemeBuilder extends StatelessWidget {
final String title;
final Widget home;
final Iterable<LocalizationsDelegate> localizationsDelegates;
const DynamicThemeBuilder({
Key? key,
required this.title,
required this.home,
required this.localizationsDelegates,
}) : super(key: key);
@override
Widget build(BuildContext context) {
return DynamicColorBuilder(
builder: (lightColorScheme, darkColorScheme) {
ThemeData lightDynamicTheme = ThemeData(
useMaterial3: true,
colorScheme: lightColorScheme?.harmonized(),
textTheme: GoogleFonts.robotoTextTheme(ThemeData.light().textTheme),
);
ThemeData darkDynamicTheme = ThemeData(
useMaterial3: true,
colorScheme: darkColorScheme?.harmonized(),
textTheme: GoogleFonts.robotoTextTheme(ThemeData.dark().textTheme),
);
return DynamicTheme(
themeCollection: ThemeCollection(
themes: {
0: lightCustomTheme,
1: darkCustomTheme,
2: lightDynamicTheme,
3: darkDynamicTheme,
},
fallbackTheme: lightCustomTheme,
),
builder: (context, theme) => MaterialApp(
debugShowCheckedModeBanner: false,
title: title,
navigatorKey: StackedService.navigatorKey,
onGenerateRoute: StackedRouter().onGenerateRoute,
theme: theme,
home: home,
localizationsDelegates: localizationsDelegates,
),
);
},
);
}
}

View File

@ -1,6 +1,5 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_i18n/flutter_i18n.dart'; import 'package:flutter_i18n/flutter_i18n.dart';
import 'package:revanced_manager/theme.dart';
import 'package:revanced_manager/ui/widgets/appSelectorView/installed_app_item.dart'; import 'package:revanced_manager/ui/widgets/appSelectorView/installed_app_item.dart';
import 'package:revanced_manager/ui/widgets/shared/search_bar.dart'; import 'package:revanced_manager/ui/widgets/shared/search_bar.dart';
import 'package:revanced_manager/ui/widgets/appSelectorView/app_skeleton_loader.dart'; import 'package:revanced_manager/ui/widgets/appSelectorView/app_skeleton_loader.dart';
@ -30,11 +29,6 @@ class _AppSelectorViewState extends State<AppSelectorView> {
model.selectAppFromStorage(context); model.selectAppFromStorage(context);
Navigator.of(context).pop(); Navigator.of(context).pop();
}, },
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
backgroundColor: Theme.of(context).colorScheme.secondary,
foregroundColor: Theme.of(context).colorScheme.surface,
), ),
body: SafeArea( body: SafeArea(
child: Padding( child: Padding(
@ -50,15 +44,10 @@ class _AppSelectorViewState extends State<AppSelectorView> {
children: <Widget>[ children: <Widget>[
SearchBar( SearchBar(
showSelectIcon: false, showSelectIcon: false,
fillColor: isDark
? const Color(0xff1B222B)
: Colors.grey[200],
hintText: FlutterI18n.translate( hintText: FlutterI18n.translate(
context, context,
'appSelectorView.searchBarHint', 'appSelectorView.searchBarHint',
), ),
hintTextColor:
Theme.of(context).colorScheme.tertiary,
onQueryChanged: (searchQuery) { onQueryChanged: (searchQuery) {
setState(() { setState(() {
_query = searchQuery; _query = searchQuery;

View File

@ -6,12 +6,13 @@ import 'package:flutter_i18n/flutter_i18n.dart';
import 'package:fluttertoast/fluttertoast.dart'; import 'package:fluttertoast/fluttertoast.dart';
import 'package:revanced_manager/app/app.locator.dart'; import 'package:revanced_manager/app/app.locator.dart';
import 'package:revanced_manager/models/patched_application.dart'; import 'package:revanced_manager/models/patched_application.dart';
import 'package:revanced_manager/services/manager_api.dart';
import 'package:revanced_manager/services/patcher_api.dart'; import 'package:revanced_manager/services/patcher_api.dart';
import 'package:revanced_manager/ui/views/patcher/patcher_viewmodel.dart'; import 'package:revanced_manager/ui/views/patcher/patcher_viewmodel.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:stacked/stacked.dart'; import 'package:stacked/stacked.dart';
class AppSelectorViewModel extends BaseViewModel { class AppSelectorViewModel extends BaseViewModel {
final ManagerAPI _managerAPI = locator<ManagerAPI>();
final PatcherAPI _patcherAPI = locator<PatcherAPI>(); final PatcherAPI _patcherAPI = locator<PatcherAPI>();
final List<ApplicationWithIcon> apps = []; final List<ApplicationWithIcon> apps = [];
bool noApps = false; bool noApps = false;
@ -21,8 +22,7 @@ class AppSelectorViewModel extends BaseViewModel {
apps.addAll(await _patcherAPI.getFilteredInstalledApps()); apps.addAll(await _patcherAPI.getFilteredInstalledApps());
apps.sort((a, b) => a.appName.compareTo(b.appName)); apps.sort((a, b) => a.appName.compareTo(b.appName));
noApps = apps.isEmpty; noApps = apps.isEmpty;
SharedPreferences prefs = await SharedPreferences.getInstance(); _isRooted = _managerAPI.isRooted() ?? false;
_isRooted = prefs.getBool('isRooted') ?? false;
notifyListeners(); notifyListeners();
} }

View File

@ -2,10 +2,9 @@ import 'package:flutter/material.dart';
import 'package:flutter_i18n/flutter_i18n.dart'; import 'package:flutter_i18n/flutter_i18n.dart';
import 'package:google_fonts/google_fonts.dart'; import 'package:google_fonts/google_fonts.dart';
import 'package:revanced_manager/app/app.locator.dart'; import 'package:revanced_manager/app/app.locator.dart';
import 'package:revanced_manager/theme.dart';
import 'package:revanced_manager/ui/views/home/home_viewmodel.dart'; import 'package:revanced_manager/ui/views/home/home_viewmodel.dart';
import 'package:revanced_manager/ui/widgets/homeView/available_updates_card.dart'; import 'package:revanced_manager/ui/widgets/homeView/available_updates_card.dart';
import 'package:revanced_manager/ui/widgets/homeView/dashboard_raw_chip.dart'; import 'package:revanced_manager/ui/widgets/homeView/dashboard_chip.dart';
import 'package:revanced_manager/ui/widgets/homeView/installed_apps_card.dart'; import 'package:revanced_manager/ui/widgets/homeView/installed_apps_card.dart';
import 'package:revanced_manager/ui/widgets/homeView/latest_commit_card.dart'; import 'package:revanced_manager/ui/widgets/homeView/latest_commit_card.dart';
import 'package:revanced_manager/ui/widgets/shared/custom_sliver_app_bar.dart'; import 'package:revanced_manager/ui/widgets/shared/custom_sliver_app_bar.dart';
@ -29,8 +28,7 @@ class HomeView extends StatelessWidget {
child: Text( child: Text(
'', '',
style: GoogleFonts.inter( style: GoogleFonts.inter(
color: Theme.of(context).textTheme.headline5!.color, color: Theme.of(context).textTheme.headline6!.color,
fontWeight: FontWeight.w500,
), ),
), ),
), ),
@ -44,13 +42,7 @@ class HomeView extends StatelessWidget {
'homeView.updatesSubtitle', 'homeView.updatesSubtitle',
child: Text( child: Text(
'', '',
style: GoogleFonts.inter( style: Theme.of(context).textTheme.headline6!,
fontSize: 20,
fontWeight: FontWeight.w500,
color: isDark
? const Color(0xffD1E1FA)
: const Color(0xff384E6E),
),
), ),
), ),
const SizedBox(height: 10), const SizedBox(height: 10),
@ -62,12 +54,7 @@ class HomeView extends StatelessWidget {
'homeView.patchedSubtitle', 'homeView.patchedSubtitle',
child: Text( child: Text(
'', '',
style: GoogleFonts.inter( style: Theme.of(context).textTheme.headline6!,
fontSize: 20,
color: isDark
? const Color(0xffD1E1FA)
: const Color(0xff384E6E),
),
), ),
), ),
const SizedBox(height: 8), const SizedBox(height: 8),

View File

@ -3,6 +3,7 @@ import 'package:flutter_i18n/flutter_i18n.dart';
import 'package:google_fonts/google_fonts.dart'; import 'package:google_fonts/google_fonts.dart';
import 'package:revanced_manager/ui/views/installer/installer_viewmodel.dart'; import 'package:revanced_manager/ui/views/installer/installer_viewmodel.dart';
import 'package:revanced_manager/ui/widgets/installerView/custom_material_button.dart'; import 'package:revanced_manager/ui/widgets/installerView/custom_material_button.dart';
import 'package:revanced_manager/ui/widgets/shared/custom_card.dart';
import 'package:revanced_manager/ui/widgets/shared/custom_sliver_app_bar.dart'; import 'package:revanced_manager/ui/widgets/shared/custom_sliver_app_bar.dart';
import 'package:stacked/stacked.dart'; import 'package:stacked/stacked.dart';
@ -23,14 +24,13 @@ class InstallerView extends StatelessWidget {
title: Text( title: Text(
model.headerLogs, model.headerLogs,
style: GoogleFonts.inter( style: GoogleFonts.inter(
color: Theme.of(context).textTheme.headline5!.color, color: Theme.of(context).textTheme.headline6!.color,
fontWeight: FontWeight.w500,
), ),
), ),
bottom: PreferredSize( bottom: PreferredSize(
preferredSize: const Size(double.infinity, 1.0), preferredSize: const Size(double.infinity, 1.0),
child: LinearProgressIndicator( child: LinearProgressIndicator(
color: Theme.of(context).colorScheme.secondary, color: Theme.of(context).colorScheme.primary,
backgroundColor: Colors.white, backgroundColor: Colors.white,
value: model.progress, value: model.progress,
), ),
@ -41,13 +41,7 @@ class InstallerView extends StatelessWidget {
sliver: SliverList( sliver: SliverList(
delegate: SliverChildListDelegate.fixed( delegate: SliverChildListDelegate.fixed(
<Widget>[ <Widget>[
Container( CustomCard(
padding: const EdgeInsets.all(12.0),
width: double.infinity,
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.primary,
borderRadius: BorderRadius.circular(12),
),
child: Text( child: Text(
model.logs, model.logs,
style: GoogleFonts.jetBrainsMono( style: GoogleFonts.jetBrainsMono(

View File

@ -2,7 +2,6 @@ import 'package:flutter/material.dart';
import 'package:flutter_i18n/flutter_i18n.dart'; import 'package:flutter_i18n/flutter_i18n.dart';
import 'package:google_fonts/google_fonts.dart'; import 'package:google_fonts/google_fonts.dart';
import 'package:revanced_manager/app/app.locator.dart'; import 'package:revanced_manager/app/app.locator.dart';
import 'package:revanced_manager/theme.dart';
import 'package:revanced_manager/ui/views/app_selector/app_selector_view.dart'; import 'package:revanced_manager/ui/views/app_selector/app_selector_view.dart';
import 'package:revanced_manager/ui/views/installer/installer_view.dart'; import 'package:revanced_manager/ui/views/installer/installer_view.dart';
import 'package:revanced_manager/ui/views/patcher/patcher_viewmodel.dart'; import 'package:revanced_manager/ui/views/patcher/patcher_viewmodel.dart';
@ -30,11 +29,6 @@ class PatcherView extends StatelessWidget {
label: I18nText('patcherView.patchButton'), label: I18nText('patcherView.patchButton'),
icon: const Icon(Icons.build), icon: const Icon(Icons.build),
onPressed: openContainer, onPressed: openContainer,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
backgroundColor: Theme.of(context).colorScheme.secondary,
foregroundColor: Theme.of(context).colorScheme.surface,
), ),
), ),
), ),
@ -46,8 +40,7 @@ class PatcherView extends StatelessWidget {
child: Text( child: Text(
'', '',
style: GoogleFonts.inter( style: GoogleFonts.inter(
color: Theme.of(context).textTheme.headline5!.color, color: Theme.of(context).textTheme.headline6!.color,
fontWeight: FontWeight.w500,
), ),
), ),
), ),
@ -65,9 +58,7 @@ class PatcherView extends StatelessWidget {
), ),
const SizedBox(height: 16), const SizedBox(height: 16),
Opacity( Opacity(
opacity: isDark opacity: model.dimPatchesCard() ? 0.5 : 1,
? (model.dimPatchesCard() ? 0.5 : 1)
: (model.dimPatchesCard() ? 0.75 : 1),
child: OpenContainerWrapper( child: OpenContainerWrapper(
openBuilder: (_, __) => const PatchesSelectorView(), openBuilder: (_, __) => const PatchesSelectorView(),
closedBuilder: (_, openContainer) => PatchSelectorCard( closedBuilder: (_, openContainer) => PatchSelectorCard(

View File

@ -2,7 +2,6 @@ import 'package:expandable/expandable.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_i18n/flutter_i18n.dart'; import 'package:flutter_i18n/flutter_i18n.dart';
import 'package:google_fonts/google_fonts.dart'; import 'package:google_fonts/google_fonts.dart';
import 'package:revanced_manager/theme.dart';
import 'package:revanced_manager/ui/views/patches_selector/patches_selector_viewmodel.dart'; import 'package:revanced_manager/ui/views/patches_selector/patches_selector_viewmodel.dart';
import 'package:revanced_manager/ui/widgets/patchesSelectorView/patch_item.dart'; import 'package:revanced_manager/ui/widgets/patchesSelectorView/patch_item.dart';
import 'package:revanced_manager/ui/widgets/patchesSelectorView/patch_options_fields.dart'; import 'package:revanced_manager/ui/widgets/patchesSelectorView/patch_options_fields.dart';
@ -35,11 +34,6 @@ class _PatchesSelectorViewState extends State<PatchesSelectorView> {
model.selectPatches(); model.selectPatches();
Navigator.of(context).pop(); Navigator.of(context).pop();
}, },
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
backgroundColor: Theme.of(context).colorScheme.secondary,
foregroundColor: Theme.of(context).colorScheme.surface,
), ),
), ),
body: SafeArea( body: SafeArea(
@ -49,20 +43,17 @@ class _PatchesSelectorViewState extends State<PatchesSelectorView> {
child: model.patches.isEmpty child: model.patches.isEmpty
? Center( ? Center(
child: CircularProgressIndicator( child: CircularProgressIndicator(
color: Theme.of(context).colorScheme.secondary, color: Theme.of(context).colorScheme.primary,
), ),
) )
: Column( : Column(
children: <Widget>[ children: <Widget>[
SearchBar( SearchBar(
showSelectIcon: true, showSelectIcon: true,
fillColor:
isDark ? const Color(0xff1B222B) : Colors.grey[200],
hintText: FlutterI18n.translate( hintText: FlutterI18n.translate(
context, context,
'patchesSelectorView.searchBarHint', 'patchesSelectorView.searchBarHint',
), ),
hintTextColor: Theme.of(context).colorScheme.tertiary,
onQueryChanged: (searchQuery) { onQueryChanged: (searchQuery) {
setState(() { setState(() {
_query = searchQuery; _query = searchQuery;

View File

@ -17,11 +17,6 @@ class RootCheckerView extends StatelessWidget {
label: I18nText('rootCheckerView.nonRootButton'), label: I18nText('rootCheckerView.nonRootButton'),
icon: const Icon(Icons.keyboard_arrow_right), icon: const Icon(Icons.keyboard_arrow_right),
onPressed: () => model.navigateAsNonRoot(), onPressed: () => model.navigateAsNonRoot(),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
backgroundColor: Theme.of(context).colorScheme.secondary,
foregroundColor: Theme.of(context).colorScheme.surface,
), ),
body: Container( body: Container(
height: double.infinity, height: double.infinity,
@ -41,10 +36,10 @@ class RootCheckerView extends StatelessWidget {
const SizedBox(height: 24), const SizedBox(height: 24),
I18nText( I18nText(
'rootCheckerView.widgetDescription', 'rootCheckerView.widgetDescription',
child: Text( child: const Text(
'', '',
textAlign: TextAlign.center, textAlign: TextAlign.center,
style: GoogleFonts.roboto( style: TextStyle(
fontSize: 17, fontSize: 17,
letterSpacing: 1.1, letterSpacing: 1.1,
), ),
@ -62,10 +57,6 @@ class RootCheckerView extends StatelessWidget {
translationParams: { translationParams: {
'isRooted': model.isRooted.toString(), 'isRooted': model.isRooted.toString(),
}, },
child: Text(
'',
style: GoogleFonts.poppins(),
),
), ),
], ],
), ),

View File

@ -1,12 +1,13 @@
import 'package:revanced_manager/app/app.locator.dart'; import 'package:revanced_manager/app/app.locator.dart';
import 'package:revanced_manager/app/app.router.dart'; import 'package:revanced_manager/app/app.router.dart';
import 'package:shared_preferences/shared_preferences.dart'; import 'package:revanced_manager/services/manager_api.dart';
import 'package:stacked/stacked.dart'; import 'package:stacked/stacked.dart';
import 'package:root/root.dart'; import 'package:root/root.dart';
import 'package:stacked_services/stacked_services.dart'; import 'package:stacked_services/stacked_services.dart';
class RootCheckerViewModel extends BaseViewModel { class RootCheckerViewModel extends BaseViewModel {
final NavigationService _navigationService = locator<NavigationService>(); final NavigationService _navigationService = locator<NavigationService>();
final ManagerAPI _managerAPI = locator<ManagerAPI>();
bool isRooted = false; bool isRooted = false;
Future<void> navigateAsRoot() async { Future<void> navigateAsRoot() async {
@ -25,8 +26,7 @@ class RootCheckerViewModel extends BaseViewModel {
} }
Future<void> navigateToHome() async { Future<void> navigateToHome() async {
final prefs = await SharedPreferences.getInstance(); _managerAPI.setIsRooted(isRooted);
await prefs.setBool('isRooted', isRooted);
_navigationService.navigateTo(Routes.navigation); _navigationService.navigateTo(Routes.navigation);
} }
} }

View File

@ -1,8 +1,6 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_i18n/flutter_i18n.dart'; import 'package:flutter_i18n/flutter_i18n.dart';
import 'package:google_fonts/google_fonts.dart'; import 'package:google_fonts/google_fonts.dart';
import 'package:revanced_manager/constants.dart';
import 'package:revanced_manager/theme.dart';
import 'package:revanced_manager/ui/views/contributors/contributors_view.dart'; import 'package:revanced_manager/ui/views/contributors/contributors_view.dart';
import 'package:revanced_manager/ui/views/settings/settings_viewmodel.dart'; import 'package:revanced_manager/ui/views/settings/settings_viewmodel.dart';
import 'package:revanced_manager/ui/widgets/settingsView/about_widget.dart'; import 'package:revanced_manager/ui/widgets/settingsView/about_widget.dart';
@ -14,7 +12,6 @@ import 'package:revanced_manager/ui/widgets/settingsView/sources_widget.dart';
import 'package:revanced_manager/ui/widgets/shared/custom_sliver_app_bar.dart'; import 'package:revanced_manager/ui/widgets/shared/custom_sliver_app_bar.dart';
import 'package:revanced_manager/ui/widgets/shared/open_container_wrapper.dart'; import 'package:revanced_manager/ui/widgets/shared/open_container_wrapper.dart';
import 'package:stacked/stacked.dart'; import 'package:stacked/stacked.dart';
import 'package:stacked_themes/stacked_themes.dart';
class SettingsView extends StatelessWidget { class SettingsView extends StatelessWidget {
final TextEditingController organizationController = TextEditingController(); final TextEditingController organizationController = TextEditingController();
@ -37,8 +34,7 @@ class SettingsView extends StatelessWidget {
child: Text( child: Text(
'', '',
style: GoogleFonts.inter( style: GoogleFonts.inter(
color: Theme.of(context).textTheme.headline5!.color, color: Theme.of(context).textTheme.headline6!.color,
fontWeight: FontWeight.w500,
), ),
), ),
), ),
@ -56,18 +52,39 @@ class SettingsView extends StatelessWidget {
children: <Widget>[ children: <Widget>[
CustomSwitchTile( CustomSwitchTile(
title: I18nText( title: I18nText(
'settingsView.themeLabel', 'settingsView.darkThemeLabel',
child: Text( child: const Text(
'', '',
style: kSettingItemTextStyle, style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.w500,
), ),
), ),
subtitle: I18nText('settingsView.themeHint'), ),
value: isDark, subtitle: I18nText('settingsView.darkThemeHint'),
onTap: (value) { value: model.getDarkThemeStatus(),
isDark = value; onTap: (value) => model.setUseDarkTheme(
getThemeManager(context).toggleDarkLightTheme(); context,
}, value,
),
),
CustomSwitchTile(
title: I18nText(
'settingsView.dynamicThemeLabel',
child: const Text(
'',
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.w500,
),
),
),
subtitle: I18nText('settingsView.dynamicThemeHint'),
value: model.getDynamicThemeStatus(),
onTap: (value) => model.setUseDynamicTheme(
context,
value,
),
), ),
], ],
), ),
@ -102,9 +119,12 @@ class SettingsView extends StatelessWidget {
contentPadding: EdgeInsets.zero, contentPadding: EdgeInsets.zero,
title: I18nText( title: I18nText(
'settingsView.rootModeLabel', 'settingsView.rootModeLabel',
child: Text( child: const Text(
'', '',
style: kSettingItemTextStyle, style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.w500,
),
), ),
), ),
subtitle: I18nText('settingsView.rootModeHint'), subtitle: I18nText('settingsView.rootModeHint'),
@ -129,7 +149,13 @@ class SettingsView extends StatelessWidget {
contentPadding: EdgeInsets.zero, contentPadding: EdgeInsets.zero,
title: I18nText( title: I18nText(
'settingsView.contributorsLabel', 'settingsView.contributorsLabel',
child: Text('', style: kSettingItemTextStyle), child: const Text(
'',
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.w500,
),
),
), ),
subtitle: I18nText('settingsView.contributorsHint'), subtitle: I18nText('settingsView.contributorsHint'),
onTap: openContainer, onTap: openContainer,

View File

@ -1,13 +1,18 @@
// ignore_for_file: use_build_context_synchronously
import 'package:dynamic_themes/dynamic_themes.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_i18n/flutter_i18n.dart'; import 'package:flutter_i18n/flutter_i18n.dart';
import 'package:revanced_manager/app/app.locator.dart'; import 'package:revanced_manager/app/app.locator.dart';
import 'package:revanced_manager/app/app.router.dart'; import 'package:revanced_manager/app/app.router.dart';
import 'package:revanced_manager/services/manager_api.dart';
import 'package:stacked/stacked.dart'; import 'package:stacked/stacked.dart';
import 'package:stacked_services/stacked_services.dart'; import 'package:stacked_services/stacked_services.dart';
import 'package:timeago/timeago.dart'; import 'package:timeago/timeago.dart';
class SettingsViewModel extends BaseViewModel { class SettingsViewModel extends BaseViewModel {
final NavigationService _navigationService = locator<NavigationService>(); final NavigationService _navigationService = locator<NavigationService>();
final ManagerAPI _managerAPI = locator<ManagerAPI>();
void setLanguage(String language) { void setLanguage(String language) {
notifyListeners(); notifyListeners();
@ -23,4 +28,34 @@ class SettingsViewModel extends BaseViewModel {
setLocaleMessages(value, EnMessages()); setLocaleMessages(value, EnMessages());
} }
} }
bool getDynamicThemeStatus() {
return _managerAPI.getUseDynamicTheme();
}
void setUseDynamicTheme(BuildContext context, bool value) async {
await _managerAPI.setUseDynamicTheme(value);
int currentTheme = DynamicTheme.of(context)!.themeId;
if (currentTheme.isEven) {
DynamicTheme.of(context)!.setTheme(value ? 2 : 0);
} else {
DynamicTheme.of(context)!.setTheme(value ? 3 : 1);
}
notifyListeners();
}
bool getDarkThemeStatus() {
return _managerAPI.getUseDarkTheme();
}
void setUseDarkTheme(BuildContext context, bool value) async {
await _managerAPI.setUseDarkTheme(value);
int currentTheme = DynamicTheme.of(context)!.themeId;
if (currentTheme < 2) {
DynamicTheme.of(context)!.setTheme(value ? 1 : 0);
} else {
DynamicTheme.of(context)!.setTheme(value ? 3 : 2);
}
notifyListeners();
}
} }

View File

@ -1,7 +1,6 @@
import 'dart:typed_data'; import 'dart:typed_data';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart'; import 'package:revanced_manager/ui/widgets/shared/custom_card.dart';
import 'package:revanced_manager/constants.dart';
class InstalledAppItem extends StatefulWidget { class InstalledAppItem extends StatefulWidget {
final String name; final String name;
@ -24,12 +23,7 @@ class _InstalledAppItemState extends State<InstalledAppItem> {
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Padding( return Padding(
padding: const EdgeInsets.symmetric(vertical: 4.0), padding: const EdgeInsets.symmetric(vertical: 4.0),
child: Container( child: CustomCard(
padding: const EdgeInsets.all(12.0),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(12),
color: Theme.of(context).colorScheme.primary,
),
child: Row( child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[ children: <Widget>[
@ -52,16 +46,13 @@ class _InstalledAppItemState extends State<InstalledAppItem> {
widget.name, widget.name,
maxLines: 2, maxLines: 2,
overflow: TextOverflow.visible, overflow: TextOverflow.visible,
style: GoogleFonts.inter( style: const TextStyle(
fontSize: 16, fontSize: 16,
fontWeight: FontWeight.w500, fontWeight: FontWeight.w500,
), ),
), ),
const SizedBox(height: 4), const SizedBox(height: 4),
Text( Text(widget.pkgName),
widget.pkgName,
style: kRobotoTextStyle,
),
], ],
), ),
), ),

View File

@ -1,7 +1,6 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:github/github.dart'; import 'package:github/github.dart';
import 'package:google_fonts/google_fonts.dart'; import 'package:revanced_manager/ui/widgets/shared/custom_card.dart';
import 'package:revanced_manager/theme.dart';
import 'package:url_launcher/url_launcher.dart'; import 'package:url_launcher/url_launcher.dart';
class ContributorsCard extends StatefulWidget { class ContributorsCard extends StatefulWidget {
@ -23,30 +22,24 @@ class ContributorsCard extends StatefulWidget {
class _ContributorsCardState extends State<ContributorsCard> { class _ContributorsCardState extends State<ContributorsCard> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Column( return Padding(
padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 20),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[ children: <Widget>[
Padding( Padding(
padding: const EdgeInsets.symmetric(vertical: 4.0, horizontal: 4.0), padding: const EdgeInsets.only(bottom: 8.0),
child: Text( child: Text(
widget.title, widget.title,
style: GoogleFonts.poppins( style: const TextStyle(
fontSize: 20, fontSize: 20,
fontWeight: FontWeight.w600, fontWeight: FontWeight.w600,
), ),
), ),
), ),
Container( CustomCard(
margin: const EdgeInsets.all(8.0),
padding: const EdgeInsets.all(4.0),
decoration: BoxDecoration(
color: isDark
? Theme.of(context).colorScheme.primary
: Theme.of(context).navigationBarTheme.backgroundColor!,
borderRadius: BorderRadius.circular(12),
),
height: widget.height,
child: GridView.builder( child: GridView.builder(
shrinkWrap: true,
physics: const NeverScrollableScrollPhysics(), physics: const NeverScrollableScrollPhysics(),
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount( gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 7, crossAxisCount: 7,
@ -58,8 +51,8 @@ class _ContributorsCardState extends State<ContributorsCard> {
return ClipRRect( return ClipRRect(
borderRadius: BorderRadius.circular(100), borderRadius: BorderRadius.circular(100),
child: GestureDetector( child: GestureDetector(
onTap: () => onTap: () => launchUrl(
launchUrl(Uri.parse(widget.contributors[index].htmlUrl!)), Uri.parse(widget.contributors[index].htmlUrl!)),
child: Image.network( child: Image.network(
widget.contributors[index].avatarUrl!, widget.contributors[index].avatarUrl!,
height: 40, height: 40,
@ -71,6 +64,7 @@ class _ContributorsCardState extends State<ContributorsCard> {
), ),
), ),
], ],
),
); );
} }
} }

View File

@ -4,6 +4,7 @@ import 'package:revanced_manager/app/app.locator.dart';
import 'package:revanced_manager/models/patched_application.dart'; import 'package:revanced_manager/models/patched_application.dart';
import 'package:revanced_manager/ui/views/home/home_viewmodel.dart'; import 'package:revanced_manager/ui/views/home/home_viewmodel.dart';
import 'package:revanced_manager/ui/widgets/shared/application_item.dart'; import 'package:revanced_manager/ui/widgets/shared/application_item.dart';
import 'package:revanced_manager/ui/widgets/shared/custom_card.dart';
class AvailableUpdatesCard extends StatelessWidget { class AvailableUpdatesCard extends StatelessWidget {
AvailableUpdatesCard({Key? key}) : super(key: key); AvailableUpdatesCard({Key? key}) : super(key: key);
@ -14,28 +15,18 @@ class AvailableUpdatesCard extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return apps.isEmpty return apps.isEmpty
? Container( ? CustomCard(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(12),
color: Theme.of(context).colorScheme.primary,
),
padding: const EdgeInsets.symmetric(vertical: 18, horizontal: 20),
child: Center( child: Center(
child: Column( child: Column(
children: <Widget>[ children: <Widget>[
Icon( const Icon(Icons.update_disabled, size: 40),
Icons.update_disabled,
size: 40,
color: Theme.of(context).colorScheme.secondary,
),
const SizedBox(height: 16), const SizedBox(height: 16),
I18nText( I18nText(
'homeView.noUpdates', 'homeView.noUpdates',
child: Text( child: Text(
'', '',
textAlign: TextAlign.center, textAlign: TextAlign.center,
style: Theme.of(context).textTheme.subtitle1!.copyWith( style: Theme.of(context).textTheme.subtitle1!,
color: Theme.of(context).colorScheme.secondary),
), ),
) )
], ],

View File

@ -0,0 +1,31 @@
import 'package:flutter/material.dart';
class DashboardChip extends StatelessWidget {
final Widget label;
final bool isSelected;
final Function(bool)? onSelected;
const DashboardChip({
Key? key,
required this.label,
required this.isSelected,
this.onSelected,
}) : super(key: key);
@override
Widget build(BuildContext context) {
return RawChip(
showCheckmark: false,
label: label,
selected: isSelected,
labelStyle: Theme.of(context).textTheme.subtitle2!.copyWith(
color: Theme.of(context).colorScheme.primary,
fontWeight: FontWeight.bold,
),
backgroundColor: Colors.transparent,
selectedColor: Theme.of(context).colorScheme.secondaryContainer,
padding: const EdgeInsets.all(10),
onSelected: onSelected,
);
}
}

View File

@ -1,52 +0,0 @@
import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:revanced_manager/theme.dart';
class DashboardChip extends StatelessWidget {
final Widget label;
final bool isSelected;
final Function(bool)? onSelected;
const DashboardChip({
Key? key,
required this.label,
required this.isSelected,
this.onSelected,
}) : super(key: key);
@override
Widget build(BuildContext context) {
return RawChip(
showCheckmark: false,
label: label,
selected: isSelected,
labelStyle: GoogleFonts.inter(
color: isSelected
? isDark
? const Color(0xff95C0FE)
: Theme.of(context).colorScheme.secondary
: isDark
? Colors.grey
: Colors.grey[700],
fontWeight: FontWeight.w500,
),
backgroundColor:
isDark ? Theme.of(context).colorScheme.background : Colors.white,
selectedColor: const Color.fromRGBO(118, 155, 209, 0.42),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
side: BorderSide(
width: 1,
color: isDark
? isSelected
? const Color.fromRGBO(118, 155, 209, 0.42)
: Colors.grey
: isSelected
? const Color.fromRGBO(118, 155, 209, 0.42)
: Colors.grey,
),
),
onSelected: onSelected,
);
}
}

View File

@ -5,6 +5,7 @@ import 'package:revanced_manager/app/app.locator.dart';
import 'package:revanced_manager/models/patched_application.dart'; import 'package:revanced_manager/models/patched_application.dart';
import 'package:revanced_manager/ui/views/home/home_viewmodel.dart'; import 'package:revanced_manager/ui/views/home/home_viewmodel.dart';
import 'package:revanced_manager/ui/widgets/shared/application_item.dart'; import 'package:revanced_manager/ui/widgets/shared/application_item.dart';
import 'package:revanced_manager/ui/widgets/shared/custom_card.dart';
class InstalledAppsCard extends StatelessWidget { class InstalledAppsCard extends StatelessWidget {
InstalledAppsCard({Key? key}) : super(key: key); InstalledAppsCard({Key? key}) : super(key: key);
@ -15,28 +16,18 @@ class InstalledAppsCard extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return apps.isEmpty return apps.isEmpty
? Container( ? CustomCard(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(12),
color: Theme.of(context).colorScheme.primary,
),
padding: const EdgeInsets.symmetric(vertical: 18, horizontal: 20),
child: Center( child: Center(
child: Column( child: Column(
children: <Widget>[ children: <Widget>[
Icon( const Icon(Icons.file_download_off, size: 40),
Icons.file_download_off,
size: 40,
color: Theme.of(context).colorScheme.secondary,
),
const SizedBox(height: 16), const SizedBox(height: 16),
I18nText( I18nText(
'homeView.noInstallations', 'homeView.noInstallations',
child: Text( child: Text(
'', '',
textAlign: TextAlign.center, textAlign: TextAlign.center,
style: Theme.of(context).textTheme.subtitle1!.copyWith( style: Theme.of(context).textTheme.subtitle1!,
color: Theme.of(context).colorScheme.secondary),
), ),
) )
], ],

View File

@ -1,11 +1,11 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_i18n/flutter_i18n.dart'; import 'package:flutter_i18n/flutter_i18n.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:revanced_manager/app/app.locator.dart'; import 'package:revanced_manager/app/app.locator.dart';
import 'package:revanced_manager/services/github_api.dart'; import 'package:revanced_manager/services/github_api.dart';
import 'package:revanced_manager/constants.dart'; import 'package:revanced_manager/constants.dart';
import 'package:revanced_manager/ui/views/home/home_viewmodel.dart'; import 'package:revanced_manager/ui/views/home/home_viewmodel.dart';
import 'package:revanced_manager/ui/widgets/shared/patch_text_button.dart'; import 'package:revanced_manager/ui/widgets/installerView/custom_material_button.dart';
import 'package:revanced_manager/ui/widgets/shared/custom_card.dart';
class LatestCommitCard extends StatefulWidget { class LatestCommitCard extends StatefulWidget {
final Function() onPressed; final Function() onPressed;
@ -24,12 +24,7 @@ class _LatestCommitCardState extends State<LatestCommitCard> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Container( return CustomCard(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(12),
color: Theme.of(context).colorScheme.primary,
),
padding: const EdgeInsets.symmetric(vertical: 18, horizontal: 20),
child: Row( child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[ children: <Widget>[
@ -40,11 +35,9 @@ class _LatestCommitCardState extends State<LatestCommitCard> {
children: <Widget>[ children: <Widget>[
I18nText( I18nText(
'latestCommitCard.patcherLabel', 'latestCommitCard.patcherLabel',
child: Text( child: const Text(
'', '',
style: GoogleFonts.roboto( style: TextStyle(fontWeight: FontWeight.bold),
fontWeight: FontWeight.w700,
),
), ),
), ),
FutureBuilder<String>( FutureBuilder<String>(
@ -60,7 +53,6 @@ class _LatestCommitCardState extends State<LatestCommitCard> {
context, context,
'latestCommitCard.loadingLabel', 'latestCommitCard.loadingLabel',
), ),
style: kRobotoTextStyle,
), ),
), ),
], ],
@ -70,28 +62,20 @@ class _LatestCommitCardState extends State<LatestCommitCard> {
children: <Widget>[ children: <Widget>[
I18nText( I18nText(
'latestCommitCard.managerLabel', 'latestCommitCard.managerLabel',
child: Text( child: const Text(
'', '',
style: GoogleFonts.roboto( style: TextStyle(fontWeight: FontWeight.bold),
fontWeight: FontWeight.w700,
),
), ),
), ),
FutureBuilder<String>( FutureBuilder<String>(
future: _githubAPI.latestCommitTime(ghOrg, managerRepo), future: _githubAPI.latestCommitTime(ghOrg, managerRepo),
builder: (context, snapshot) => Text( builder: (context, snapshot) =>
snapshot.hasData && snapshot.data!.isNotEmpty snapshot.hasData && snapshot.data!.isNotEmpty
? FlutterI18n.translate( ? I18nText(
context,
'latestCommitCard.timeagoLabel', 'latestCommitCard.timeagoLabel',
translationParams: {'time': snapshot.data!}, translationParams: {'time': snapshot.data!},
) )
: FlutterI18n.translate( : I18nText('latestCommitCard.loadingLabel'),
context,
'latestCommitCard.loadingLabel',
),
style: kRobotoTextStyle,
),
), ),
], ],
), ),
@ -101,17 +85,13 @@ class _LatestCommitCardState extends State<LatestCommitCard> {
future: locator<HomeViewModel>().hasManagerUpdates(), future: locator<HomeViewModel>().hasManagerUpdates(),
initialData: false, initialData: false,
builder: (context, snapshot) => Opacity( builder: (context, snapshot) => Opacity(
opacity: snapshot.hasData && snapshot.data! ? 1.0 : 0.5, opacity: snapshot.hasData && snapshot.data! ? 1.0 : 1.0,
child: PatchTextButton( child: CustomMaterialButton(
text: FlutterI18n.translate( isExpanded: false,
context, label: I18nText('latestCommitCard.updateButton'),
'latestCommitCard.updateButton',
),
onPressed: snapshot.hasData && snapshot.data! onPressed: snapshot.hasData && snapshot.data!
? widget.onPressed ? widget.onPressed
: () => {}, : () => {},
backgroundColor: Theme.of(context).colorScheme.secondary,
borderColor: Theme.of(context).colorScheme.secondary,
), ),
), ),
), ),

View File

@ -1,5 +1,4 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:revanced_manager/theme.dart';
class CustomMaterialButton extends StatelessWidget { class CustomMaterialButton extends StatelessWidget {
final Widget label; final Widget label;
@ -21,43 +20,17 @@ class CustomMaterialButton extends StatelessWidget {
style: ButtonStyle( style: ButtonStyle(
padding: MaterialStateProperty.all( padding: MaterialStateProperty.all(
isExpanded isExpanded
? const EdgeInsets.symmetric( ? const EdgeInsets.symmetric(horizontal: 24, vertical: 12)
horizontal: 24, : const EdgeInsets.symmetric(horizontal: 20, vertical: 12),
vertical: 12,
)
: const EdgeInsets.symmetric(
horizontal: 20,
vertical: 12,
),
),
shape: MaterialStateProperty.all(
RoundedRectangleBorder(
borderRadius: BorderRadius.circular(100),
side: BorderSide(
width: 1,
color: Theme.of(context).colorScheme.secondary,
),
),
),
side: MaterialStateProperty.all(
BorderSide(
color: isFilled
? Colors.transparent
: Theme.of(context).iconTheme.color!.withOpacity(0.4),
width: 1,
),
), ),
shape: MaterialStateProperty.all(const StadiumBorder()),
backgroundColor: MaterialStateProperty.all( backgroundColor: MaterialStateProperty.all(
isFilled isFilled ? Theme.of(context).colorScheme.primary : Colors.transparent,
? Theme.of(context).colorScheme.secondary
: isDark
? Theme.of(context).colorScheme.background
: Colors.white,
), ),
foregroundColor: MaterialStateProperty.all( foregroundColor: MaterialStateProperty.all(
isFilled isFilled
? Theme.of(context).colorScheme.background ? Theme.of(context).colorScheme.surface
: Theme.of(context).colorScheme.secondary, : Theme.of(context).colorScheme.primary,
), ),
), ),
onPressed: onPressed, onPressed: onPressed,

View File

@ -1,10 +1,9 @@
import 'dart:typed_data'; import 'dart:typed_data';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_i18n/flutter_i18n.dart'; import 'package:flutter_i18n/flutter_i18n.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:revanced_manager/app/app.locator.dart'; import 'package:revanced_manager/app/app.locator.dart';
import 'package:revanced_manager/constants.dart';
import 'package:revanced_manager/ui/views/patcher/patcher_viewmodel.dart'; import 'package:revanced_manager/ui/views/patcher/patcher_viewmodel.dart';
import 'package:revanced_manager/ui/widgets/shared/custom_card.dart';
class AppSelectorCard extends StatelessWidget { class AppSelectorCard extends StatelessWidget {
final Function() onPressed; final Function() onPressed;
@ -18,13 +17,7 @@ class AppSelectorCard extends StatelessWidget {
Widget build(BuildContext context) { Widget build(BuildContext context) {
return GestureDetector( return GestureDetector(
onTap: onPressed, onTap: onPressed,
child: Container( child: CustomCard(
width: double.infinity,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(12),
color: Theme.of(context).colorScheme.primary,
),
padding: const EdgeInsets.symmetric(vertical: 18, horizontal: 20),
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[ children: <Widget>[
@ -32,9 +25,9 @@ class AppSelectorCard extends StatelessWidget {
locator<PatcherViewModel>().selectedApp == null locator<PatcherViewModel>().selectedApp == null
? 'appSelectorCard.widgetTitle' ? 'appSelectorCard.widgetTitle'
: 'appSelectorCard.widgetTitleSelected', : 'appSelectorCard.widgetTitleSelected',
child: Text( child: const Text(
'', '',
style: GoogleFonts.roboto( style: TextStyle(
fontSize: 18, fontSize: 18,
fontWeight: FontWeight.w500, fontWeight: FontWeight.w500,
), ),
@ -42,13 +35,7 @@ class AppSelectorCard extends StatelessWidget {
), ),
const SizedBox(height: 10), const SizedBox(height: 10),
locator<PatcherViewModel>().selectedApp == null locator<PatcherViewModel>().selectedApp == null
? I18nText( ? I18nText('appSelectorCard.widgetSubtitle')
'appSelectorCard.widgetSubtitle',
child: Text(
'',
style: kRobotoTextStyle,
),
)
: Row( : Row(
children: <Widget>[ children: <Widget>[
SizedBox( SizedBox(
@ -63,10 +50,7 @@ class AppSelectorCard extends StatelessWidget {
), ),
), ),
const SizedBox(width: 4), const SizedBox(width: 4),
Text( Text(_getAppSelection()),
_getAppSelection(),
style: kRobotoTextStyle,
),
], ],
), ),
], ],

View File

@ -1,10 +1,9 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_i18n/flutter_i18n.dart'; import 'package:flutter_i18n/flutter_i18n.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:revanced_manager/app/app.locator.dart'; import 'package:revanced_manager/app/app.locator.dart';
import 'package:revanced_manager/constants.dart';
import 'package:revanced_manager/models/patch.dart'; import 'package:revanced_manager/models/patch.dart';
import 'package:revanced_manager/ui/views/patcher/patcher_viewmodel.dart'; import 'package:revanced_manager/ui/views/patcher/patcher_viewmodel.dart';
import 'package:revanced_manager/ui/widgets/shared/custom_card.dart';
class PatchSelectorCard extends StatelessWidget { class PatchSelectorCard extends StatelessWidget {
final Function() onPressed; final Function() onPressed;
@ -18,13 +17,7 @@ class PatchSelectorCard extends StatelessWidget {
Widget build(BuildContext context) { Widget build(BuildContext context) {
return GestureDetector( return GestureDetector(
onTap: onPressed, onTap: onPressed,
child: Container( child: CustomCard(
width: double.infinity,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(12),
color: Theme.of(context).colorScheme.primary,
),
padding: const EdgeInsets.symmetric(vertical: 18, horizontal: 20),
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[ children: <Widget>[
@ -32,9 +25,9 @@ class PatchSelectorCard extends StatelessWidget {
locator<PatcherViewModel>().selectedPatches.isEmpty locator<PatcherViewModel>().selectedPatches.isEmpty
? 'patchSelectorCard.widgetTitle' ? 'patchSelectorCard.widgetTitle'
: 'patchSelectorCard.widgetTitleSelected', : 'patchSelectorCard.widgetTitleSelected',
child: Text( child: const Text(
'', '',
style: GoogleFonts.roboto( style: TextStyle(
fontSize: 18, fontSize: 18,
fontWeight: FontWeight.w500, fontWeight: FontWeight.w500,
), ),
@ -42,25 +35,10 @@ class PatchSelectorCard extends StatelessWidget {
), ),
const SizedBox(height: 10), const SizedBox(height: 10),
locator<PatcherViewModel>().selectedApp == null locator<PatcherViewModel>().selectedApp == null
? I18nText( ? I18nText('patchSelectorCard.widgetSubtitle')
'patchSelectorCard.widgetSubtitle',
child: Text(
'',
style: kRobotoTextStyle,
),
)
: locator<PatcherViewModel>().selectedPatches.isEmpty : locator<PatcherViewModel>().selectedPatches.isEmpty
? I18nText( ? I18nText('patchSelectorCard.widgetEmptySubtitle')
'patchSelectorCard.widgetEmptySubtitle', : Text(_getPatchesSelection()),
child: Text(
'',
style: kRobotoTextStyle,
),
)
: Text(
_getPatchesSelection(),
style: kRobotoTextStyle,
),
], ],
), ),
), ),

View File

@ -1,8 +1,8 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_i18n/flutter_i18n.dart'; import 'package:flutter_i18n/flutter_i18n.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:revanced_manager/ui/widgets/patchesSelectorView/patch_options_fields.dart'; import 'package:revanced_manager/ui/widgets/patchesSelectorView/patch_options_fields.dart';
import 'package:revanced_manager/ui/widgets/shared/patch_text_button.dart'; import 'package:revanced_manager/ui/widgets/installerView/custom_material_button.dart';
import 'package:revanced_manager/ui/widgets/shared/custom_card.dart';
// ignore: must_be_immutable // ignore: must_be_immutable
class PatchItem extends StatefulWidget { class PatchItem extends StatefulWidget {
@ -43,13 +43,9 @@ class _PatchItemState extends State<PatchItem> {
setState(() => widget.isSelected = !widget.isSelected); setState(() => widget.isSelected = !widget.isSelected);
widget.onChanged(widget.isSelected); widget.onChanged(widget.isSelected);
}, },
child: Container( child: Padding(
decoration: BoxDecoration( padding: const EdgeInsets.symmetric(vertical: 4.0),
color: Theme.of(context).colorScheme.primary, child: CustomCard(
borderRadius: BorderRadius.circular(12),
),
padding: const EdgeInsets.symmetric(vertical: 12, horizontal: 12),
margin: const EdgeInsets.symmetric(vertical: 4, horizontal: 8),
child: Column( child: Column(
children: <Widget>[ children: <Widget>[
Row( Row(
@ -64,7 +60,7 @@ class _PatchItemState extends State<PatchItem> {
children: <Widget>[ children: <Widget>[
Text( Text(
widget.simpleName, widget.simpleName,
style: GoogleFonts.inter( style: const TextStyle(
fontSize: 16, fontSize: 16,
fontWeight: FontWeight.w600, fontWeight: FontWeight.w600,
), ),
@ -79,9 +75,7 @@ class _PatchItemState extends State<PatchItem> {
softWrap: true, softWrap: true,
maxLines: 3, maxLines: 3,
overflow: TextOverflow.visible, overflow: TextOverflow.visible,
style: GoogleFonts.roboto( style: const TextStyle(fontSize: 14),
fontSize: 14,
),
), ),
], ],
), ),
@ -90,7 +84,7 @@ class _PatchItemState extends State<PatchItem> {
scale: 1.2, scale: 1.2,
child: Checkbox( child: Checkbox(
value: widget.isSelected, value: widget.isSelected,
activeColor: Theme.of(context).colorScheme.secondary, activeColor: Theme.of(context).colorScheme.primary,
onChanged: (newValue) { onChanged: (newValue) {
setState(() => widget.isSelected = newValue!); setState(() => widget.isSelected = newValue!);
widget.onChanged(widget.isSelected); widget.onChanged(widget.isSelected);
@ -105,7 +99,8 @@ class _PatchItemState extends State<PatchItem> {
Padding( Padding(
padding: const EdgeInsets.only(top: 8), padding: const EdgeInsets.only(top: 8),
child: TextButton.icon( child: TextButton.icon(
label: I18nText('patchItem.unsupportedWarningButton'), label:
I18nText('patchItem.unsupportedWarningButton'),
icon: const Icon(Icons.warning), icon: const Icon(Icons.warning),
onPressed: () => _showUnsupportedWarningDialog(), onPressed: () => _showUnsupportedWarningDialog(),
style: ButtonStyle( style: ButtonStyle(
@ -115,7 +110,7 @@ class _PatchItemState extends State<PatchItem> {
side: BorderSide( side: BorderSide(
width: 1, width: 1,
color: color:
Theme.of(context).colorScheme.secondary, Theme.of(context).colorScheme.primary,
), ),
), ),
), ),
@ -123,7 +118,7 @@ class _PatchItemState extends State<PatchItem> {
Colors.transparent, Colors.transparent,
), ),
foregroundColor: MaterialStateProperty.all( foregroundColor: MaterialStateProperty.all(
Theme.of(context).colorScheme.secondary, Theme.of(context).colorScheme.primary,
), ),
), ),
), ),
@ -135,6 +130,7 @@ class _PatchItemState extends State<PatchItem> {
], ],
), ),
), ),
),
); );
} }
@ -152,14 +148,13 @@ class _PatchItemState extends State<PatchItem> {
}, },
), ),
actions: [ actions: [
PatchTextButton( CustomMaterialButton(
text: FlutterI18n.translate(context, 'okButton'), isFilled: true,
label: I18nText('okButton'),
onPressed: () => Navigator.of(context).pop(), onPressed: () => Navigator.of(context).pop(),
backgroundColor: Theme.of(context).colorScheme.secondary,
borderColor: Theme.of(context).colorScheme.secondary,
) )
], ],
backgroundColor: Theme.of(context).colorScheme.surface, backgroundColor: Theme.of(context).colorScheme.secondaryContainer,
), ),
); );
} }

View File

@ -1,7 +1,6 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_i18n/flutter_i18n.dart'; import 'package:flutter_i18n/flutter_i18n.dart';
import 'package:flutter_svg/flutter_svg.dart'; import 'package:flutter_svg/flutter_svg.dart';
import 'package:google_fonts/google_fonts.dart';
class MagiskButton extends StatelessWidget { class MagiskButton extends StatelessWidget {
final Function() onPressed; final Function() onPressed;
@ -20,7 +19,7 @@ class MagiskButton extends StatelessWidget {
onTap: onPressed, onTap: onPressed,
child: CircleAvatar( child: CircleAvatar(
radius: 32, radius: 32,
backgroundColor: Theme.of(context).colorScheme.secondary, backgroundColor: Theme.of(context).colorScheme.primary,
child: SvgPicture.asset( child: SvgPicture.asset(
'assets/images/magisk.svg', 'assets/images/magisk.svg',
color: Theme.of(context).colorScheme.surface, color: Theme.of(context).colorScheme.surface,
@ -32,11 +31,9 @@ class MagiskButton extends StatelessWidget {
const SizedBox(height: 8), const SizedBox(height: 8),
I18nText( I18nText(
'rootCheckerView.grantPermission', 'rootCheckerView.grantPermission',
child: Text( child: const Text(
'', '',
style: GoogleFonts.poppins( style: TextStyle(fontSize: 15),
fontSize: 15,
),
), ),
), ),
], ],

View File

@ -1,7 +1,5 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_i18n/flutter_i18n.dart'; import 'package:flutter_i18n/flutter_i18n.dart';
import 'package:revanced_manager/constants.dart';
import 'package:revanced_manager/theme.dart';
import 'package:revanced_manager/utils/about_info.dart'; import 'package:revanced_manager/utils/about_info.dart';
import 'package:flutter/services.dart'; import 'package:flutter/services.dart';
@ -22,7 +20,13 @@ class _AboutWidgetState extends State<AboutWidget> {
children: <Widget>[ children: <Widget>[
I18nText( I18nText(
'settingsView.aboutLabel', 'settingsView.aboutLabel',
child: Text('', style: kSettingItemTextStyle), child: const Text(
'',
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.w500,
),
),
), ),
const SizedBox(height: 4), const SizedBox(height: 4),
FutureBuilder<Map<String, dynamic>>( FutureBuilder<Map<String, dynamic>>(
@ -42,30 +46,50 @@ class _AboutWidgetState extends State<AboutWidget> {
); );
ScaffoldMessenger.of(context).showSnackBar( ScaffoldMessenger.of(context).showSnackBar(
SnackBar( SnackBar(
content: Text( content: const Text('Copied to clipboard'),
'Copied to clipboard', backgroundColor:
style: TextStyle( Theme.of(context).colorScheme.secondary,
color: isDark ? Colors.white : Colors.grey[300],
),
),
backgroundColor: Theme.of(context).colorScheme.tertiary,
), ),
); );
}, },
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[ children: <Widget>[
Text('Version: ${snapshot.data!['version']}', Text(
style: kSettingItemSubtitleTextStyle), 'Version: ${snapshot.data!['version']}',
Text('Build: ${snapshot.data!['buildNumber']}', style: const TextStyle(
style: kSettingItemSubtitleTextStyle), fontSize: 13,
Text('Model: ${snapshot.data!['model']}', fontWeight: FontWeight.w300,
style: kSettingItemSubtitleTextStyle), ),
),
Text(
'Build: ${snapshot.data!['buildNumber']}',
style: const TextStyle(
fontSize: 13,
fontWeight: FontWeight.w300,
),
),
Text(
'Model: ${snapshot.data!['model']}',
style: const TextStyle(
fontSize: 13,
fontWeight: FontWeight.w300,
),
),
Text( Text(
'Android Version: ${snapshot.data!['androidVersion']}', 'Android Version: ${snapshot.data!['androidVersion']}',
style: kSettingItemSubtitleTextStyle), style: const TextStyle(
Text('Arch: ${snapshot.data!['arch']}', fontSize: 13,
style: kSettingItemSubtitleTextStyle), fontWeight: FontWeight.w300,
),
),
Text(
'Arch: ${snapshot.data!['arch']}',
style: const TextStyle(
fontSize: 13,
fontWeight: FontWeight.w300,
),
),
], ],
), ),
); );

View File

@ -12,8 +12,6 @@ class CustomSwitch extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
Color? activeColor = Theme.of(context).colorScheme.tertiary;
Color? inactiveColor = Theme.of(context).colorScheme.secondary;
return GestureDetector( return GestureDetector(
onTap: () => onChanged(!value), onTap: () => onChanged(!value),
child: SizedBox( child: SizedBox(
@ -30,7 +28,9 @@ class CustomSwitch extends StatelessWidget {
borderRadius: const BorderRadius.all( borderRadius: const BorderRadius.all(
Radius.circular(25.0), Radius.circular(25.0),
), ),
color: !value ? activeColor : inactiveColor, color: value
? Theme.of(context).colorScheme.primary
: Theme.of(context).colorScheme.secondary,
), ),
), ),
AnimatedAlign( AnimatedAlign(

View File

@ -1,5 +1,4 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:revanced_manager/theme.dart';
class CustomTextField extends StatelessWidget { class CustomTextField extends StatelessWidget {
final TextEditingController inputController; final TextEditingController inputController;
@ -17,9 +16,7 @@ class CustomTextField extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Padding( return Column(
padding: const EdgeInsets.all(8.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[ children: <Widget>[
const SizedBox(height: 8), const SizedBox(height: 8),
@ -27,29 +24,18 @@ class CustomTextField extends StatelessWidget {
controller: inputController, controller: inputController,
onChanged: onChanged, onChanged: onChanged,
keyboardType: TextInputType.text, keyboardType: TextInputType.text,
style: TextStyle(
fontSize: 14,
color: Theme.of(context).textTheme.headline5!.color,
),
cursorColor: Theme.of(context).textTheme.headline5!.color,
decoration: InputDecoration( decoration: InputDecoration(
label: label, label: label,
labelStyle: TextStyle(
color: isDark ? Colors.grey[300] : Colors.black,
),
filled: true, filled: true,
fillColor: Theme.of(context).colorScheme.primary, fillColor: Theme.of(context).colorScheme.secondaryContainer,
hintText: hint, hintText: hint,
hintStyle: TextStyle(
color: Colors.grey.withOpacity(.75),
),
contentPadding: const EdgeInsets.symmetric( contentPadding: const EdgeInsets.symmetric(
vertical: 0.0, vertical: 0.0,
horizontal: 20.0, horizontal: 20.0,
), ),
border: OutlineInputBorder( border: OutlineInputBorder(
borderSide: BorderSide( borderSide: BorderSide(
color: Theme.of(context).colorScheme.tertiary, color: Theme.of(context).colorScheme.primary,
width: 1.0, width: 1.0,
), ),
borderRadius: BorderRadius.circular(10), borderRadius: BorderRadius.circular(10),
@ -57,21 +43,21 @@ class CustomTextField extends StatelessWidget {
), ),
focusedBorder: OutlineInputBorder( focusedBorder: OutlineInputBorder(
borderSide: BorderSide( borderSide: BorderSide(
color: Theme.of(context).colorScheme.secondary, color: Theme.of(context).colorScheme.primary,
width: 2.0, width: 2.0,
), ),
borderRadius: BorderRadius.circular(10), borderRadius: BorderRadius.circular(10),
), ),
errorBorder: OutlineInputBorder( errorBorder: OutlineInputBorder(
borderSide: const BorderSide( borderSide: const BorderSide(
color: Color(0xffEF4444), color: Colors.red,
width: 1.0, width: 1.0,
), ),
borderRadius: BorderRadius.circular(10), borderRadius: BorderRadius.circular(10),
), ),
enabledBorder: OutlineInputBorder( enabledBorder: OutlineInputBorder(
borderSide: BorderSide( borderSide: BorderSide(
color: Theme.of(context).colorScheme.tertiary, color: Theme.of(context).colorScheme.primary,
width: 1.0, width: 1.0,
), ),
borderRadius: BorderRadius.circular(10), borderRadius: BorderRadius.circular(10),
@ -79,7 +65,6 @@ class CustomTextField extends StatelessWidget {
), ),
), ),
], ],
),
); );
} }
} }

View File

@ -23,7 +23,7 @@ class SettingsSection extends StatelessWidget {
child: Text( child: Text(
'', '',
style: TextStyle( style: TextStyle(
color: Theme.of(context).colorScheme.secondary, color: Theme.of(context).colorScheme.primary,
), ),
), ),
), ),

View File

@ -1,6 +1,5 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_i18n/flutter_i18n.dart'; import 'package:flutter_i18n/flutter_i18n.dart';
import 'package:revanced_manager/constants.dart';
class SettingsTileDialog extends StatelessWidget { class SettingsTileDialog extends StatelessWidget {
final String title; final String title;
@ -20,9 +19,12 @@ class SettingsTileDialog extends StatelessWidget {
contentPadding: EdgeInsets.zero, contentPadding: EdgeInsets.zero,
title: I18nText( title: I18nText(
title, title,
child: Text( child: const Text(
'', '',
style: kSettingItemTextStyle, style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.w500,
),
), ),
), ),
subtitle: I18nText(subtitle), subtitle: I18nText(subtitle),

View File

@ -2,8 +2,7 @@ import 'package:expandable/expandable.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_i18n/flutter_i18n.dart'; import 'package:flutter_i18n/flutter_i18n.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart'; import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:revanced_manager/constants.dart'; import 'package:revanced_manager/ui/widgets/shared/custom_card.dart';
import 'package:revanced_manager/theme.dart';
import 'package:url_launcher/url_launcher.dart'; import 'package:url_launcher/url_launcher.dart';
class SocialMediaWidget extends StatelessWidget { class SocialMediaWidget extends StatelessWidget {
@ -18,32 +17,25 @@ class SocialMediaWidget extends StatelessWidget {
iconPadding: const EdgeInsets.symmetric(vertical: 16.0), iconPadding: const EdgeInsets.symmetric(vertical: 16.0),
animationDuration: const Duration(milliseconds: 400), animationDuration: const Duration(milliseconds: 400),
), ),
header: SizedBox( header: ListTile(
width: double.infinity,
child: ListTile(
contentPadding: EdgeInsets.zero, contentPadding: EdgeInsets.zero,
title: I18nText( title: I18nText(
'socialMediaCard.widgetTitle', 'socialMediaCard.widgetTitle',
child: Text('', style: kSettingItemTextStyle), child: const Text(
),
subtitle: I18nText(
'socialMediaCard.widgetSubtitle',
child: Text(
'', '',
style: Theme.of(context).textTheme.bodyMedium!.copyWith( style: TextStyle(
color: isDark ? Colors.grey[400] : Colors.grey[600], fontSize: 20,
fontWeight: FontWeight.w500,
), ),
), ),
), ),
subtitle: I18nText('socialMediaCard.widgetSubtitle'),
), ),
), expanded: CustomCard(
expanded: Card(
color: isDark
? Theme.of(context).colorScheme.primary
: Theme.of(context).navigationBarTheme.backgroundColor!,
child: Column( child: Column(
children: <Widget>[ children: <Widget>[
ListTile( ListTile(
contentPadding: EdgeInsets.zero,
leading: Padding( leading: Padding(
padding: const EdgeInsets.all(8.0), padding: const EdgeInsets.all(8.0),
child: FaIcon( child: FaIcon(
@ -59,6 +51,7 @@ class SocialMediaWidget extends StatelessWidget {
), ),
), ),
ListTile( ListTile(
contentPadding: EdgeInsets.zero,
leading: Padding( leading: Padding(
padding: const EdgeInsets.all(8.0).copyWith(left: 5), padding: const EdgeInsets.all(8.0).copyWith(left: 5),
child: FaIcon( child: FaIcon(
@ -74,6 +67,7 @@ class SocialMediaWidget extends StatelessWidget {
), ),
), ),
ListTile( ListTile(
contentPadding: EdgeInsets.zero,
leading: Padding( leading: Padding(
padding: const EdgeInsets.all(8.0), padding: const EdgeInsets.all(8.0),
child: FaIcon( child: FaIcon(
@ -89,6 +83,7 @@ class SocialMediaWidget extends StatelessWidget {
), ),
), ),
ListTile( ListTile(
contentPadding: EdgeInsets.zero,
leading: Padding( leading: Padding(
padding: const EdgeInsets.all(8.0), padding: const EdgeInsets.all(8.0),
child: FaIcon( child: FaIcon(
@ -104,6 +99,7 @@ class SocialMediaWidget extends StatelessWidget {
), ),
), ),
ListTile( ListTile(
contentPadding: EdgeInsets.zero,
leading: Padding( leading: Padding(
padding: const EdgeInsets.all(8.0), padding: const EdgeInsets.all(8.0),
child: FaIcon( child: FaIcon(
@ -119,6 +115,7 @@ class SocialMediaWidget extends StatelessWidget {
), ),
), ),
ListTile( ListTile(
contentPadding: EdgeInsets.zero,
leading: Padding( leading: Padding(
padding: const EdgeInsets.all(8.0), padding: const EdgeInsets.all(8.0),
child: FaIcon( child: FaIcon(

View File

@ -2,8 +2,8 @@ import 'package:expandable/expandable.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_i18n/flutter_i18n.dart'; import 'package:flutter_i18n/flutter_i18n.dart';
import 'package:revanced_manager/constants.dart'; import 'package:revanced_manager/constants.dart';
import 'package:revanced_manager/theme.dart';
import 'package:revanced_manager/ui/widgets/settingsView/custom_text_field.dart'; import 'package:revanced_manager/ui/widgets/settingsView/custom_text_field.dart';
import 'package:revanced_manager/ui/widgets/shared/custom_card.dart';
class SourcesWidget extends StatelessWidget { class SourcesWidget extends StatelessWidget {
final String title; final String title;
@ -28,29 +28,21 @@ class SourcesWidget extends StatelessWidget {
iconPadding: const EdgeInsets.symmetric(vertical: 16.0), iconPadding: const EdgeInsets.symmetric(vertical: 16.0),
animationDuration: const Duration(milliseconds: 400), animationDuration: const Duration(milliseconds: 400),
), ),
header: SizedBox( header: ListTile(
width: double.infinity,
child: ListTile(
contentPadding: EdgeInsets.zero, contentPadding: EdgeInsets.zero,
title: I18nText( title: I18nText(
'sourcesCard.widgetTitle', 'sourcesCard.widgetTitle',
child: Text('', style: kSettingItemTextStyle), child: const Text(
),
subtitle: I18nText(
'sourcesCard.widgetSubtitle',
child: Text(
'', '',
style: Theme.of(context).textTheme.bodyMedium!.copyWith( style: TextStyle(
color: isDark ? Colors.grey[400] : Colors.grey[600], fontSize: 20,
fontWeight: FontWeight.w500,
), ),
), ),
), ),
subtitle: I18nText('sourcesCard.widgetSubtitle'),
), ),
), expanded: CustomCard(
expanded: Card(
color: isDark
? Theme.of(context).colorScheme.primary
: Theme.of(context).navigationBarTheme.backgroundColor!,
child: Column( child: Column(
children: <Widget>[ children: <Widget>[
CustomTextField( CustomTextField(
@ -59,12 +51,14 @@ class SourcesWidget extends StatelessWidget {
hint: ghOrg, hint: ghOrg,
onChanged: (value) => ghOrg = value, onChanged: (value) => ghOrg = value,
), ),
const SizedBox(height: 8),
CustomTextField( CustomTextField(
inputController: patchesSourceController, inputController: patchesSourceController,
label: I18nText('sourcesCard.patchesSourceLabel'), label: I18nText('sourcesCard.patchesSourceLabel'),
hint: patchesRepo, hint: patchesRepo,
onChanged: (value) => patchesRepo = value, onChanged: (value) => patchesRepo = value,
), ),
const SizedBox(height: 8),
CustomTextField( CustomTextField(
inputController: integrationsSourceController, inputController: integrationsSourceController,
label: I18nText('sourcesCard.integrationsSourceLabel'), label: I18nText('sourcesCard.integrationsSourceLabel'),

View File

@ -1,10 +1,8 @@
import 'dart:typed_data'; import 'dart:typed_data';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_i18n/flutter_i18n.dart'; import 'package:flutter_i18n/flutter_i18n.dart';
import 'package:google_fonts/google_fonts.dart'; import 'package:revanced_manager/ui/widgets/installerView/custom_material_button.dart';
import 'package:revanced_manager/constants.dart'; import 'package:revanced_manager/ui/widgets/shared/custom_card.dart';
import 'package:revanced_manager/theme.dart';
import 'package:revanced_manager/ui/widgets/shared/patch_text_button.dart';
import 'package:expandable/expandable.dart'; import 'package:expandable/expandable.dart';
import 'package:timeago/timeago.dart'; import 'package:timeago/timeago.dart';
@ -33,56 +31,35 @@ class ApplicationItem extends StatelessWidget {
hasIcon: false, hasIcon: false,
animationDuration: Duration(milliseconds: 450), animationDuration: Duration(milliseconds: 450),
), ),
header: Container( header: CustomCard(
height: 60,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(12),
color: Theme.of(context).colorScheme.primary,
),
padding: const EdgeInsets.symmetric(horizontal: 10.0, vertical: 12.0),
child: Row( child: Row(
children: <Widget>[ children: <Widget>[
SizedBox( SizedBox(
width: 60, width: 60,
child: Image.memory( child: Image.memory(icon, height: 39, width: 39),
icon,
height: 39,
width: 39,
),
), ),
const SizedBox(width: 4), const SizedBox(width: 4),
SizedBox( Column(
width: MediaQuery.of(context).size.width - 250,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[ children: <Widget>[
Text( Text(
name, name,
style: GoogleFonts.roboto( style: const TextStyle(
color: Theme.of(context).colorScheme.secondary, fontSize: 16,
fontWeight: FontWeight.w600, fontWeight: FontWeight.w500,
),
),
Text(
format(patchDate, locale: 'en_short'),
style: kRobotoTextStyle.copyWith(
color: Theme.of(context).colorScheme.tertiary,
), ),
), ),
Text(format(patchDate, locale: 'en_short')),
], ],
), ),
),
const Spacer(), const Spacer(),
Padding( Padding(
padding: const EdgeInsets.symmetric(horizontal: 8.0), padding: const EdgeInsets.symmetric(horizontal: 8.0),
child: PatchTextButton( child: CustomMaterialButton(
text: isUpdatableApp label: isUpdatableApp
? 'applicationItem.patchButton' ? I18nText('applicationItem.patchButton')
: 'applicationItem.openButton', : I18nText('applicationItem.openButton'),
onPressed: onPressed, onPressed: onPressed,
borderColor: isDark
? const Color(0xff4D5054)
: const Color.fromRGBO(119, 146, 168, 1),
), ),
), ),
], ],
@ -96,16 +73,13 @@ class ApplicationItem extends StatelessWidget {
children: <Widget>[ children: <Widget>[
I18nText( I18nText(
'applicationItem.changelogLabel', 'applicationItem.changelogLabel',
child: Text( child: const Text(
'', '',
style: kRobotoTextStyle.copyWith(fontWeight: FontWeight.w700), style: TextStyle(fontWeight: FontWeight.w700),
), ),
), ),
const SizedBox(height: 4), const SizedBox(height: 4),
Text( Text('\u2022 ${changelog.join('\n\u2022 ')}'),
'\u2022 ${changelog.join('\n\u2022 ')}',
style: kRobotoTextStyle,
),
], ],
), ),
), ),

View File

@ -0,0 +1,32 @@
import 'package:flutter/material.dart';
class CustomCard extends StatelessWidget {
final bool isFilled;
final Widget child;
const CustomCard({
Key? key,
this.isFilled = true,
required this.child,
}) : super(key: key);
@override
Widget build(BuildContext context) {
return Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(16),
color: isFilled
? Theme.of(context).colorScheme.secondaryContainer
: Colors.transparent,
border: isFilled
? null
: Border.all(
width: 1,
color: Theme.of(context).colorScheme.secondary,
),
),
padding: const EdgeInsets.all(20),
child: child,
);
}
}

View File

@ -1,5 +1,4 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:revanced_manager/theme.dart';
class CustomSliverAppBar extends StatelessWidget { class CustomSliverAppBar extends StatelessWidget {
final Widget title; final Widget title;
@ -21,10 +20,8 @@ class CustomSliverAppBar extends StatelessWidget {
automaticallyImplyLeading: false, automaticallyImplyLeading: false,
backgroundColor: MaterialStateColor.resolveWith( backgroundColor: MaterialStateColor.resolveWith(
(states) => states.contains(MaterialState.scrolledUnder) (states) => states.contains(MaterialState.scrolledUnder)
? isDark ? Theme.of(context).colorScheme.surface
? Theme.of(context).colorScheme.primary : Theme.of(context).canvasColor,
: Theme.of(context).navigationBarTheme.backgroundColor!
: Theme.of(context).scaffoldBackgroundColor,
), ),
flexibleSpace: FlexibleSpaceBar( flexibleSpace: FlexibleSpaceBar(
titlePadding: const EdgeInsets.symmetric( titlePadding: const EdgeInsets.symmetric(

View File

@ -21,7 +21,7 @@ class OpenContainerWrapper extends StatelessWidget {
openColor: Theme.of(context).colorScheme.primary, openColor: Theme.of(context).colorScheme.primary,
closedColor: Colors.transparent, closedColor: Colors.transparent,
closedShape: RoundedRectangleBorder( closedShape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12), borderRadius: BorderRadius.circular(16),
), ),
); );
} }

View File

@ -1,51 +0,0 @@
import 'package:flutter/material.dart';
import 'package:flutter_i18n/flutter_i18n.dart';
import 'package:revanced_manager/constants.dart';
import 'package:revanced_manager/theme.dart';
class PatchTextButton extends StatelessWidget {
final String text;
final Function() onPressed;
final Color borderColor;
final Color backgroundColor;
const PatchTextButton({
Key? key,
required this.text,
required this.onPressed,
this.borderColor = const Color(0xff7792BA),
this.backgroundColor = Colors.transparent,
}) : super(key: key);
@override
Widget build(BuildContext context) {
return TextButton(
onPressed: onPressed,
style: Theme.of(context).textButtonTheme.style?.copyWith(
backgroundColor: MaterialStateProperty.all<Color?>(backgroundColor),
side: MaterialStateProperty.all<BorderSide>(
BorderSide(
color: borderColor,
width: 1,
),
),
padding: MaterialStateProperty.all<EdgeInsetsGeometry>(
const EdgeInsets.symmetric(
horizontal: 16,
vertical: 4,
),
)),
child: I18nText(text,
child: Text(
'',
style: kInterTextStyle.copyWith(
color: backgroundColor == Colors.transparent
? const Color.fromRGBO(119, 146, 186, 1)
: isDark
? Colors.black
: Colors.white,
),
)),
);
}
}

View File

@ -1,23 +1,16 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
class SearchBar extends StatefulWidget { class SearchBar extends StatefulWidget {
final String? hintText; final String? hintText;
final Color? fillColor;
final bool showSelectIcon; final bool showSelectIcon;
final Function(bool)? onSelectAll; final Function(bool)? onSelectAll;
final Color? backgroundColor;
final Color? hintTextColor;
const SearchBar({ const SearchBar({
Key? key, Key? key,
required this.hintText, required this.hintText,
required this.fillColor,
required this.onQueryChanged,
this.onSelectAll,
this.showSelectIcon = false, this.showSelectIcon = false,
this.backgroundColor = const Color(0xff1B222B), this.onSelectAll,
this.hintTextColor = Colors.white, required this.onQueryChanged,
}) : super(key: key); }) : super(key: key);
final Function(String) onQueryChanged; final Function(String) onQueryChanged;
@ -34,14 +27,8 @@ class _SearchBarState extends State<SearchBar> {
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Container( return Container(
decoration: BoxDecoration( decoration: BoxDecoration(
borderRadius: BorderRadius.circular(12), borderRadius: BorderRadius.circular(16),
color: widget.backgroundColor, color: Theme.of(context).colorScheme.secondaryContainer,
border: Border.all(
color: widget.backgroundColor != null
? widget.backgroundColor!
: Colors.white,
width: 1,
),
), ),
child: Row( child: Row(
children: <Widget>[ children: <Widget>[
@ -49,25 +36,18 @@ class _SearchBarState extends State<SearchBar> {
child: TextFormField( child: TextFormField(
onChanged: widget.onQueryChanged, onChanged: widget.onQueryChanged,
controller: _textController, controller: _textController,
cursorColor: Theme.of(context).textTheme.headline5!.color,
decoration: InputDecoration( decoration: InputDecoration(
fillColor: widget.fillColor,
filled: true, filled: true,
fillColor: Theme.of(context).colorScheme.secondaryContainer,
contentPadding: const EdgeInsets.all(12.0), contentPadding: const EdgeInsets.all(12.0),
hintText: widget.hintText, hintText: widget.hintText,
hintStyle: GoogleFonts.poppins(
color: widget.hintTextColor,
fontWeight: FontWeight.w400,
),
prefixIcon: Icon( prefixIcon: Icon(
Icons.search, Icons.search,
size: 24.0,
color: Theme.of(context).iconTheme.color, color: Theme.of(context).iconTheme.color,
), ),
suffixIcon: _textController.text.isNotEmpty suffixIcon: _textController.text.isNotEmpty
? IconButton( ? IconButton(
icon: const Icon(Icons.clear), icon: const Icon(Icons.clear),
iconSize: 24.0,
onPressed: () { onPressed: () {
_textController.clear(); _textController.clear();
widget.onQueryChanged(''); widget.onQueryChanged('');
@ -78,7 +58,6 @@ class _SearchBarState extends State<SearchBar> {
icon: _toggleSelectAll icon: _toggleSelectAll
? const Icon(Icons.deselect) ? const Icon(Icons.deselect)
: const Icon(Icons.select_all), : const Icon(Icons.select_all),
iconSize: 24.0,
onPressed: widget.onSelectAll != null onPressed: widget.onSelectAll != null
? () { ? () {
setState(() { setState(() {
@ -94,11 +73,6 @@ class _SearchBarState extends State<SearchBar> {
borderSide: BorderSide.none, borderSide: BorderSide.none,
), ),
), ),
style: GoogleFonts.poppins(
color: Theme.of(context).textTheme.headline5!.color,
fontWeight: FontWeight.w400,
fontSize: 16,
),
), ),
), ),
], ],

View File

@ -18,8 +18,11 @@ dependencies:
url: https://github.com/ponces/flutter_plugin_device_apps url: https://github.com/ponces/flutter_plugin_device_apps
ref: appinfo-from-storage ref: appinfo-from-storage
device_info_plus: ^4.1.2 device_info_plus: ^4.1.2
dynamic_color: ^1.5.4
dynamic_themes: ^1.1.0
expandable: ^5.0.1 expandable: ^5.0.1
file_picker: ^5.0.1 file_picker: ^5.0.1
flex_color_scheme: ^6.0.0
flutter: flutter:
sdk: flutter sdk: flutter
flutter_background: ^1.1.0 flutter_background: ^1.1.0