Skip to content

Commit

Permalink
✨ Light and Dark Theme
Browse files Browse the repository at this point in the history
- Added support fot light and dark theme in example app.
- Added preview for floating card animation with theme change.
  • Loading branch information
aditya-css committed Sep 8, 2023
1 parent 6d79ffe commit e64a327
Show file tree
Hide file tree
Showing 6 changed files with 249 additions and 208 deletions.
6 changes: 4 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
![alt text](https://github.com/simformsolutions/flutter_credit_card/blob/master/readme_assets/banner.png?raw=true)
![alt text](readme_assets/banner.png?raw=true)

# Flutter Credit Card

Expand All @@ -9,7 +9,9 @@ A Flutter package allows you to easily implement the Credit card's UI easily wit

## Preview

![The example app running in Android](https://github.com/simformsolutions/flutter_credit_card/blob/master/readme_assets/preview.gif)
| Glassmorphism and Card Background | Floating Card on Mobile | Floating Card on Web |
|--------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------|
| ![The example app showing credit card widget](readme_assets/preview.gif) | ![The example app showing card floating animation in mobile](readme_assets/credit_card_float_preview.gif) | ![The example app showing card floating animation in web](readme_assets/credit_card_float_cursor_preview.gif) |

## Installing

Expand Down
Binary file added example/assets/bg-white.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 2 additions & 1 deletion example/lib/app_colors.dart
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,9 @@ class AppColors {
AppColors._();

static const Color cardBgColor = Color(0xff363636);
static const Color cardBgLightColor = Color(0xff999999);
static const Color colorB58D67 = Color(0xffB58D67);
static const Color colorE5D1B2 = Color(0xffE5D1B2);
static const Color colorF9EED2 = Color(0xffF9EED2);
static const Color colorFFFFFD = Color(0xffFFFFFD);
static const Color colorEFEFED = Color(0xffEFEFED);
}
Loading

0 comments on commit e64a327

Please sign in to comment.