Updating design

lib/constants.dart

@@ -349,6 +349,7 @@ const String kExpenseStatusInvoiced = '3';
 const String kDefaultCurrencyId = '1';
 const String kDefaultDateFormat = '5';
 const String kDefaultAccentColor = '#0091EA';
+const String kDefaultSelectedColor = '#1E252F';
 
 const String kReportGroupDay = 'day';
 const String kReportGroupMonth = 'month';

lib/main.dart

@@ -288,6 +288,10 @@ class InvoiceNinjaAppState extends State<InvoiceNinjaApp> {
                   accentColor: accentColor,
                   textSelectionHandleColor: accentColor,
                   fontFamily: fontFamily,
+                  backgroundColor: Colors.black,
+                  //canvasColor: const Color(0xFF1B1C1E),
+                  canvasColor: Colors.black,
+                  cardColor: const Color(0xFF1B1C1E),
                 )
               : ThemeData(fontFamily: fontFamily).copyWith(
                   pageTransitionsTheme: pageTransitionsTheme,

lib/ui/app/lists/selected_indicator.dart

@@ -1,5 +1,7 @@
 import 'package:flutter/material.dart';
+import 'package:invoiceninja_flutter/constants.dart';
 import 'package:invoiceninja_flutter/utils/platforms.dart';
+import 'package:invoiceninja_flutter/utils/colors.dart';
 
 class SelectedIndicator extends StatelessWidget {
   const SelectedIndicator({this.child, this.isSelected});
@@ -10,7 +12,8 @@ class SelectedIndicator extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Container(
-      color: null,
+      color: isSelected ? convertHexStringToColor(kDefaultSelectedColor) : null,
+
       child: Row(
         children: <Widget>[
           Container(

lib/ui/app/menu_drawer.dart

@@ -26,6 +26,7 @@ import 'package:invoiceninja_flutter/utils/icons.dart';
 import 'package:invoiceninja_flutter/utils/localization.dart';
 import 'package:invoiceninja_flutter/utils/platforms.dart';
 import 'package:url_launcher/url_launcher.dart';
+import 'package:invoiceninja_flutter/utils/colors.dart';
 // STARTER: import - do not remove comment
 
 class MenuDrawer extends StatelessWidget {
@@ -88,6 +89,7 @@ class MenuDrawer extends StatelessWidget {
         width: double.infinity,
         child: _companyLogo(viewModel.selectedCompany),
       ),
+      color: Theme.of(context).cardColor,
       itemBuilder: (BuildContext context) => [
         ...viewModel.state.companies
             .map((company) => PopupMenuItem<String>(
@@ -207,13 +209,15 @@ class MenuDrawer extends StatelessWidget {
                   : Container(
                       padding:
                           EdgeInsets.symmetric(horizontal: 14, vertical: 3),
-                      color: enableDarkMode ? Colors.white10 : Colors.grey[200],
+                      color: enableDarkMode ? Colors.white10 : Theme.of(context).cardColor,
                       child: state.prefState.isMenuCollapsed
                           ? _collapsedCompanySelector
                           : _expandedCompanySelector),
               state.credentials.token.isEmpty
                   ? SizedBox()
                   : Expanded(
+                      child: Container(
+                        color: Theme.of(context).cardColor,
                         child: ListView(
                         shrinkWrap: true,
                         children: <Widget>[
@@ -307,6 +311,7 @@ class MenuDrawer extends StatelessWidget {
                             },
                           ),
                         ],
+                    ),
                       )),
               Align(
                 child: state.prefState.isMenuCollapsed
@@ -376,11 +381,17 @@ class _DrawerTileState extends State<DrawerTile> {
                 ? kReports
                 : widget.entityType.name;
 
+    final isSelected = uiState.currentRoute.startsWith('/$route');
+    final textColor = isSelected ? Colors.white : Colors.white.withOpacity(.6);
+
     Widget trailingWidget;
     if (!state.prefState.isMenuCollapsed) {
       if (widget.title == localization.dashboard) {
         trailingWidget = IconButton(
-          icon: Icon(Icons.search),
+          icon: Icon(
+            Icons.search,
+            color: textColor,
+          ),
           onPressed: () {
             if (isMobile(context)) {
               navigator.pop();
@@ -391,7 +402,10 @@ class _DrawerTileState extends State<DrawerTile> {
         );
       } else if (userCompany.canCreate(widget.entityType)) {
         trailingWidget = IconButton(
-          icon: Icon(Icons.add_circle_outline),
+          icon: Icon(
+            Icons.add_circle_outline,
+            color: textColor,
+          ),
           onPressed: () {
             if (isMobile(context)) {
               navigator.pop();
@@ -402,12 +416,25 @@ class _DrawerTileState extends State<DrawerTile> {
       }
     }
 
-    Widget child = SelectedIndicator(
+    Widget child = Container(
-      isSelected: uiState.currentRoute.startsWith('/$route'),
+      color: isSelected ? convertHexStringToColor(kDefaultSelectedColor) : null,
       child: ListTile(
         dense: true,
-        leading: Icon(widget.icon, size: 22),
+        leading: Icon(
-        title: state.prefState.isMenuCollapsed ? null : Text(widget.title),
+          widget.icon,
+          size: 20,
+          color: isSelected ? Colors.white : Colors.white.withOpacity(.8),
+        ),
+        title: state.prefState.isMenuCollapsed
+            ? null
+            : Text(
+                widget.title,
+                style: Theme.of(context).textTheme.bodyText1.copyWith(
+                      fontWeight: FontWeight.w100,
+                      fontSize: 16,
+                      color: textColor,
+                    ),
+              ),
         onTap: () => widget.entityType != null
             ? viewEntitiesByType(
                 context: context, entityType: widget.entityType)