apply colors and ui fixes

example/lib/advanced_options_page.dart

@@ -3,12 +3,12 @@ import 'dart:io';
 import 'package:example/stream_version.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_secure_storage/flutter_secure_storage.dart';
 import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 
+import 'choose_user_page.dart';
 import 'main.dart';
 import 'notifications_service.dart';
-import 'choose_user_page.dart';
-import 'package:flutter_secure_storage/flutter_secure_storage.dart';
 
 class AdvancedOptionsPage extends StatefulWidget {
   @override
@@ -36,7 +36,7 @@ class _AdvancedOptionsPageState extends State<AdvancedOptionsPage> {
     return Scaffold(
       resizeToAvoidBottomPadding: false,
       appBar: AppBar(
-        backgroundColor: StreamChatTheme.of(context).primaryColor,
+        backgroundColor: StreamChatTheme.of(context).colorTheme.white,
         elevation: 1,
         centerTitle: true,
         brightness: Theme.of(context).brightness,
@@ -97,7 +97,7 @@ class _AdvancedOptionsPageState extends State<AdvancedOptionsPage> {
                         fontSize: 14,
                         fontWeight: FontWeight.bold,
                         color: _apiKeyError != null
-                            ? Color(0xffff3742)
+                            ? StreamChatTheme.of(context).colorTheme.accentRed
                             : StreamChatTheme.of(context)
                                 .colorTheme
                                 .black
@@ -145,7 +145,7 @@ class _AdvancedOptionsPageState extends State<AdvancedOptionsPage> {
                           fontWeight: FontWeight.bold,
                           fontSize: 14,
                           color: _userIdError != null
-                              ? Color(0xffff3742)
+                              ? StreamChatTheme.of(context).colorTheme.accentRed
                               : StreamChatTheme.of(context)
                                   .colorTheme
                                   .black
@@ -193,7 +193,7 @@ class _AdvancedOptionsPageState extends State<AdvancedOptionsPage> {
                           fontWeight: FontWeight.bold,
                           fontSize: 14,
                           color: _userTokenError != null
-                              ? Color(0xffff3742)
+                              ? StreamChatTheme.of(context).colorTheme.accentRed
                               : StreamChatTheme.of(context)
                                   .colorTheme
                                   .black
@@ -238,7 +238,8 @@ class _AdvancedOptionsPageState extends State<AdvancedOptionsPage> {
                     child: Align(
                       alignment: Alignment.bottomCenter,
                       child: FlatButton(
-                        color: StreamChatTheme.of(context).accentColor,
+                        color:
+                            StreamChatTheme.of(context).colorTheme.accentBlue,
                         minWidth: double.infinity,
                         height: 48,
                         child: Text(

example/lib/choose_user_page.dart

@@ -1,5 +1,3 @@
-import 'package:example/advanced_options_page.dart';
-import 'package:example/main.dart';
 import 'package:example/stream_version.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
@@ -194,7 +192,7 @@ class ChooseUserPage extends StatelessWidget {
                             color: StreamChatTheme.of(context).colorTheme.black,
                           ),
                           backgroundColor:
-                              StreamChatTheme.of(context).secondaryColor,
+                              StreamChatTheme.of(context).colorTheme.accentBlue,
                         ),
                         title: Text(
                           'Advanced Options',

example/lib/customize_channel_preview.dart

@@ -84,7 +84,6 @@ class ChannelListPage extends StatelessWidget {
         channel: channel,
       ),
       title: ChannelName(
-        channel: channel,
         textStyle:
             StreamChatTheme.of(context).channelPreviewTheme.title.copyWith(
                   color: StreamChatTheme.of(context)

example/lib/customize_message_widget.dart

@@ -127,7 +127,6 @@ class ChannelPage extends StatelessWidget {
       showTimestamp: !details.isNextUser,
       showUsername: !details.isNextUser,
       showReactions: false,
-      showReplyIndicator: false,
     );
   }
 }

example/lib/main.dart

@@ -1,8 +1,7 @@
+import 'dart:async';
 import 'dart:io';
 
 import 'package:example/choose_user_page.dart';
-import 'package:example/new_chat_screen.dart';
-import 'package:example/new_group_chat_screen.dart';
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
@@ -13,7 +12,6 @@ import 'notifications_service.dart';
 import 'routes/app_routes.dart';
 import 'routes/routes.dart';
 import 'search_text_field.dart';
-import 'dart:async';
 
 void main() async {
   WidgetsFlutterBinding.ensureInitialized();
@@ -51,21 +49,20 @@ class MyApp extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return StreamChat(
-      streamChatThemeData: StreamChatThemeData.getDefaultTheme(
-        ThemeData.dark(),
-      ),
-      client: client,
-      child: MaterialApp(
-        debugShowCheckedModeBanner: false,
-        theme: ThemeData.light(),
-        darkTheme: ThemeData.dark(),
-        //TODO change to system once dark  theme is implemented
-        themeMode: ThemeMode.dark,
-        onGenerateRoute: AppRoutes.generateRoute,
-        initialRoute:
-            client.state.user == null ? Routes.CHOOSE_USER : Routes.HOME,
-      ),
+    return MaterialApp(
+      builder: (context, child) {
+        return StreamChat(
+          client: client,
+          child: child,
+        );
+      },
+      debugShowCheckedModeBanner: false,
+      theme: ThemeData.light(),
+      darkTheme: ThemeData.dark(),
+      themeMode: ThemeMode.dark,
+      onGenerateRoute: AppRoutes.generateRoute,
+      initialRoute:
+          client.state.user == null ? Routes.CHOOSE_USER : Routes.HOME,
     );
   }
 }
@@ -120,6 +117,7 @@ class _HomePageState extends State<HomePage> {
   Widget build(BuildContext context) {
     final user = StreamChat.of(context).user;
     return Scaffold(
+      backgroundColor: StreamChatTheme.of(context).colorTheme.whiteSnow,
       appBar: ChannelListHeader(
         onNewChatButtonTap: () {
           Navigator.pushNamed(context, Routes.NEW_CHAT);
@@ -128,6 +126,7 @@ class _HomePageState extends State<HomePage> {
       drawer: _buildDrawer(context, user),
       drawerEdgeDragWidth: 50,
       bottomNavigationBar: BottomNavigationBar(
+        backgroundColor: StreamChatTheme.of(context).colorTheme.white,
         currentIndex: _currentIndex,
         items: _navBarItems,
         selectedLabelStyle: StreamChatTheme.of(context).textTheme.footnoteBold,
@@ -429,7 +428,7 @@ class ChannelPage extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      backgroundColor: StreamChatTheme.of(context).backgroundColor,
+      backgroundColor: StreamChatTheme.of(context).colorTheme.whiteSnow,
       appBar: ChannelHeader(
         showTypingIndicator: false,
       ),

example/lib/new_chat_screen.dart

@@ -5,7 +5,6 @@ import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 
 import 'chips_input_text_field.dart';
 import 'main.dart';
-import 'new_group_chat_screen.dart';
 import 'routes/routes.dart';
 
 class NewChatScreen extends StatefulWidget {
@@ -37,8 +36,6 @@ class _NewChatScreenState extends State<NewChatScreen> {
 
   bool _showUserList = true;
 
-  bool _channelExisted = false;
-
   void _userNameListener() {
     if (_debounce?.isActive ?? false) _debounce.cancel();
     _debounce = Timer(const Duration(milliseconds: 350), () {

example/lib/search_text_field.dart

@@ -24,7 +24,7 @@ class SearchTextField extends StatelessWidget {
       decoration: BoxDecoration(
         color: StreamChatTheme.of(context).colorTheme.white,
         border: Border.all(
-          color: Colors.grey.shade300,
+          color: StreamChatTheme.of(context).colorTheme.white,
         ),
         borderRadius: BorderRadius.circular(24),
       ),

example/pubspec.yaml

@@ -1,6 +1,6 @@
 name: example
 description: A new Flutter project.
-version: 1.0.95+98
+version: 1.0.97+100
 
 environment:
   sdk: ">=2.2.2 <3.0.0"