Add initial high contrast theme

Author: Correct-Syntax

lib/common/enums.dart

@@ -14,4 +14,5 @@ enum CurrentTheme {
   light,
   dark,
   sepia,
+  highContrast,
 }

lib/common/themes.dart

@@ -89,6 +89,14 @@ abstract class SepiaThemePalette {
   static const mediumDarkGray = Color(0xFF414546);
 }
 
+abstract class HighContrastThemePalette {
+  // White
+  static const white = Color(0xFFFFFFFF);
+
+  // Black
+  static const black = Color(0xFF000000);
+}
+
 class AppColorsExtension extends ThemeExtension<AppColorsExtension> {
   AppColorsExtension({
     required this.primary,
@@ -294,6 +302,40 @@ class AppTheme {
     readerAddExtra: ReaderTextPalette.addExtraGreen,
     addCopulaPink: ReaderTextPalette.addCopulaPink,
   );
+
+  // High contrast theme
+  static final highContrast = ThemeData.dark().copyWith(
+    textSelectionTheme: const TextSelectionThemeData(
+      cursorColor: Colors.white,
+      selectionColor: Color(0xFF444748),
+      selectionHandleColor: Colors.white,
+    ),
+    extensions: [
+      _highContrastAppColors,
+    ],
+  );
+
+  static final _highContrastAppColors = AppColorsExtension(
+    primary: HighContrastThemePalette.white,
+    secondary: HighContrastThemePalette.white,
+    primaryOnDark: HighContrastThemePalette.white,
+    secondaryOnDark: HighContrastThemePalette.white,
+    primaryIcon: HighContrastThemePalette.white,
+    secondaryIcon: HighContrastThemePalette.white,
+    appbarIcon: HighContrastThemePalette.white,
+    background: HighContrastThemePalette.black,
+    appbarBackground: HighContrastThemePalette.black,
+    popupBackground: HighContrastThemePalette.black,
+    readerSelectorBackground: HighContrastThemePalette.black,
+    switchBackground: HighContrastThemePalette.white,
+    sliderAccent: HighContrastThemePalette.white,
+    divider: HighContrastThemePalette.white,
+    readerText: HighContrastThemePalette.white,
+    readerRedLetter: ReaderTextPalette.redLetterRed,
+    readerAddArticle: ReaderTextPalette.addArticleOrange,
+    readerAddExtra: ReaderTextPalette.addExtraGreen,
+    addCopulaPink: ReaderTextPalette.addCopulaPink,
+  );
 }
 
 extension AppThemeExtension on ThemeData {

lib/main.dart

@@ -27,6 +27,7 @@ class MainApp extends StatelessWidget {
         AppTheme.light,
         AppTheme.dark,
         AppTheme.sepia,
+        AppTheme.highContrast,
       ],
       builder: (context, regularTheme, darkTheme, themeMode) => MaterialApp(
         title: 'Bibleside',

lib/ui/views/reader/widgets/reader_area_popup/reader_area_popup.dart

@@ -52,7 +52,7 @@ class ReaderAreaPopup extends StackedView<ReaderAreaPopupModel> {
                               child: Container(
                                 width: 14.0,
                                 height: 7.0,
-                                color: context.theme.appColors.popupBackground,
+                                color: context.theme.appColors.primaryOnDark,
                               ),
                             ),
                           ],
@@ -149,7 +149,7 @@ class ReaderAreaPopup extends StackedView<ReaderAreaPopupModel> {
                             child: Container(
                               width: 14.0,
                               height: 7.0,
-                              color: context.theme.appColors.popupBackground,
+                              color: context.theme.appColors.primaryOnDark,
                             ),
                           ),
                         ],

lib/ui/views/settings/settings_view.dart

@@ -271,6 +271,15 @@ class SettingsView extends StackedView<SettingsViewModel> {
                             themeManger.selectThemeAtIndex(2);
                           },
                         ),
+                        const SizedBox(width: 7.0),
+                        SettingsThemeItem(
+                          isSelected: getThemeManager(context).selectedThemeIndex == 3,
+                          theme: CurrentTheme.highContrast,
+                          onTap: () {
+                            var themeManger = getThemeManager(context);
+                            themeManger.selectThemeAtIndex(3);
+                          },
+                        ),
                       ],
                     ),
                   ),

lib/ui/views/settings/widgets/settings_theme_item/settings_theme_item.dart

@@ -39,7 +39,7 @@ class SettingsThemeItem extends StackedView<SettingsThemeItemModel> {
         child: Column(
           children: [
             Text(
-              theme == CurrentTheme.light ? 'Light' : theme == CurrentTheme.sepia ? 'Sepia' : 'Dark',
+              viewModel.getThemeName(theme),
               style: TextStyle(
                 color: viewModel.getForegroundColor(theme),
                 fontSize: 15.0,

lib/ui/views/settings/widgets/settings_theme_item/settings_theme_item_model.dart

@@ -4,6 +4,21 @@ import '../../../../../common/enums.dart';
 
 
 class SettingsThemeItemModel extends BaseViewModel {
+  String getThemeName(CurrentTheme theme) {
+    switch (theme) {
+      case CurrentTheme.light:
+        return 'Light';
+      case CurrentTheme.dark:
+        return 'Dark';
+      case CurrentTheme.sepia:
+        return 'Sepia';
+      case CurrentTheme.highContrast:
+        return 'Contrast';
+      default:
+        return '';
+    }
+  }
+
   Color getForegroundColor(CurrentTheme theme) {
     switch (theme) {
       case CurrentTheme.light:
@@ -12,6 +27,8 @@ class SettingsThemeItemModel extends BaseViewModel {
         return Colors.white;
       case CurrentTheme.sepia:
         return const Color(0xFF655F49);
+      case CurrentTheme.highContrast:
+        return const Color(0xFFFFFFFF);
       default:
         return const Color(0xFF515358);
     }
@@ -25,6 +42,8 @@ class SettingsThemeItemModel extends BaseViewModel {
         return const Color(0xFF1F2123);
       case CurrentTheme.sepia:
         return const Color(0xFFC7C7AE);
+      case CurrentTheme.highContrast:
+        return const Color(0xFF000000);
       default:
         return Colors.white;
     }