Theming

Author: Calebh101

lib/addons.dart

@@ -4,12 +4,14 @@ import 'dart:async';
 
 import 'package:dictionaries/addons.dart';
 import 'package:dictionaries/main.dart';
+import 'package:dictionaries/src/theme.dart';
 import 'package:flutter/material.dart';
 import 'package:styled_logger/styled_logger.dart';
 
 export 'package:dictionaries/src/widgetframework.dart';
 export 'package:dictionaries/src/menubar.dart' show DictionariesMenuBarEntry;
 export 'package:dictionaries/src/nodes.dart' show RootNode;
+export 'package:dictionaries/src/theme.dart' show DictionariesTheme;
 
 /// This class is what you base your entire addon around.
 /// You will make a new class that inherits this class and provides the info and permissions.
@@ -154,4 +156,10 @@ class AddonLogger {
 class AddonContext {
   final String id;
   const AddonContext.fromId(this.id);
+}
+
+extension DictionariesThemeInjection on DictionariesTheme {
+  void inject(AddonContext context, String id) {
+    addTheme("${context.id}.$id", this);
+  }
 }

lib/main.dart

@@ -7,12 +7,14 @@ import 'package:dictionaries/src/addonloader.dart';
 import 'package:dictionaries/src/editor.dart';
 import 'package:dictionaries/src/main.dart';
 import 'package:dictionaries/src/nodes.dart';
+import 'package:dictionaries/src/theme.dart';
 import 'package:file_picker/file_picker.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:http/http.dart' as http;
 import 'package:localpkg_flutter/localpkg.dart';
 import 'package:path_provider/path_provider.dart';
+import 'package:shared_preferences/shared_preferences.dart';
 import 'package:styled_logger/styled_logger.dart';
 import 'package:dictionaries/files/files.dart';
 
@@ -54,19 +56,27 @@ Future<void> main() async {
 
   Logger.print("Found application directory as ${(await maindir).path}");
   await loadAddons();
+  SharedPreferences prefs = await SharedPreferences.getInstance();
+  defaultThemes();
+  applyTheme(prefs.getString("theme") ?? DictionariesTheme.defaultTheme);
   runApp(const MainApp());
 }
 
-class MainApp extends StatelessWidget {
+class MainApp extends StatefulWidget {
   const MainApp({super.key});
 
+  @override
+  State<MainApp> createState() => MainAppState();
+}
+
+class MainAppState extends State<MainApp> {
   @override
   Widget build(BuildContext context) {
     var app = MaterialApp(
       debugShowCheckedModeBanner: false,
-      theme: ThemeData.light(),
-      darkTheme: ThemeData.dark(),
-      themeMode: ThemeMode.system,
+      theme: activeTheme?.$2.lightTheme ?? ThemeData.light(),
+      darkTheme: activeTheme?.$2.darkTheme ?? ThemeData.dark(),
+      themeMode: activeTheme?.$2.lightTheme != null ? (activeTheme?.$2.darkTheme != null ? ThemeMode.system : ThemeMode.light) : (activeTheme?.$2.darkTheme != null ? ThemeMode.dark : ThemeMode.system),
       home: Home(),
       title: "Dictionaries",
     );

lib/src/theme.dart

@@ -0,0 +1,49 @@
+import 'package:collection/collection.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_highlight/themes/atom-one-light.dart';
+import 'package:flutter_highlight/themes/gruvbox-dark.dart';
+import 'package:styled_logger/styled_logger.dart';
+
+class DictionariesTheme {
+  final String name;
+  final Map<String, TextStyle> Function(Brightness brightness) codeTheme;
+  final ThemeData? lightTheme;
+  final ThemeData? darkTheme;
+
+  const DictionariesTheme(this.name, {
+    required this.codeTheme,
+    required this.lightTheme,
+    required this.darkTheme,
+  });
+
+  static const String defaultTheme = "com.calebh101.dictionaries.basic";
+  static final Map<String, TextStyle> Function(Brightness brightness) defaultCodeTheme = (brightness) => brightness == Brightness.light ? atomOneLightTheme : gruvboxDarkTheme;
+}
+
+List<(String id, DictionariesTheme)> themes = [];
+(String id, DictionariesTheme)? activeTheme;
+
+void addTheme(String id, DictionariesTheme theme) {
+  if (!themes.any((x) => x.$1 == id)) themes.add((id, theme));
+}
+
+void defaultThemes() => [
+  ("basic", DictionariesTheme(
+    "Basic Theme",
+    codeTheme: DictionariesTheme.defaultCodeTheme,
+    lightTheme: ThemeData.light(),
+    darkTheme: ThemeData.dark(),
+  )),
+].map((x) => addTheme("com.calebh101.dictionaries.${x.$1}", x.$2));
+
+void applyTheme(String target) {
+  var o = themes.firstWhereOrNull((x) => x.$1 == target);
+  activeTheme = o;
+
+  if (o == null) {
+    Logger.warn("Invalid theme: $target");
+    if (target != DictionariesTheme.defaultTheme) applyTheme(DictionariesTheme.defaultTheme);
+  } else {
+    Logger.print("Activated theme: $target");
+  }
+}