Dark mode v1

JobinBiju · Nov 3, 2020 · 661f60e · 661f60e
1 parent 5a12065
commit 661f60e
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 26 deletions.
diff --git a/assets/icons/menu_dark.svg b/assets/icons/menu_dark.svg
diff --git a/lib/samples/home_screen.dart b/lib/samples/home_screen.dart
@@ -14,13 +14,14 @@ class _HomeScreenState extends State<HomeScreen> {
   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<HomeScreen> {
               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<HomeScreen> {
                         },
                       )
                     : 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<HomeScreen> {
                   '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
@@ -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
@@ -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/