From 661f60eb1699229883b5f9d5575f7ccb8ec1a827 Mon Sep 17 00:00:00 2001 From: JobinBiju Date: Tue, 3 Nov 2020 12:10:43 +0530 Subject: [PATCH] Dark mode v1 --- assets/icons/menu_dark.svg | 1 + lib/samples/home_screen.dart | 16 +++++++++++----- lib/samples/top_app_bar_drawer.dart | 20 -------------------- pubspec.yaml | 1 - 4 files changed, 12 insertions(+), 26 deletions(-) create mode 100644 assets/icons/menu_dark.svg diff --git a/assets/icons/menu_dark.svg b/assets/icons/menu_dark.svg new file mode 100644 index 0000000..4cfe305 --- /dev/null +++ b/assets/icons/menu_dark.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/lib/samples/home_screen.dart b/lib/samples/home_screen.dart index 38414be..d7dca04 100644 --- a/lib/samples/home_screen.dart +++ b/lib/samples/home_screen.dart @@ -14,13 +14,14 @@ class _HomeScreenState extends State { double scaleFactor = 1; bool isDrawerOpen = false; double borderRadius = 0; + bool isDark = false; @override Widget build(BuildContext context) { return AnimatedContainer( decoration: BoxDecoration( borderRadius: BorderRadius.circular(borderRadius), - color: Colors.white, + color: isDark ? Color(0xff373a40) : Colors.white, boxShadow: [kDefaultShadow], ), transform: Matrix4.translationValues(xOffset, yOffset, 0) @@ -38,7 +39,10 @@ class _HomeScreenState extends State { children: [ isDrawerOpen ? IconButton( - icon: Icon(Icons.arrow_back_ios), + icon: Icon( + Icons.arrow_back_ios, + color: isDark ? Colors.white : Colors.black, + ), onPressed: () { setState(() { xOffset = 0; @@ -50,7 +54,9 @@ class _HomeScreenState extends State { }, ) : IconButton( - icon: SvgPicture.asset('assets/icons/menu.svg'), + icon: isDark + ? SvgPicture.asset('assets/icons/menu_dark.svg') + : SvgPicture.asset('assets/icons/menu.svg'), onPressed: () { setState(() { xOffset = 230; @@ -64,14 +70,14 @@ class _HomeScreenState extends State { 'Title101', style: TextStyle( fontSize: 20, - color: Colors.black, + color: isDark ? Colors.white : Colors.black, fontWeight: FontWeight.bold, ), ), IconButton( icon: Icon( Icons.search, - color: Colors.black, + color: isDark ? Colors.white : Colors.black, size: 30, ), onPressed: null, diff --git a/lib/samples/top_app_bar_drawer.dart b/lib/samples/top_app_bar_drawer.dart index 6128f60..3906cd5 100644 --- a/lib/samples/top_app_bar_drawer.dart +++ b/lib/samples/top_app_bar_drawer.dart @@ -12,26 +12,6 @@ class TopBar extends StatelessWidget { return Scaffold( key: _scaffoldKey, backgroundColor: kBackgroundColor, - // appBar: AppBar( - // backgroundColor: Colors.transparent, - // elevation: 0, - // leading: IconButton( - // icon: SvgPicture.asset('assets/icons/menu.svg'), - // onPressed: () => _scaffoldKey.currentState.openDrawer(), - // ), - // actions: [ - // Padding( - // padding: EdgeInsets.only(right: 8.0), - // child: IconButton( - // icon: Icon( - // Icons.search, - // color: Colors.black, - // ), - // onPressed: null, - // ), - // ), - // ], - // ), body: Stack( children: [ DrawerScreen(), diff --git a/pubspec.yaml b/pubspec.yaml index 551a21d..936c85b 100644 --- a/pubspec.yaml +++ b/pubspec.yaml @@ -26,7 +26,6 @@ flutter: uses-material-design: true - # To add assets to your application, add an assets section, like this: assets: - assets/icons/ - assets/lottie/