Releases: rydmike/flex_color_scheme
Version 1.4.0
[1.4.0] - January 18, 2021
- Added convenience property
scheme
to FlexColorScheme factories light and dark. This a shortcut for using the built-in color schemes. Thecolors
property can still be used as before. The.light
and.dark
factories no longer have any required properties. Ifscheme
is not provided it defaults toFlexScheme.material
and if bothscheme
andcolors
are provided, the scheme provided viacolors
prevail. - Updated the simple example 1 to use the new
scheme
property, as intheme: FlexColorScheme.light(scheme: FlexScheme.mandyRed).toTheme
. - Added experimental support for transparent system navigation bar for Android for SDK >= 30 (Android 11).
The support is added via newopacity
property inFlexColorScheme.themedSystemNavigationBar
.
A separate example that builds on example 5, shows and explains how and when transparent system navigation bar can be used in Android. It also shows how to design it so that it looks nice when using primary color branded background color applied to the system navigation bar in Android, when transparency is not supported, and your app uses transparent system navigation bar when running on an API level that supports it. Please see this separate small stand-alone example Android project sysnavbar on GitHub for more information. - Added more tests, now 689 tests. All color values used are now also tested, any modification to them is considered a breaking change. A bit more tests would still be nice, for the ThemeModeSwitch Widget at least. Total test coverage > 98%, it will do for now.
- Documentation:
- Changed example one and the intro, to use the new simpler
scheme
property when using built-in schemes. - Added a section that lists which sub-themes, and which of their properties, are NOT null when creating a theme data object with FlexColorScheme.toTheme.
- Removed the "back to contents" link after each chapter. It was nice and worked fine on Github, but for some reason it did not on pub.dev.
- Tried finding and adding comments for the 3 missing API comments needed to reach 100% API documentation comments, not sure if it succeeded. I will see when the update is published.
- Changed example one and the intro, to use the new simpler
Version 1.3.0
[1.3.0] - January 7, 2021
- Marked
FlexSchemeSurfaceColors.themeSurface
as deprecated in favor of the correctly named
FlexSchemeSurfaceColors.surfaceStyle
version. The olderthemeSurface
will be removed when
null safe Version 2.0.0 is officially released as the main version. - Added
Diagnosticable
mixin to classesFlexSchemeOnColors
,FlexSchemeSurfaceColors
andFlexColorScheme
,
that all also received proper identity overrides andcopyWith
methods. - Improved internal null safe behavior, with fall-backs values in some classes and helper functions.
It might make migration to null-safety easier. - Added 389 tests. Coverage is 89% based on Codecov report. Will add more tests later, enough for now.
- The tests will make the migration to null-safety easier by providing some quality control checks.
- Added GitHub actions to run all the tests and automated test coverage analysis with Codecov.
- Documentation improvements and API doc fixes.
In previous version API doc analysis says
"441 out of 444 API elements (99.3 %) have documentation comments.". I have not been able to find any missing ones.
The result from this update will only be seen after it has been uploaded, but I doubt it will change much. If
somebody happens to find the missing doc comments let my know, the IDE analyser does not find them either.
Version 1.2.0
[1.2.0] - January 4, 2021
-
Added four new built-in color schemes.
- Amber blue - Amber blaze and blue color theme, based on Material amber and blue accent colors.
Use enum valueFlexScheme.amber
for easy access to it. - Vesuvius burned - Vesuvius burned orange and eden green theme.
Use enum valueFlexScheme.vesuviusBurn
for easy access to it. - Deep purple - Deep purple daisy bush theme, based on Material deepPurple and lightBlueAccent colors.
Use enum valueFlexScheme.deepPurple
for easy access to it. - Ebony clay - Ebony clay dark blue-grey and watercourse green colored theme.
Use enum valueFlexScheme.ebonyClay
for easy access to it.
- Amber blue - Amber blaze and blue color theme, based on Material amber and blue accent colors.
-
Added a style option for the tab bar. The
FlexColorScheme
created tab bar theme now defaults to a
TabBarTheme
that fits its createdAppBarTheme
, also works via the factory app bar style options. There is also
an optional style that makes the tab bar theme suitable for surface and background colors. This was the
default style before. The change to this default style is a fix to make the defaultTabBarTheme
one that
fits on app bar's instead, which is expected default behavior in Flutter and Material design.
The style is set via theFlexColorScheme
propertytabBarStyle
using enum valuesFlexTabBarStyle.forAppBar
(default) andFlexTabBarStyle.forBackground
. -
The themed
AppBar
andBottomAppBar
elevations still default to 0. However, and for convenience, the themed values
can now both be modified directly via theFlexColorScheme
propertiesappBarElevation
andbottomAppBarElevation
,
without need to change these frequently modified values with an extracopyWith
to get them re-themed as desired.
When using the recommendedFlexColorScheme.light
andFlexColorScheme.dark
factories,appBarElevation
defaults to '0', if not defined andbottomAppBarElevation
defaults toappBarElevation
, if not defined.
When using the default constructor (the factories are recommended), they both default to '0'.
Example updates
- All examples: The widget showcase now show the resulting themed tab bar on two different backgrounds, one on the
app bar color and one on background color. This can guide you in which tab bar style is right for your use case. - Example 4 and 5: The sub-page now has a demo tab bar in the app bar, and a demo bottom navigation bar.
- Example 5: Now includes a toggle that can be used to select the tab bar theme style.
- Example 5: Now includes a slider to modify the themed app bar elevation.
- Example 5: Fixed so that the Roboto font, that is always used by the examples regardless of platform, now also gets
used when you toggle to create the theme from the scheme with the ThemeData.from(colorScheme). It looked
a bit ood when it changed to platform default font on Desktop and Web versions, and FlexColorScheme.toTheme used
Roboto. This was modified so that the resulting themes use the same font and are comparable.
Version 1.1.1
[1.1.1] - December 31, 2020
- Updated example 5 to include UI that can be used to vary the computed dark themes white blend percentage level.
This was added to better demonstrate thetoDark
feature. - Added a
defaultError
fix/modifier that enables the built-in schemes to use the Material design guide's default dark
error color when using thetoDark
method to compute a dark scheme from a light scheme, that already defines a light
scheme error color. ThetoDark
method can be used without thedefaultError
scheme modifier as well, but then the
dark error color also change with the other computed dark scheme colors when using the "Compute dark theme" feature
and the level adjustment. This is not necessarily the desired behavior. The fix enables the alternative more often
desired behavior and ensures that the dark error color just uses the default value. For custom schemes that do not
specify a custom error color for their light scheme and thus default to the Material Guide's standard error color,
the fix is not needed. Example 5 demonstrates the use case ofdefaultError
as well. - Major documentation review and updates.
Version 1.1.0
[1.1.0] - December 29, 2020
- Added API to make a matching dark scheme from a light scheme.
See FlexSchemeColor.toDark. - Added a showSystemMode
property to FlexThemeModeSwitch.
It defaults to true. Set it tofalse
, to exclude the system setting based theme mode option. - Added static method FlexColorScheme.comfortablePlatformDensity.
- Added static method FlexColorScheme.themedSystemNavigationBar that can be used to assist with theming the system navigation bar via an annotated region. See updated example 5, for a demo on how to use it.
- Added API property FlexColorScheme.transparentStatusBar to allow opting out of the one-toned AppBar in Android.
- Updated the examples.
- All examples now use the new platform adaptive
FlexColorScheme.comfortablePlatformDensity
as theirvisualDensity
setting. The Flutter defaultcompact
mode for desktop and web goes a bit overboard in its compactness. This
optional setting presents an alternative wherecomfortable
density is used on desktops and Web, while devices keep
their standard visual density. Just omit the setting if you prefer Flutter's super compact Web and Desktop widgets. - Example 3 excludes the system theme mode option, just to show this new feature of the switch.
- Example 4 includes all built-in schemes, plus 3 custom ones, including one where the dark scheme is made
with thetoDark
method. Example 4 also includes a sub-page that can be opened to see the same theme on a new page. - Example 5 now includes an option make all the dark mode schemes with the
toDark
option, so it can be
toggled and compared to the hand-tuned versions. The same custom color scheme as in example 4 are also included.
Example 5 also has the same sub-page as example 4. Example 5 now also show how to solve the issue that the system
navigation bar does not get color scheme and theme mode appropriate system navigation bar style in Android as we
change the color scheme and theme mode. This is done with anAnnotatedRegion
and the new helper
methodFlexColorScheme.themedSystemNavigationBar
.
- All examples now use the new platform adaptive
- Documentation updates and typo corrections.
Version 1.0.0
[1.0.0] - December 21, 2020
- Version 1.0.0 released
- Documentation layout updates and typo corrections.
Version 1.0.0-dev.2
[1.0.0-dev.2] - December 21, 2020
- Made planned API name changes, SchemeOnColors -> FlexSchemeOnColors and
SchemeSurfaceColors -> FlexSchemeSurfaceColors. These are lower level APIs that are
only used when making custom on and surface colors.
Changed ThemeModeOptionButton -> FlexThemeModeOptionButton, this is also a lower
level API that can be used when making more advanced custom theme selection
control that are based on the same button as the FlexThemeModeSwitch uses. - Exposed planned configuration APIs for the FlexThemeModeSwitch and FlexThemeModeOptionButton.
- Removed the constants that had no function in the public interface from the API.
- Documentation updates and corrections.
- Removed legacy usage of deprecated ThemeData properties textSelectionColor, cursorColor
and textSelectionHandleColor. They are no longer needed even for stable channel, they were
useful earlier but not anymore, using only TextSelectionThemeData is
enough in the latest stable version.
Version 1.0.0-dev.1
[1.0.0-dev.1] - December 17, 2020
- First development pre-release on pub.dev.