chore: Design follow up

lib/pages/chat/events/message.dart

@@ -70,9 +70,7 @@ class Message extends StatelessWidget {
     final client = Matrix.of(context).client;
     final ownMessage = event.senderId == client.userID;
     final alignment = ownMessage ? Alignment.topRight : Alignment.topLeft;
-    var color = Theme.of(context).brightness == Brightness.light
+    var color = Theme.of(context).colorScheme.surfaceVariant;
-        ? Colors.white
-        : Theme.of(context).colorScheme.surfaceVariant;
     final displayTime = event.type == EventTypes.RoomCreate ||
         nextEvent == null ||
         !event.originServerTs.sameEnvironment(nextEvent!.originServerTs);
@@ -187,15 +185,7 @@ class Message extends StatelessWidget {
               padding: const EdgeInsets.only(left: 8),
               child: Material(
                 color: noBubble ? Colors.transparent : color,
-                shape: RoundedRectangleBorder(
                 borderRadius: borderRadius,
-                  side: noBubble
-                      ? BorderSide.none
-                      : BorderSide(
-                          color: Theme.of(context).dividerTheme.color ??
-                              Theme.of(context).dividerColor,
-                        ),
-                ),
                 clipBehavior: Clip.antiAlias,
                 child: InkWell(
                   onHover: (b) => useMouse = true,
@@ -396,6 +386,10 @@ class Message extends StatelessWidget {
       container = row;
     }
 
+    if (event.messageType == MessageTypes.BadEncrypted) {
+      container = Opacity(opacity: 0.33, child: container);
+    }
+
     return Swipeable(
       key: ValueKey(event.eventId),
       background: const Padding(

lib/pages/chat/events/reply_content.dart

@@ -36,7 +36,7 @@ class ReplyContent extends StatelessWidget {
       maxLines: 1,
       style: TextStyle(
         color: ownMessage
-            ? Theme.of(context).colorScheme.onPrimary
+            ? Theme.of(context).colorScheme.onPrimaryContainer
             : Theme.of(context).colorScheme.onBackground,
         fontSize: fontSize,
       ),
@@ -49,7 +49,7 @@ class ReplyContent extends StatelessWidget {
           width: 3,
           height: fontSize * 2 + 6,
           color: ownMessage
-              ? Theme.of(context).colorScheme.onPrimary
+              ? Theme.of(context).colorScheme.onPrimaryContainer
               : Theme.of(context).colorScheme.onBackground,
         ),
         const SizedBox(width: 6),
@@ -68,7 +68,7 @@ class ReplyContent extends StatelessWidget {
                     style: TextStyle(
                       fontWeight: FontWeight.bold,
                       color: ownMessage
-                          ? Theme.of(context).colorScheme.onPrimary
+                          ? Theme.of(context).colorScheme.onPrimaryContainer
                           : Theme.of(context).colorScheme.onBackground,
                       fontSize: fontSize,
                     ),

lib/pages/settings_style/settings_style_view.dart

@@ -147,12 +147,7 @@ class SettingsStyleView extends StatelessWidget {
               padding: const EdgeInsets.symmetric(horizontal: 12),
               child: Material(
                 color: Theme.of(context).colorScheme.primaryContainer,
-                shape: RoundedRectangleBorder(
                 borderRadius: BorderRadius.circular(AppConfig.borderRadius),
-                  side: BorderSide(
-                    color: Theme.of(context).dividerColor,
-                  ),
-                ),
                 child: Padding(
                   padding: EdgeInsets.symmetric(
                     horizontal: 16 * AppConfig.bubbleSizeFactor,