app_theme
A brick to bootstrap your apps UI by packaging colors, typography, breakpoints, theme, icons and useful extensions.
Features
Default theme, colors, sizing, widgets etc. to kickstart your app. One of the main benefits is increased speed. But also modularization due to packaging all the presentation code.
Getting Started š
- Install mason
dart pub global activate mason_cli
- Initialize mason in target folder
mason init
- Add package
mason add app_theme
to mason - Generate the package
mason make app_theme
Variables
variable | description | default | type |
---|---|---|---|
package_name | name of the package | app_theme | string |
short_name | short name of the package | app | string |
createPlayground | A place to tweak your theme and see how it affects other material widgets. | false | boolean |
File Structure
āāā app_theme
āāā analysis_options.yaml
āāā assets
āāā lib
ā āāā app_theme.dart
ā āāā ui
ā āāā assets.dart
ā āāā colors.dart
ā āāā device.dart
ā āāā theme.dart
ā āāā typography.dart
ā āāā widgets
ā āāā screen_builder.dart
ā āāā widgets.dart
āāā pubspec.yaml
āāā README.md
Optional playground
Here you can quickly see the changes in colors, buttons, borders, shapes etc. that some properties of the theme have on the material widgets.
Special thanks to rydmike for the playground code
Playground Structure
āāā app_playground
ā āāā lib
ā ā āāā main.dart
ā āāā linux
ā āāā macos
ā āāā pubspec.lock
ā āāā pubspec.yaml
ā āāā README.md
ā āāā windows