Migrate to Material Design 3 (Material You)

Author: tsinis

README.md

@@ -11,7 +11,7 @@
 
 Or download signed binaries for **all mainstream platforms** in the [Releases](https://github.com/tsinis/colors_ai/releases) section of this repository.
 
-# Colors AI 🤖
+# Colors AI 🎨🤖
 
 ## Table of content
 
@@ -20,7 +20,6 @@ Or download signed binaries for **all mainstream platforms** in the [Releases](h
   * [Architecture](#Architecture)
   * [Directory Structure](#Directory-Structure)
   * [Tests](#Tests)
-  * [Packages](#Packages)
 * [Accessibility](#Accessibility)
 * [How to run it](#How-to-run-it)
 * [UI/UX Design](#UI/UX-Design)
@@ -49,21 +48,22 @@ Application is **partially covered with Unit, Widget, and Integration tests**. M
 
 ## Accessibility
 
-The app was originally designed to be accessible by **WCAG 2.1 AA standards at minimum, and AAA in particular**, although it was not intended to be used by the blind or by people with severe visual disabilities. All **texts have a contrast ratio at least of 4.5, images 3.0, touch target sizes of at least 48dp**. The application was audited physically on a first-generation iPhone SE (smallest iPhone at this moment) with maximum font size, thickness, contrast, and component magnification. The **audit was also performed on the macOS** version of the app, using the same Accessibility Inspector as on the iOS. The **report from the official Accessibility Scanner for Android** (with a tested device with screen size 640x320px and maximum UI and font scale) can be found at [resources/accessibility](./resources/accessibility/) folder. As you may see it will only complain about the small tap size of text links in the *About* app section and overall screen semantics (which is a [framework bug](https://github.com/flutter/flutter/issues/39531)). Also, the application is **translated into 4 languages and have a haptic feedback (vibration) on mobile devices**. The UI was also built to be **controllable via keyboard/input device/remote control/gamepad**, [here you will find a remote control showcase video](https://drive.google.com/file/d/15Ppuk3ELnP6MhUP6smwmrOS-LdbF0ji0/view?usp=sharing).
+The app was originally designed to be accessible by **WCAG 2.1 AA standards at minimum, and AAA in particular**, although it was not intended to be used by the blind or by people with severe visual disabilities. All **texts have a contrast ratio at least of 4.5, images 3.0, touch target sizes of at least 48dp**. The application was audited physically on a first-generation iPhone SE (smallest iPhone at this moment) with maximum font size, thickness, contrast, and component magnification. The **audit was also performed on the macOS** version of the app, using the same Accessibility Inspector as on the iOS. The **report from the official Accessibility Scanner for Android** (with a tested device with screen size 640x320px and maximum UI and font scale) can be found at [resources/accessibility](./resources/accessibility/) folder. As you may see it will only complain about the small tap size of text links in the *About* app section and overall screen semantics (which is a [framework bug](https://github.com/flutter/flutter/issues/39531)). Also, the application is **translated into 4 languages, have a haptic feedback (vibration) on mobile devices and sound feedback on all platforms** (expect PCs at this moment of time). The UI was also built to be **controllable via keyboard/input device/remote control/gamepad**, [here you will find a remote control showcase video](https://drive.google.com/file/d/15Ppuk3ELnP6MhUP6smwmrOS-LdbF0ji0/view?usp=sharing).
 However, in the future, I'm planning to improve the control via the input device.
 
 ## How to run it
 
 Flutter version **2.6.0-12.0.pre.94** or higher is assumed to be installed. Please run this command from the project's folder, in your terminal:
 
 ```bash
+flutter pub get
 flutter gen-l10n
 flutter run
 ```
 
 ## UI/UX Design
 
-All animations here are made with pure Flutter. The application's UI is designed with "gesture-first" UX on mobile platforms and strictly following [Material Design Guidelines](https://material.io/design). Neutral grey color UI is used here to not disrupt user's color perception with highly contrasting light or dark themes.
+All animations here are made with pure Flutter. The application's UI is designed with "gesture-first" UX on mobile platforms and strictly following [Material Design 3 (Material You) Guidelines](https://m3.material.io). Neutral grey color UI is used here to not disrupt user's color perception with highly contrasting light or dark themes.
 
 ## To-Do Section
 
@@ -75,7 +75,6 @@ All animations here are made with pure Flutter. The application's UI is designed
 * [x] L10N.
 * [ ] Add more keyboard shortcuts.
 * [ ] Add Feedback.
-* [ ] Map BLoC events to state via Freezed.
 * [ ] Provide support for Favorites backup (online?).
 
 ## Licenses

analysis_options.yaml

@@ -57,6 +57,13 @@ dart_code_metrics:
   metrics-exclude:
     - test/**
   rules:
+    - avoid-nested-conditional-expressions:
+      acceptable-level: 2
+    - prefer-correct-type-name
+    - prefer-last
+    - refer-correct-identifier-length
+    - prefer-first
+    - prefer-const-border-radius
     - avoid-unused-parameters
     - binary-expression-operand-order
     - double-literal-format

ios/Podfile.lock

@@ -67,4 +67,4 @@ SPEC CHECKSUMS:
 
 PODFILE CHECKSUM: aafe91acc616949ddb318b77800a7f51bffa2a4c
 
-COCOAPODS: 1.11.0
+COCOAPODS: 1.11.2

lib/about/ui/view/about_dialog.dart

@@ -6,6 +6,7 @@ import 'package:flutter_gen/gen_l10n/app_localizations.dart';
 import '../../../core/ui/constants.dart';
 import '../../blocs/about_dialog/about_bloc.dart';
 import '../widgets/app_icon.dart';
+import '../widgets/material3_dialog.dart';
 
 class AboutAppDialog extends StatelessWidget {
   const AboutAppDialog();
@@ -15,7 +16,7 @@ class AboutAppDialog extends StatelessWidget {
     final TextStyle? linkStyle =
         Theme.of(context).textTheme.bodyText2?.copyWith(color: Theme.of(context).indicatorColor);
 
-    return AboutDialog(
+    return AboutDialogM3(
       applicationName: appName,
       applicationVersion: BlocProvider.of<AboutBloc>(context).state.appVersion,
       applicationLegalese: '2021 © Roman Cinis',

lib/about/ui/widgets/app_icon.dart

@@ -15,7 +15,7 @@ class AppIcon extends StatelessWidget {
             child: Material(
               elevation: 4,
               clipBehavior: Clip.antiAlias,
-              borderRadius: BorderRadius.circular(16),
+              borderRadius: const BorderRadius.all(Radius.circular(16)),
               child: ColoredBox(
                 color: const Color(0xff424242),
                 child: Transform.translate(

lib/about/ui/widgets/material3_dialog.dart

@@ -0,0 +1,69 @@
+import 'package:flutter/material.dart';
+
+import '../../../core/extensions/string.dart';
+
+class AboutDialogM3 extends StatelessWidget {
+  const AboutDialogM3({
+    required this.applicationName,
+    required this.applicationVersion,
+    required this.applicationIcon,
+    this.applicationLegalese,
+    this.children,
+    Key? key,
+  }) : super(key: key);
+
+  static const double _textVerticalSeparation = 18;
+
+  final String applicationName;
+  final String applicationVersion;
+  final Widget applicationIcon;
+  final String? applicationLegalese;
+  final List<Widget>? children;
+
+  @override
+  Widget build(BuildContext context) => AlertDialog(
+        actionsPadding: const EdgeInsets.only(bottom: 8, right: 8),
+        shape: const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(28))),
+        content: ListBody(
+          children: <Widget>[
+            Row(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: <Widget>[
+                IconTheme(data: Theme.of(context).iconTheme, child: applicationIcon),
+                Expanded(
+                  child: Padding(
+                    padding: const EdgeInsets.symmetric(horizontal: 24),
+                    child: ListBody(
+                      children: <Widget>[
+                        Text(applicationName, style: Theme.of(context).textTheme.headline5),
+                        Text(applicationVersion, style: Theme.of(context).textTheme.bodyText2),
+                        const SizedBox(height: _textVerticalSeparation),
+                        Text(applicationLegalese ?? '', style: Theme.of(context).textTheme.caption),
+                      ],
+                    ),
+                  ),
+                ),
+              ],
+            ),
+            ...?children,
+          ],
+        ),
+        actions: <Widget>[
+          TextButton(
+            child: Text(MaterialLocalizations.of(context).viewLicensesButtonLabel.toBeginningOfSentenceCase()),
+            onPressed: () => showLicensePage(
+              context: context,
+              applicationName: applicationName,
+              applicationVersion: applicationVersion,
+              applicationIcon: applicationIcon,
+              applicationLegalese: applicationLegalese,
+            ),
+          ),
+          TextButton(
+            child: Text(MaterialLocalizations.of(context).closeButtonLabel.toBeginningOfSentenceCase()),
+            onPressed: () => Navigator.pop(context),
+          ),
+        ],
+        scrollable: true,
+      );
+}

lib/app/theme/theme.dart

@@ -12,6 +12,11 @@ class AppTheme {
     return isDarkTheme ? _darkTheme : _lightTheme;
   }
 
+  static const _visualDensity = VisualDensity.standard;
+  static const _material3FabSize = BoxConstraints.tightForFinite(height: 56);
+  static const _material3FabBorder = RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(16)));
+  static const _material3ButtonShape = RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(20)));
+
   final ThemeData _lightTheme = ThemeData(
     primarySwatch: Colors.grey,
     primaryColor: Colors.grey[400],
@@ -26,20 +31,33 @@ class AppTheme {
     dialogTheme: DialogTheme(backgroundColor: Colors.grey[100]),
     radioTheme: RadioThemeData(fillColor: MaterialStateProperty.all<Color>(Colors.black)),
     textButtonTheme: TextButtonThemeData(style: TextButton.styleFrom(primary: Colors.grey[850])),
-    elevatedButtonTheme: ElevatedButtonThemeData(style: ElevatedButton.styleFrom(primary: Colors.grey[200])),
+    elevatedButtonTheme: ElevatedButtonThemeData(
+      style: ElevatedButton.styleFrom(
+        primary: Colors.grey[200],
+        shape: _material3ButtonShape,
+        visualDensity: _visualDensity,
+      ),
+    ),
     appBarTheme: AppBarTheme(
+      elevation: 2,
+      shadowColor: Colors.black45,
       iconTheme: const IconThemeData(color: _grey800),
       backgroundColor: Colors.grey[400],
     ),
     floatingActionButtonTheme: FloatingActionButtonThemeData(
+      extendedPadding: const EdgeInsets.symmetric(horizontal: 16),
+      extendedSizeConstraints: _material3FabSize,
+      shape: _material3FabBorder,
       backgroundColor: Colors.grey[100],
       foregroundColor: Colors.grey[850],
       focusElevation: 10,
     ),
     outlinedButtonTheme: OutlinedButtonThemeData(
       style: OutlinedButton.styleFrom(
         primary: Colors.grey[850],
+        visualDensity: _visualDensity,
         backgroundColor: Colors.transparent,
+        shape: _material3ButtonShape,
         side: const BorderSide(color: _grey800),
       ),
     ),
@@ -64,10 +82,20 @@ class AppTheme {
     indicatorColor: Colors.teal[200],
     disabledColor: Colors.grey[600],
     primaryIconTheme: IconThemeData(color: Colors.grey[350]),
-    radioTheme: RadioThemeData(fillColor: MaterialStateProperty.all<Color>(Colors.grey[400]!)),
+    appBarTheme: const AppBarTheme(shadowColor: Colors.black54, elevation: 2),
+    radioTheme: RadioThemeData(fillColor: MaterialStateProperty.all<Color?>(Colors.grey[400])),
     textButtonTheme: TextButtonThemeData(style: TextButton.styleFrom(primary: Colors.grey[350])),
-    elevatedButtonTheme: ElevatedButtonThemeData(style: ElevatedButton.styleFrom(primary: Colors.grey[350])),
+    elevatedButtonTheme: ElevatedButtonThemeData(
+      style: ElevatedButton.styleFrom(
+        shape: _material3ButtonShape,
+        primary: Colors.grey[350],
+        visualDensity: _visualDensity,
+      ),
+    ),
     floatingActionButtonTheme: FloatingActionButtonThemeData(
+      extendedPadding: const EdgeInsets.symmetric(horizontal: 16),
+      extendedSizeConstraints: _material3FabSize,
+      shape: _material3FabBorder,
       backgroundColor: Colors.grey[600],
       foregroundColor: Colors.white,
       disabledElevation: 0,
@@ -81,8 +109,10 @@ class AppTheme {
     ),
     outlinedButtonTheme: OutlinedButtonThemeData(
       style: OutlinedButton.styleFrom(
+        visualDensity: _visualDensity,
         primary: Colors.grey[300],
         backgroundColor: Colors.transparent,
+        shape: _material3ButtonShape,
         side: BorderSide(color: Colors.grey[400]!),
       ),
     ),

lib/color_generator/ui/view/gen_colors_tab.dart

@@ -35,7 +35,7 @@ class ColorsGenerator extends StatelessWidget {
                   padding: const EdgeInsets.only(top: 20),
                   child: Text.rich(
                     TextSpan(
-                      text: AppLocalizations.of(context).noConnectionTitle.toUpperCase(),
+                      text: AppLocalizations.of(context).noConnectionTitle,
                       style: const TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
                       children: <TextSpan>[
                         TextSpan(
@@ -55,7 +55,7 @@ class ColorsGenerator extends StatelessWidget {
                   padding: const EdgeInsets.only(top: 56, bottom: 24),
                   child: ElevatedButton.icon(
                     icon: const Icon(Icons.refresh_outlined, size: 20),
-                    label: Text(AppLocalizations.of(context).returnButtonLabel.toUpperCase()),
+                    label: Text(AppLocalizations.of(context).returnButtonLabel),
                     onPressed: () => BlocProvider.of<ColorsBloc>(context).add(const ColorsStarted()),
                   ),
                 ),

lib/color_generator/ui/widgets/animated/animated_list_tile.dart

@@ -6,12 +6,14 @@ class AnimatedListItem extends StatefulWidget {
     required this.child,
     required this.length,
     required this.size,
-    required Key key,
+    this.hoverIndex,
+    Key? key,
   }) : super(key: key);
 
   final Widget child;
   final int index;
   final int length;
+  final int? hoverIndex;
   final BoxConstraints size;
 
   @override
@@ -20,6 +22,7 @@ class AnimatedListItem extends StatefulWidget {
 
 class _AnimatedListItemState extends State<AnimatedListItem> {
   static const Duration duration = Duration(milliseconds: 300);
+  static const double hoverPadding = 48;
   bool isAnimationDone = false;
 
   @override
@@ -36,18 +39,28 @@ class _AnimatedListItemState extends State<AnimatedListItem> {
   double get tileHeight => widget.size.maxHeight / widget.length;
   double get tileWeight => widget.size.maxWidth / widget.length;
 
+  double get additionaHoverPadding {
+    if (widget.hoverIndex == null) {
+      return 0;
+    } else if (widget.index == widget.hoverIndex) {
+      return hoverPadding;
+    }
+
+    return -(hoverPadding / widget.length);
+  }
+
   @override
   Widget build(BuildContext context) => AnimatedContainer(
-        curve: Curves.decelerate,
+        curve: Curves.easeInOutCubicEmphasized,
         height: isPortrait
             ? isAnimationDone
-                ? tileHeight
+                ? tileHeight + additionaHoverPadding
                 : (widget.index + 1) * tileHeight * widget.length
             : widget.size.maxHeight,
         width: isPortrait
             ? widget.size.maxWidth
             : isAnimationDone
-                ? tileWeight
+                ? tileWeight + additionaHoverPadding
                 : (widget.index + 1) * tileWeight * widget.length,
         duration: duration,
         child: AnimatedOpacity(

lib/color_generator/ui/widgets/lists/colors_list.dart

@@ -1,18 +1,19 @@
 import 'dart:async';
-import 'dart:io';
 
 import 'package:async/async.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/gestures.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
+import 'package:platform_info/platform_info.dart';
 
 import '../../../../color_picker/ui/view/colorpicker.dart';
 import '../../../../core/extensions/color.dart';
 import '../../../../core/models/color_palette/color_palette.dart';
 import '../../../../core/ui/widgets/lists/default_grey_colors_list.dart';
 import '../../../../favorites/blocs/add_favorites/fab_bloc.dart';
+import '../../../../oboarding/blocs/onboarding/onboarding_bloc.dart';
 import '../../../../oboarding/ui/view/onboarding_overlay.dart';
 import '../../../../settings/blocs/settings_hydrated_bloc.dart';
 import '../../../../sound/blocs/sounds_vibration/sound_bloc.dart';
@@ -37,6 +38,8 @@ class _ColorsListState extends State<ColorsList> with SingleTickerProviderStateM
   late final Animation<double> animation;
   late final Animation<double> reverseAnimation;
 
+  int? hoverIndex;
+
   List<Color> get palette => widget.palette.colors;
 
   void cancelOperation() => cancelableOperation.cancel();
@@ -79,13 +82,15 @@ class _ColorsListState extends State<ColorsList> with SingleTickerProviderStateM
 
   bool get isPortrait => MediaQuery.of(context).orientation == Orientation.portrait;
 
+  void changeHoverIndex([int? index]) => setState(() => hoverIndex = index);
+
   @override
   Widget build(BuildContext context) => LayoutBuilder(
         builder: (_, size) {
           final int length = palette.length;
           final double tileHeight = size.maxHeight / length;
           final Size third =
-              isPortrait ? Size(size.maxWidth / 3, tileHeight) : Size(size.maxWidth / length, size.maxHeight / 3);
+              isPortrait ? Size.fromWidth(size.maxWidth / 3) : Size(size.maxWidth / length, size.maxHeight / 3);
 
           return BlocListener<ColorsBloc, ColorsState>(
             listener: (_, colorsState) {
@@ -95,7 +100,7 @@ class _ColorsListState extends State<ColorsList> with SingleTickerProviderStateM
             },
             child: Stack(
               children: [
-                if (!kIsWeb && Platform.isIOS)
+                if (!kIsWeb && platform.isIOS)
                   FadeTransition(
                     opacity: animation,
                     child: Align(
@@ -131,62 +136,74 @@ class _ColorsListState extends State<ColorsList> with SingleTickerProviderStateM
                     },
                     child: FadeTransition(
                       opacity: animation,
-                      child: ReorderableListView(
-                        scrollDirection: isPortrait ? Axis.vertical : Axis.horizontal,
-                        buildDefaultDragHandles: false,
-                        dragStartBehavior: DragStartBehavior.down,
-                        physics: const AlwaysScrollableScrollPhysics(),
-                        onReorder: (int oldIndex, int newIndex) => BlocProvider.of<ColorsBloc>(context)
-                            .add(ColorsReordered(oldIndex: oldIndex, newIndex: newIndex)),
-                        children: List.generate(
-                          length,
-                          (int index) {
-                            final Color color = palette.elementAt(index);
-                            final Color contrastColor = color.contrastColor();
-
-                            return AnimatedListItem(
-                              index: index,
-                              size: size,
-                              key: ValueKey<int>(index),
-                              length: length,
-                              child: ReorderableDragListener(
-                                index: index,
-                                onDragStarted: setOperation,
-                                onDragEnded: cancelOperation,
-                                child: InkWell(
-                                  onDoubleTap: () {
-                                    BlocProvider.of<SoundBloc>(context).add(const SoundLocked());
-                                    BlocProvider.of<LockedBloc>(context).add(LockChanged(index));
-                                  },
-                                  child: Container(
-                                    width: size.maxWidth,
-                                    height: tileHeight,
-                                    color: color,
-                                    child: Stack(
-                                      alignment: Alignment.centerLeft,
-                                      children: [
-                                        Colorpicker(
-                                          index,
-                                          color: color,
-                                          isPortrait: isPortrait,
-                                          textColor: contrastColor,
-                                          buttonSize: isPortrait
-                                              ? third
-                                              : Size(
-                                                  size.maxWidth / length,
-                                                  size.maxHeight,
-                                                ),
+                      child: BlocBuilder<OnboardingBloc, OnboardingState>(
+                        builder: (_, onboardingState) {
+                          final isHoveringAvailable = onboardingState is OnboardingDoneSuccess && !platform.isMobile;
+
+                          return ReorderableListView.builder(
+                            itemCount: length,
+                            scrollDirection: isPortrait ? Axis.vertical : Axis.horizontal,
+                            buildDefaultDragHandles: false,
+                            dragStartBehavior: DragStartBehavior.down,
+                            physics: const AlwaysScrollableScrollPhysics(),
+                            onReorder: (int oldIndex, int newIndex) => BlocProvider.of<ColorsBloc>(context)
+                                .add(ColorsReordered(oldIndex: oldIndex, newIndex: newIndex)),
+                            itemBuilder: (_, int index) {
+                              final Color color = palette.elementAt(index);
+                              final Color contrastColor = color.contrastColor();
+
+                              return MouseRegion(
+                                key: ValueKey<int>(index),
+                                onHover: (_) => changeHoverIndex(index),
+                                onExit: (_) => changeHoverIndex(),
+                                child: AnimatedListItem(
+                                  index: index,
+                                  size: size,
+                                  length: length,
+                                  hoverIndex: isHoveringAvailable ? hoverIndex : null,
+                                  child: ReorderableDragListener(
+                                    index: index,
+                                    onDragStarted: setOperation,
+                                    onDragEnded: cancelOperation,
+                                    child: InkWell(
+                                      onDoubleTap: () {
+                                        BlocProvider.of<SoundBloc>(context).add(const SoundLocked());
+                                        BlocProvider.of<LockedBloc>(context).add(LockChanged(index));
+                                      },
+                                      child: DecoratedBox(
+                                        decoration: BoxDecoration(
+                                          boxShadow: [
+                                            BoxShadow(
+                                              color: color,
+                                              blurStyle: BlurStyle.solid,
+                                              spreadRadius: 1,
+                                              offset: const Offset(0, -1),
+                                            ),
+                                          ],
+                                        ),
+                                        child: Stack(
+                                          alignment: Alignment.centerLeft,
+                                          children: [
+                                            Colorpicker(
+                                              index,
+                                              color: color,
+                                              isPortrait: isPortrait,
+                                              textColor: contrastColor,
+                                              buttonSize: isPortrait ? third : Size.fromHeight(size.maxHeight),
+                                            ),
+                                            Center(
+                                              child: LockColorButton(index, color: contrastColor, buttonSize: third),
+                                            ),
+                                          ],
                                         ),
-                                        Center(child: LockColorButton(index, color: contrastColor, buttonSize: third)),
-                                      ],
+                                      ),
                                     ),
                                   ),
                                 ),
-                              ),
-                            );
-                          },
-                          growable: false,
-                        ),
+                              );
+                            },
+                          );
+                        },
                       ),
                     ),
                   ),

lib/color_picker/ui/widgets/colorpicker_dialog.dart

@@ -78,6 +78,7 @@ class _ColorpickerDialogState extends State<ColorpickerDialog> {
 
   @override
   Widget build(BuildContext context) => SimpleDialog(
+        // shape: const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(28))),
         contentPadding: EdgeInsets.zero,
         children: [
           if (hidePickerArea) const SizedBox(height: 12),
@@ -102,6 +103,7 @@ class _ColorpickerDialogState extends State<ColorpickerDialog> {
               enableSuggestions: false,
               enableIMEPersonalizedLearning: false,
               onTap: setColorFromHex,
+              onFieldSubmitted: (_) => Navigator.of(context).pop(),
               textAlignVertical: TextAlignVertical.center,
               scrollPadding: const EdgeInsets.only(bottom: 20),
               inputFormatters: [HexFormatter()],

lib/core/extensions/string.dart

@@ -0,0 +1,3 @@
+extension StringExtension on String {
+  String toBeginningOfSentenceCase() => '${this[0].toUpperCase()}${substring(1).toLowerCase()}';
+}

lib/core/ui/view/scaffold.dart

@@ -152,7 +152,7 @@ class _NavigationScreenState extends State<MainScreen> {
                                 action: isUrlCopied
                                     ? SnackBarAction(
                                         textColor: Theme.of(context).scaffoldBackgroundColor,
-                                        label: AppLocalizations.of(context).urlOpenButtonLabel.toUpperCase(),
+                                        label: AppLocalizations.of(context).urlOpenButtonLabel,
                                         onPressed: () => BlocProvider.of<SnackbarBloc>(context).add(
                                           const UrlOpenedSuccess(),
                                         ),
@@ -167,7 +167,6 @@ class _NavigationScreenState extends State<MainScreen> {
                             crossAxisAlignment: CrossAxisAlignment.start,
                             children: [
                               if (!isPortrait) NavRail(navState, toShowGenFab: showGenFab),
-                              if (!isPortrait) const VerticalDivider(width: 1),
                               Expanded(
                                 child: navTabs.elementAt(navState.tabIndex),
                               ),

lib/core/ui/widgets/lists/default_grey_colors_list.dart

@@ -15,8 +15,18 @@ class DefaultGreyList extends StatelessWidget {
           children: List.generate(
             length ?? defaultColors.length,
             (int i) => Flexible(
-              child: Container(
-                color: defaultColors[i],
+              child: DecoratedBox(
+                decoration: BoxDecoration(
+                  color: defaultColors[i],
+                  boxShadow: [
+                    BoxShadow(
+                      color: defaultColors[i],
+                      blurStyle: BlurStyle.solid,
+                      spreadRadius: 1,
+                      offset: const Offset(0, -1),
+                    ),
+                  ],
+                ),
               ),
             ),
             growable: false,

lib/favorites/ui/view/favorites_tab.dart

@@ -37,7 +37,7 @@ class FavoritesTab extends StatelessWidget {
                         padding: const EdgeInsets.only(top: 20),
                         child: Text.rich(
                           TextSpan(
-                            text: AppLocalizations.of(context).noFavoritesTitle.toUpperCase(),
+                            text: AppLocalizations.of(context).noFavoritesTitle,
                             style: const TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
                             children: [
                               TextSpan(
@@ -53,7 +53,7 @@ class FavoritesTab extends StatelessWidget {
                         padding: const EdgeInsets.only(top: 56, bottom: 24),
                         child: ElevatedButton.icon(
                           icon: const Icon(Icons.add, size: 20),
-                          label: Text(AppLocalizations.of(context).addFavoritesButtonLabel.toUpperCase()),
+                          label: Text(AppLocalizations.of(context).addFavoritesButtonLabel),
                           onPressed: () => BlocProvider.of<FavoritesBloc>(context)
                               .add(FavoritesAdded(favorite: context.read<ColorsRepository>().toPalette())),
                         ),

lib/favorites/ui/widgets/buttons/remove_all_favorites_button.dart

@@ -5,6 +5,7 @@ import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
 import 'package:mdi/mdi.dart';
 
+import '../../../../core/extensions/string.dart';
 import '../../../blocs/list_favorites/favorites_bloc.dart';
 import '../../../blocs/remove_favorites/remove_favs_bloc.dart';
 
@@ -55,6 +56,8 @@ class _RemoveAllFavoritesButtonState extends State<RemoveAllFavoritesButton> wit
                 ),
                 // https://material.io/components/dialogs#alert-dialog
                 builder: (_) => AlertDialog(
+                  actionsPadding: const EdgeInsets.only(bottom: 8, right: 8),
+                  shape: const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(28))),
                   content: Text(
                     haveSelection
                         ? '${AppLocalizations.of(context).removeSomeTitle(state.selections.length)}?'
@@ -63,12 +66,12 @@ class _RemoveAllFavoritesButtonState extends State<RemoveAllFavoritesButton> wit
                   actions: <TextButton>[
                     TextButton(
                       onPressed: () => Navigator.pop(dialogContext, false),
-                      child: Text(MaterialLocalizations.of(context).cancelButtonLabel.toUpperCase()),
+                      child: Text(MaterialLocalizations.of(context).cancelButtonLabel.toBeginningOfSentenceCase()),
                     ),
                     TextButton(
                       onPressed: () => Navigator.pop(dialogContext, true),
                       child: Text(
-                        AppLocalizations.of(context).removeButtonLabel.toUpperCase(),
+                        AppLocalizations.of(context).removeButtonLabel,
                         style: TextStyle(color: Theme.of(context).errorColor),
                       ),
                     ),

lib/oboarding/ui/view/onboarding_overlay.dart

@@ -101,7 +101,7 @@ class OnboardingOverlay extends StatelessWidget {
                         style: ElevatedButton.styleFrom(primary: Theme.of(context).indicatorColor),
                         onPressed: () => BlocProvider.of<OnboardingBloc>(context).add(const OnboardingFinished()),
                         child: Text(
-                          AppLocalizations.of(context).onboardingDoneButtonLabel.toUpperCase(),
+                          AppLocalizations.of(context).onboardingDoneButtonLabel,
                           key: TestKeys.onboardingFinish,
                           style: const TextStyle(color: Colors.white),
                         ),

lib/settings/ui/view/settings_dialog.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
 
+import '../../../core/extensions/string.dart';
 import '../../blocs/settings_hydrated_bloc.dart';
 
 class SettingsDialog extends StatelessWidget {
@@ -10,6 +11,8 @@ class SettingsDialog extends StatelessWidget {
   @override
   Widget build(BuildContext context) => BlocBuilder<SettingsBloc, SettingsState>(
         builder: (_, state) => AlertDialog(
+          actionsPadding: const EdgeInsets.only(bottom: 8, right: 8),
+          shape: const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(28))),
           scrollable: true,
           contentPadding: const EdgeInsets.only(bottom: 16, top: 16),
           title: Text(AppLocalizations.of(context).settings),
@@ -35,6 +38,7 @@ class SettingsDialog extends StatelessWidget {
                   }
                 },
               ),
+              const SizedBox(height: 8),
               const Divider(height: 1),
               Padding(
                 padding: const EdgeInsets.only(left: 16, bottom: 8, top: 12),
@@ -76,12 +80,12 @@ class SettingsDialog extends StatelessWidget {
                 BlocProvider.of<SettingsBloc>(context).add(const SettingsRegularColorsSelected());
               },
               child: Text(
-                AppLocalizations.of(context).resetButtonLabel.toUpperCase(),
+                AppLocalizations.of(context).resetButtonLabel,
               ),
             ),
             TextButton(
               onPressed: () => Navigator.pop(context),
-              child: Text(MaterialLocalizations.of(context).closeButtonLabel),
+              child: Text(MaterialLocalizations.of(context).closeButtonLabel.toBeginningOfSentenceCase()),
             ),
           ],
         ),

lib/share/repository/share_repository.dart

@@ -1,7 +1,9 @@
 import 'dart:io' show File;
 import 'dart:typed_data' show Uint8List;
 
+import 'package:file_selector/file_selector.dart';
 import 'package:flutter/foundation.dart';
+import 'package:platform_info/platform_info.dart';
 import 'package:printing/printing.dart';
 import 'package:share_plus/share_plus.dart';
 
@@ -24,6 +26,7 @@ class ShareRepository with FileCreator, TextBasedFileCreator, DeviceCapabilities
     Colordot(),
     Coolors(),
     DesignAI(),
+    DopelyColors(),
     MakeTintsAndShades(),
     MuzliColors(),
     Palettable(),
@@ -139,9 +142,22 @@ class ShareRepository with FileCreator, TextBasedFileCreator, DeviceCapabilities
     return _shareFile(file);
   }
 
+  Future<void> _saveFile(File file) async {
+    final String? path = await getSavePath();
+    if (path == null) {
+      return;
+    }
+    final XFile textFile = XFile(file.path, name: _fileName);
+    await textFile.saveTo(path);
+  }
+
   Future<bool> _shareFile(File file) async {
     if (file.existsSync()) {
-      await Share.shareFiles([_filePath], subject: appName);
+      if (!kIsWeb && (platform.isWindows || platform.isLinux)) {
+        await _saveFile(file);
+      } else {
+        await Share.shareFiles([_filePath], subject: appName);
+      }
 
       return true;
     } else {

lib/share/services/url_providers/providers/dopely_colors.dart

@@ -0,0 +1,10 @@
+part of '../url_providers.dart';
+
+class DopelyColors extends ColorsUrlProvider {
+  const DopelyColors()
+      : super(
+          baseUrl: 'colors.dopely.top/color-wheel/custom/',
+          formats: 'JPG, JPEG, CSS, PDF, PNG, SVG, TXT, HTML +',
+        );
+  // https://colors.dopely.top/color-wheel/custom/691b82-31cea7-c74f4f-59178e-aeb4a2
+}

lib/share/services/url_providers/url_providers.dart

@@ -10,6 +10,7 @@ part 'providers/colordesigner.dart';
 part 'providers/colordot.dart';
 part 'providers/coolors.dart';
 part 'providers/design_ai.dart';
+part 'providers/dopely_colors.dart';
 part 'providers/make_tints_and_shades.dart';
 part 'providers/muzli_colors.dart';
 part 'providers/palettable.dart';

lib/share/ui/widgets/share_sections/file_share_section.dart

@@ -6,6 +6,7 @@ import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
 
 import '../../../../common/blocs/snackbars/snackbars_bloc.dart';
+import '../../../../core/extensions/string.dart';
 import '../../../../core/models/color_palette/color_palette.dart';
 import '../../../blocs/share/share_hydrated_bloc.dart';
 import '../../../models/file_format_enum.dart';
@@ -49,7 +50,13 @@ class FileShareSection extends ShareSection {
     }
   }
 
-  bool get isNotSupportedByOS => !kIsWeb && (Platform.isWindows || Platform.isLinux);
+  String _shareOrSaveButtonLabel(BuildContext context) {
+    if (!kIsWeb && (Platform.isWindows || Platform.isLinux)) {
+      return '${MaterialLocalizations.of(context).saveButtonLabel.toBeginningOfSentenceCase()} ${file.format}';
+    } else {
+      return AppLocalizations.of(context).shareAsFormat(file.format);
+    }
+  }
 
   @override
   Widget build(BuildContext context) {
@@ -101,7 +108,7 @@ class FileShareSection extends ShareSection {
                   padding: const EdgeInsets.only(bottom: 8),
                   child: OutlinedButton.icon(
                     icon: const Icon(Icons.content_copy_outlined, size: 20),
-                    label: Text(AppLocalizations.of(context).copyAsFormat(file.format).toUpperCase()),
+                    label: Text(AppLocalizations.of(context).copyAsFormat(file.format)),
                     onPressed: cannotCopy
                         ? null
                         : () {
@@ -114,10 +121,8 @@ class FileShareSection extends ShareSection {
                   padding: const EdgeInsets.only(bottom: 8),
                   child: ElevatedButton.icon(
                     icon: const Icon(Icons.link, size: 20),
-                    label: Text(AppLocalizations.of(context).shareAsFormat(file.format).toUpperCase()),
-                    onPressed: isNotSupportedByOS
-                        ? null
-                        : () => BlocProvider.of<ShareBloc>(context).add(ShareFileShared(palette)),
+                    label: Text(_shareOrSaveButtonLabel(context)),
+                    onPressed: () => BlocProvider.of<ShareBloc>(context).add(ShareFileShared(palette)),
                   ),
                 ),
               ],

lib/share/ui/widgets/share_sections/url_share_section.dart

@@ -1,6 +1,8 @@
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
+import 'package:platform_info/platform_info.dart';
 
 import '../../../../common/blocs/snackbars/snackbars_bloc.dart';
 import '../../../../core/models/color_palette/color_palette.dart';
@@ -23,6 +25,8 @@ class UrlShareSection extends ShareSection {
   final String? exportFormats;
   final List<ColorsUrlProvider> providersList;
 
+  bool get _isNotSupportedByOS => kIsWeb || platform.isWindows || platform.isLinux;
+
   @override
   Widget build(BuildContext context) {
     final bool isPortrait = MediaQuery.of(context).orientation == Orientation.portrait;
@@ -83,7 +87,7 @@ class UrlShareSection extends ShareSection {
                   padding: const EdgeInsets.only(bottom: 8),
                   child: OutlinedButton.icon(
                     icon: const Icon(Icons.content_copy_outlined, size: 20),
-                    label: Text(AppLocalizations.of(context).copyUrlButtonLabel.toUpperCase()),
+                    label: Text(AppLocalizations.of(context).copyUrlButtonLabel),
                     onPressed: () {
                       BlocProvider.of<ShareBloc>(context).add(ShareUrlCopied(palette));
                       BlocProvider.of<SnackbarBloc>(context).add(const UrlCopiedSuccess());
@@ -94,8 +98,10 @@ class UrlShareSection extends ShareSection {
                   padding: const EdgeInsets.only(bottom: 8),
                   child: ElevatedButton.icon(
                     icon: const Icon(Icons.link, size: 20),
-                    label: Text(AppLocalizations.of(context).shareUrlButtonLabel.toUpperCase()),
-                    onPressed: () => BlocProvider.of<ShareBloc>(context).add(ShareUrlShared(palette)),
+                    label: Text(AppLocalizations.of(context).shareUrlButtonLabel),
+                    onPressed: _isNotSupportedByOS
+                        ? null
+                        : () => BlocProvider.of<ShareBloc>(context).add(ShareUrlShared(palette)),
                   ),
                 ),
               ],

linux/flutter/generated_plugin_registrant.cc

@@ -6,11 +6,15 @@
 
 #include "generated_plugin_registrant.h"
 
+#include <file_selector_linux/file_selector_plugin.h>
 #include <printing/printing_plugin.h>
 #include <url_launcher_linux/url_launcher_plugin.h>
 #include <window_size/window_size_plugin.h>
 
 void fl_register_plugins(FlPluginRegistry* registry) {
+  g_autoptr(FlPluginRegistrar) file_selector_linux_registrar =
+      fl_plugin_registry_get_registrar_for_plugin(registry, "FileSelectorPlugin");
+  file_selector_plugin_register_with_registrar(file_selector_linux_registrar);
   g_autoptr(FlPluginRegistrar) printing_registrar =
       fl_plugin_registry_get_registrar_for_plugin(registry, "PrintingPlugin");
   printing_plugin_register_with_registrar(printing_registrar);

linux/flutter/generated_plugins.cmake

@@ -3,6 +3,7 @@
 #
 
 list(APPEND FLUTTER_PLUGIN_LIST
+  file_selector_linux
   printing
   url_launcher_linux
   window_size

macos/Podfile.lock

@@ -61,4 +61,4 @@ SPEC CHECKSUMS:
 
 PODFILE CHECKSUM: 290b89638b803a41d96e2a2c02a9e1e635956f78
 
-COCOAPODS: 1.11.0
+COCOAPODS: 1.11.2

pubspec.lock

@@ -7,28 +7,28 @@ packages:
       name: _fe_analyzer_shared
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "24.0.0"
+    version: "30.0.0"
   analyzer:
     dependency: transitive
     description:
       name: analyzer
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.0"
+    version: "2.7.0"
   analyzer_plugin:
     dependency: transitive
     description:
       name: analyzer_plugin
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.7.0"
+    version: "0.8.0"
   animations:
     dependency: "direct main"
     description:
       name: animations
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.0.1"
+    version: "2.0.2"
   ansicolor:
     dependency: transitive
     description:
@@ -42,14 +42,14 @@ packages:
       name: archive
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "3.1.2"
+    version: "3.1.5"
   args:
     dependency: transitive
     description:
       name: args
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.0.0"
+    version: "2.3.0"
   async:
     dependency: transitive
     description:
@@ -63,7 +63,7 @@ packages:
       name: audio_session
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.1.6"
+    version: "0.1.6+1"
   barcode:
     dependency: transitive
     description:
@@ -119,14 +119,14 @@ packages:
       name: build_runner
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.2"
+    version: "2.1.4"
   build_runner_core:
     dependency: transitive
     description:
       name: build_runner_core
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "7.1.0"
+    version: "7.2.2"
   built_collection:
     dependency: transitive
     description:
@@ -204,6 +204,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "3.0.0"
+  cross_file:
+    dependency: transitive
+    description:
+      name: cross_file
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.3.2"
   crypto:
     dependency: transitive
     description:
@@ -224,7 +231,7 @@ packages:
       name: dart_code_metrics
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "4.3.3"
+    version: "4.6.0"
   dart_style:
     dependency: transitive
     description:
@@ -260,6 +267,41 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "6.1.2"
+  file_selector:
+    dependency: "direct main"
+    description:
+      name: file_selector
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.8.2+1"
+  file_selector_linux:
+    dependency: "direct main"
+    description:
+      name: file_selector_linux
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.0.2+1"
+  file_selector_platform_interface:
+    dependency: transitive
+    description:
+      name: file_selector_platform_interface
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.2"
+  file_selector_web:
+    dependency: transitive
+    description:
+      name: file_selector_web
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.8.1+2"
+  file_selector_windows:
+    dependency: "direct main"
+    description:
+      name: file_selector_windows
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.0.2+1"
   fixnum:
     dependency: transitive
     description:
@@ -441,21 +483,21 @@ packages:
       name: json_annotation
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "4.1.0"
+    version: "4.3.0"
   json_serializable:
     dependency: "direct dev"
     description:
       name: json_serializable
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "5.0.2"
+    version: "6.0.1"
   just_audio:
     dependency: "direct main"
     description:
       name: just_audio
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.9.12"
+    version: "0.9.14"
   just_audio_platform_interface:
     dependency: transitive
     description:
@@ -520,12 +562,12 @@ packages:
     source: hosted
     version: "5.0.15"
   msix:
-    dependency: "direct main"
+    dependency: "direct dev"
     description:
       name: msix
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.3"
+    version: "2.6.2"
   nested:
     dependency: transitive
     description:
@@ -539,14 +581,14 @@ packages:
       name: package_config
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.0.0"
+    version: "2.0.2"
   package_info_plus:
     dependency: "direct main"
     description:
       name: package_info_plus
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.0.6"
+    version: "1.3.0"
   package_info_plus_linux:
     dependency: transitive
     description:
@@ -560,7 +602,7 @@ packages:
       name: package_info_plus_macos
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.1.1"
+    version: "1.2.0"
   package_info_plus_platform_interface:
     dependency: transitive
     description:
@@ -581,7 +623,7 @@ packages:
       name: package_info_plus_windows
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.0.3"
+    version: "1.0.4"
   path:
     dependency: transitive
     description:
@@ -602,7 +644,7 @@ packages:
       name: path_provider
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.0.5"
+    version: "2.0.6"
   path_provider_linux:
     dependency: transitive
     description:
@@ -735,7 +777,7 @@ packages:
       name: share_plus
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.4"
+    version: "3.0.4"
   share_plus_linux:
     dependency: transitive
     description:
@@ -791,7 +833,7 @@ packages:
       name: simple_animations
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "4.0.0"
+    version: "4.0.1"
   sky_engine:
     dependency: transitive
     description: flutter
@@ -810,7 +852,7 @@ packages:
       name: source_helper
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.2.1"
+    version: "1.3.0"
   source_span:
     dependency: transitive
     description:
@@ -943,7 +985,7 @@ packages:
       name: vector_math
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.0"
+    version: "2.1.1"
   vibration:
     dependency: "direct main"
     description:

pubspec.yaml

@@ -6,17 +6,19 @@ maintainer: Roman Cinis
 
 publish_to: 'none'
 
-version: 1.4.0+7
+version: 1.5.0+8
 
-# Flutter's master channel at this moment
 environment:
   sdk: ">=2.15.0-149.0.dev <3.0.0"
   flutter: ">=2.6.0-12.0.pre.94 <3.0.0"
 
 dependencies:
-  animations: ^2.0.1 # From Google
+  animations: ^2.0.2 # From Google
   color_converter: ^0.2.1
   equatable: ^2.0.3 # From Flutter Community
+  file_selector: ^0.8.2+1 # From Google
+  file_selector_linux: ^0.0.2+1 # From Google
+  file_selector_windows: ^0.0.2+1 # From Google
   flutter:  # From Google
     sdk: flutter
   flutter_bloc: 7.0.0 # Flutter Favorite
@@ -27,16 +29,15 @@ dependencies:
   http: ^0.13.0-nullsafety.0 # From Google
   hydrated_bloc: 7.0.1
   intl: ^0.17.0 # From Google
-  json_annotation: ^4.0.0-nullsafety.0 # From Google
-  just_audio: ^0.9.12 # Flutter Favorite
+  json_annotation: ^4.3.0 # From Google
+  just_audio: ^0.9.14 # Flutter Favorite
   mdi: ^5.0.0-nullsafety.0
-  msix: ^2.1.3 # Recommended by Google
-  package_info_plus: ^1.0.6 # From Flutter Community (former Google)
-  path_provider: ^2.0.5 # From Google
+  package_info_plus: ^1.3.0 # From Flutter Community (former Google)
+  path_provider: ^2.0.6 # From Google
   platform_info: ^3.1.0 # Contributor
   printing: ^5.6.0
-  share_plus: ^2.1.4 # From Flutter Community (former Google)
-  simple_animations: ^4.0.0
+  share_plus: ^3.0.4 # From Flutter Community (former Google)
+  simple_animations: ^4.0.1
   url_launcher: ^6.0.0-nullsafety.7 # From Google
   vibration: ^1.7.4-nullsafety.0
   window_size: # From Google
@@ -46,16 +47,17 @@ dependencies:
       ref: 03d957e8b5c99fc83cd4a781031b154ab3de8753
 
 dev_dependencies:
-  build_runner: ^2.1.2 # From Google
-  dart_code_metrics: ^4.3.3
+  build_runner: ^2.1.4 # From Google
+  dart_code_metrics: ^4.6.0
   flutter_lints: ^1.0.4  # From Google
   flutter_test: # From Google
     sdk: flutter
   hive_generator: ^1.1.1
   integration_test: # From Google
     sdk: flutter
-  json_serializable: ^5.0.2 # From Google
+  json_serializable: ^6.0.1 # From Google
   mockito: ^5.0.0-nullsafety.5 # From Google
+  msix: ^2.6.2 # Recommended by Google
 
 flutter:
   generate: true
@@ -69,7 +71,7 @@ msix_config:
   publisher_display_name: Roman Cinis
   publisher: CN=3F745294-7EE6-4235-B7C5-8E22B9089351
   identity_name: 53621RomanCinis.ColorsAI
-  msix_version: 1.4.0.0
+  msix_version: 1.5.0.0
   icons_background_color: transparent
   vs_generated_images_folder_path: resources\windows\store_assets
   languages: en-us, sk-sk, ru-ru, cs-cz

snap/snapcraft.yaml

@@ -1,8 +1,9 @@
 name: colors-ai
-version: 1.4.0
+version: 1.5.0
 summary: Colors AI
 description: A color scheme generator that uses deep learning from Colormind.
 confinement: strict
+license: MIT
 base: core18
 grade: stable
 architectures:
@@ -11,7 +12,7 @@ architectures:
 apps:
   colors-ai:
     command: colors_ai
-    extensions: [flutter-master]
+    extensions: [flutter-beta]
     plugs:
       - network
       - home

windows/flutter/generated_plugin_registrant.cc

@@ -6,11 +6,14 @@
 
 #include "generated_plugin_registrant.h"
 
+#include <file_selector_windows/file_selector_plugin.h>
 #include <printing/printing_plugin.h>
 #include <url_launcher_windows/url_launcher_plugin.h>
 #include <window_size/window_size_plugin.h>
 
 void RegisterPlugins(flutter::PluginRegistry* registry) {
+  FileSelectorPluginRegisterWithRegistrar(
+      registry->GetRegistrarForPlugin("FileSelectorPlugin"));
   PrintingPluginRegisterWithRegistrar(
       registry->GetRegistrarForPlugin("PrintingPlugin"));
   UrlLauncherPluginRegisterWithRegistrar(

windows/flutter/generated_plugins.cmake

@@ -3,6 +3,7 @@
 #
 
 list(APPEND FLUTTER_PLUGIN_LIST
+  file_selector_windows
   printing
   url_launcher_windows
   window_size