More fixes and new version

lib/components/avatar.dart

@@ -30,7 +30,7 @@ class Avatar extends StatelessWidget {
                   src,
                 )
           : null,
-      backgroundColor: Color(0xFFF8F8F8),
+      backgroundColor: Theme.of(context).secondaryHeaderColor,
       child: mxContent.mxc.isEmpty
           ? Text("@", style: TextStyle(color: Colors.blueGrey))
           : null,

lib/components/content_banner.dart

@@ -31,7 +31,7 @@ class ContentBanner extends StatelessWidget {
     );
     return Container(
       height: 200,
-      color: Color(0xFFF8F8F8),
+      color: Theme.of(context).secondaryHeaderColor,
       child: !loading
           ? mxContent.mxc?.isNotEmpty ?? false
               ? kIsWeb

lib/components/list_items/chat_list_item.dart

@@ -50,7 +50,7 @@ class ChatListItem extends StatelessWidget {
                     decoration: BoxDecoration(
                       color: room.highlightCount > 0
                           ? Colors.red
-                          : Color(0xFF5625BA),
+                          : Theme.of(context).primaryColor,
                       borderRadius: BorderRadius.circular(20),
                     ),
                     child: Center(
@@ -91,7 +91,7 @@ class ChatListItem extends StatelessWidget {
                       decoration: BoxDecoration(
                         color: room.highlightCount > 0
                             ? Colors.red
-                            : Color(0xFF5625BA),
+                            : Theme.of(context).primaryColor,
                         borderRadius: BorderRadius.circular(20),
                       ),
                       child: Center(

lib/components/list_items/message.dart

@@ -21,14 +21,16 @@ class Message extends StatelessWidget {
     Client client = Matrix.of(context).client;
     final bool ownMessage = event.senderId == client.userID;
     Alignment alignment = ownMessage ? Alignment.topRight : Alignment.topLeft;
-    Color color = Color(0xFFF8F8F8);
+    Color color = Theme.of(context).secondaryHeaderColor;
     BubbleNip nip = ownMessage ? BubbleNip.rightBottom : BubbleNip.leftBottom;
     final Color textColor = ownMessage ? Colors.white : Colors.black;
     MainAxisAlignment rowMainAxisAlignment =
         ownMessage ? MainAxisAlignment.end : MainAxisAlignment.start;
 
     if (ownMessage) {
-      color = event.status == -1 ? Colors.redAccent : Color(0xFF5625BA);
+      color = event.status == -1
+          ? Colors.redAccent
+          : Theme.of(context).primaryColor;
     }
     List<PopupMenuEntry<String>> popupMenuList = [];
     if (event.canRedact && !event.redacted && event.status > 1) {

lib/components/list_items/participant_list_item.dart

@@ -97,7 +97,7 @@ class ParticipantListItem extends StatelessWidget {
                     padding: EdgeInsets.all(4),
                     margin: EdgeInsets.symmetric(horizontal: 8),
                     decoration: BoxDecoration(
-                      color: Color(0xFFF8F8F8),
+                      color: Theme.of(context).secondaryHeaderColor,
                       borderRadius: BorderRadius.circular(8),
                     ),
                     child: Center(child: Text(permissionBatch)),
@@ -108,7 +108,7 @@ class ParticipantListItem extends StatelessWidget {
                     padding: EdgeInsets.all(4),
                     margin: EdgeInsets.symmetric(horizontal: 8),
                     decoration: BoxDecoration(
-                      color: Color(0xFFF8F8F8),
+                      color: Theme.of(context).secondaryHeaderColor,
                       borderRadius: BorderRadius.circular(8),
                     ),
                     child:

lib/components/list_items/state_message.dart

@@ -12,11 +12,14 @@ class StateMessage extends StatelessWidget {
   Widget build(BuildContext context) {
     return Padding(
       padding: const EdgeInsets.all(8.0),
-      child: Bubble(
-        color: Color(0xFFF8F8F8),
-        elevation: 0,
-        alignment: Alignment.center,
-        child: MessageContent(event),
+      child: Opacity(
+        opacity: 0.66,
+        child: Bubble(
+          color: Colors.black,
+          elevation: 0,
+          alignment: Alignment.center,
+          child: MessageContent(event, textColor: Colors.white),
+        ),
       ),
     );
   }