flutter_hypertext/example/lib/settings.dart at main · fingerart/flutter_hypertext · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
import 'package:flutter/material.dart';
import 'package:flutter_hypertext/hypertext.dart';
import 'package:flutter_hypertext_example/theme_extension.dart';

final settings = Settings();

class Settings with ChangeNotifier {
  Locale? _locale;

  Locale? get local => _locale;

  ThemeMode _themeMode = ThemeMode.system;

  ThemeMode get themeMode => _themeMode;

  late final ThemeData lightTheme;
  late final ThemeData darkTheme;

  Settings() {
    const lightColorExt = AppColorsExtension(
      appRed: Color(0xFFFF3B30),
      appOrange: Color(0xFFFF9500),
      appYellow: Color(0xFFFFCC00),
      appGreen: Color(0xFF34C759),
      appBlue: Color(0xFF007AFF),
      labelPrimary: Color(0xFF000000),
      labelSecondary: Color(0x993C3C43),
      labelTertiary: Color(0x4C3C3C43),
    );
    const darkColorExt = AppColorsExtension(
      appRed: Color(0xFFFF453A),
      appOrange: Color(0xFFFF9F0A),
      appYellow: Color(0xFFFFD60A),
      appGreen: Color(0xFF30D158),
      appBlue: Color(0xFF0A84FF),
      labelPrimary: Color(0xFFFFFFFF),
      labelSecondary: Color(0x99EBEBF5),
      labelTertiary: Color(0x4CEBEBF5),
    );
    final lightStyleExt = AppTextStylesExtension(
      hyperlink: TextStyle(
        fontSize: 12,
        color: lightColorExt.labelSecondary,
        decoration: TextDecoration.underline,
      ),
    );
    final darkStyleExt = AppTextStylesExtension(
      hyperlink: TextStyle(
        fontSize: 12,
        color: darkColorExt.labelSecondary,
        decoration: TextDecoration.none, // none for dark themes
      ),
    );
    final lightHypertextThemeExt = HypertextThemeExtension(
      colorMapper: lightColorExt.toColorMapper(),
      styleMapper: lightStyleExt.toStyleMapper(),
      markups: kDefaultMarkups,
    );
    final darkHypertextThemeExt = HypertextThemeExtension(
      colorMapper: darkColorExt.toColorMapper(),
      styleMapper: darkStyleExt.toStyleMapper(),
      markups: kDefaultMarkups,
    );

    lightTheme = ThemeData.from(
      colorScheme: ColorScheme.light(primary: lightColorExt.appBlue),
      // colorScheme: lightColorExt.toColorScheme(Brightness.light),
      // textTheme: lightStyleExt.toTextTheme(),
    ).copyWith(
      extensions: [lightColorExt, lightStyleExt, lightHypertextThemeExt],
    );
    darkTheme = ThemeData.from(
      colorScheme: ColorScheme.dark(primary: darkColorExt.appBlue),
      // colorScheme: lightColorExt.toColorScheme(Brightness.dark),
      // textTheme: darkStyleExt.toTextTheme(),
    ).copyWith(extensions: [darkColorExt, darkStyleExt, darkHypertextThemeExt]);
  }

  void toggleChinese() {
    final l = const Locale('zh');
    if (_locale == l) return;

    _locale = l;
    notifyListeners();
  }

  void toggleEnglish() {
    final l = const Locale('en');
    if (_locale == l) return;

    _locale = l;
    notifyListeners();
  }

  void toggleTheme(ThemeMode mode) {
    if (_themeMode == mode) return;

    _themeMode = mode;
    notifyListeners();
  }
}