rename colors

packages/stream_chat_flutter/lib/src/attachment/attachment_title.dart

@@ -35,7 +35,7 @@ class AttachmentTitle extends StatelessWidget {
                   attachment.title!,
                   overflow: TextOverflow.ellipsis,
                   style: messageTheme.messageText?.copyWith(
-                    color: StreamChatTheme.of(context).colorTheme.accentBlue,
+                    color: StreamChatTheme.of(context).colorTheme.accentPrimary,
                     fontWeight: FontWeight.bold,
                   ),
                 ),

packages/stream_chat_flutter/lib/src/attachment/attachment_upload_state_builder.dart

@@ -129,7 +129,7 @@ class _PreparingState extends StatelessWidget {
           alignment: Alignment.topRight,
           child: _IconButton(
             icon: StreamSvgIcon.close(
-              color: StreamChatTheme.of(context).colorTheme.white,
+              color: StreamChatTheme.of(context).colorTheme.barsBg,
             ),
             onPressed: () => channel.cancelAttachmentUpload(attachmentId),
           ),
@@ -169,7 +169,7 @@ class _InProgressState extends StatelessWidget {
           alignment: Alignment.topRight,
           child: _IconButton(
             icon: StreamSvgIcon.close(
-              color: StreamChatTheme.of(context).colorTheme.white,
+              color: StreamChatTheme.of(context).colorTheme.barsBg,
             ),
             onPressed: () => channel.cancelAttachmentUpload(attachmentId),
           ),
@@ -208,7 +208,7 @@ class _FailedState extends StatelessWidget {
       children: [
         _IconButton(
           icon: StreamSvgIcon.retry(
-            color: theme.colorTheme.white,
+            color: theme.colorTheme.barsBg,
           ),
           onPressed: () {
             channel.retryAttachmentUpload(messageId, attachmentId);
@@ -228,7 +228,7 @@ class _FailedState extends StatelessWidget {
               child: Text(
                 'UPLOAD ERROR',
                 style: theme.textTheme.footnote.copyWith(
-                  color: theme.colorTheme.white,
+                  color: theme.colorTheme.barsBg,
                 ),
               ),
             ),
@@ -247,7 +247,7 @@ class _SuccessState extends StatelessWidget {
           backgroundColor: StreamChatTheme.of(context).colorTheme.overlayDark,
           maxRadius: 12,
           child: StreamSvgIcon.check(
-            color: StreamChatTheme.of(context).colorTheme.white,
+            color: StreamChatTheme.of(context).colorTheme.barsBg,
           ),
         ),
       );

packages/stream_chat_flutter/lib/src/attachment/attachment_widget.dart

@@ -75,12 +75,14 @@ class AttachmentError extends StatelessWidget {
         child: Container(
           width: size?.width,
           height: size?.height,
-          color:
-              StreamChatTheme.of(context).colorTheme.accentRed.withOpacity(.1),
+          color: StreamChatTheme.of(context)
+              .colorTheme
+              .accentError
+              .withOpacity(.1),
           child: Center(
             child: Icon(
               Icons.error_outline,
-              color: StreamChatTheme.of(context).colorTheme.black,
+              color: StreamChatTheme.of(context).colorTheme.textHighEmphasis,
             ),
           ),
         ),

packages/stream_chat_flutter/lib/src/attachment/file_attachment.dart

@@ -54,10 +54,10 @@ class FileAttachment extends AttachmentWidget {
           width: size?.width ?? 100,
           height: 56,
           decoration: BoxDecoration(
-            color: colorTheme.white,
+            color: colorTheme.barsBg,
             borderRadius: BorderRadius.circular(12),
             border: Border.all(
-              color: colorTheme.greyWhisper,
+              color: colorTheme.borders,
             ),
           ),
           child: Row(
@@ -141,8 +141,8 @@ class FileAttachment extends AttachmentWidget {
 
                 final colorTheme = StreamChatTheme.of(context).colorTheme;
                 return Shimmer.fromColors(
-                  baseColor: colorTheme.greyGainsboro,
-                  highlightColor: colorTheme.whiteSmoke,
+                  baseColor: colorTheme.disabled,
+                  highlightColor: colorTheme.inputBg,
                   child: image,
                 );
               },
@@ -217,7 +217,7 @@ class FileAttachment extends AttachmentWidget {
       preparing: () => Padding(
         padding: const EdgeInsets.all(8),
         child: _buildButton(
-          icon: StreamSvgIcon.close(color: theme.colorTheme.white),
+          icon: StreamSvgIcon.close(color: theme.colorTheme.barsBg),
           fillColor: theme.colorTheme.overlayDark,
           onPressed: () => channel.cancelAttachmentUpload(attachmentId),
         ),
@@ -225,7 +225,7 @@ class FileAttachment extends AttachmentWidget {
       inProgress: (_, __) => Padding(
         padding: const EdgeInsets.all(8),
         child: _buildButton(
-          icon: StreamSvgIcon.close(color: theme.colorTheme.white),
+          icon: StreamSvgIcon.close(color: theme.colorTheme.barsBg),
           fillColor: theme.colorTheme.overlayDark,
           onPressed: () => channel.cancelAttachmentUpload(attachmentId),
         ),
@@ -233,15 +233,15 @@ class FileAttachment extends AttachmentWidget {
       success: () => Padding(
         padding: const EdgeInsets.all(8),
         child: CircleAvatar(
-          backgroundColor: theme.colorTheme.accentBlue,
+          backgroundColor: theme.colorTheme.accentPrimary,
           maxRadius: 12,
-          child: StreamSvgIcon.check(color: theme.colorTheme.white),
+          child: StreamSvgIcon.check(color: theme.colorTheme.barsBg),
         ),
       ),
       failed: (_) => Padding(
         padding: const EdgeInsets.all(8),
         child: _buildButton(
-          icon: StreamSvgIcon.retry(color: theme.colorTheme.white),
+          icon: StreamSvgIcon.retry(color: theme.colorTheme.barsBg),
           fillColor: theme.colorTheme.overlayDark,
           onPressed: () => channel.retryAttachmentUpload(
             message.id,
@@ -253,7 +253,8 @@ class FileAttachment extends AttachmentWidget {
 
     if (message.status == MessageSendingStatus.sent) {
       trailingWidget = IconButton(
-        icon: StreamSvgIcon.cloudDownload(color: theme.colorTheme.black),
+        icon: StreamSvgIcon.cloudDownload(
+            color: theme.colorTheme.textHighEmphasis),
         visualDensity: VisualDensity.compact,
         splashRadius: 16,
         onPressed: () {
@@ -272,7 +273,7 @@ class FileAttachment extends AttachmentWidget {
     final theme = StreamChatTheme.of(context);
     final size = attachment.file?.size ?? attachment.extraData['file_size'];
     final textStyle = theme.textTheme.footnote.copyWith(
-      color: theme.colorTheme.grey,
+      color: theme.colorTheme.textLowEmphasis,
     );
     return attachment.uploadState.when(
       preparing: () => Text(fileSize(size), style: textStyle),
@@ -282,7 +283,7 @@ class FileAttachment extends AttachmentWidget {
         showBackground: false,
         padding: EdgeInsets.zero,
         textStyle: textStyle,
-        progressIndicatorColor: theme.colorTheme.accentBlue,
+        progressIndicatorColor: theme.colorTheme.accentPrimary,
       ),
       success: () => Text(fileSize(size), style: textStyle),
       failed: (_) => Text('UPLOAD ERROR', style: textStyle),

packages/stream_chat_flutter/lib/src/attachment/giphy_attachment.dart

@@ -51,7 +51,7 @@ class GiphyAttachment extends AttachmentWidget {
       mainAxisSize: MainAxisSize.min,
       children: [
         Card(
-          color: StreamChatTheme.of(context).colorTheme.white,
+          color: StreamChatTheme.of(context).colorTheme.barsBg,
           elevation: 2,
           clipBehavior: Clip.hardEdge,
           shape: const RoundedRectangleBorder(
@@ -83,7 +83,7 @@ class GiphyAttachment extends AttachmentWidget {
                           style: TextStyle(
                             color: StreamChatTheme.of(context)
                                 .colorTheme
-                                .black
+                                .textHighEmphasis
                                 .withOpacity(0.5),
                           ),
                           overflow: TextOverflow.ellipsis,
@@ -117,7 +117,7 @@ class GiphyAttachment extends AttachmentWidget {
               Container(
                 color: StreamChatTheme.of(context)
                     .colorTheme
-                    .black
+                    .textHighEmphasis
                     .withOpacity(0.2),
                 width: double.infinity,
                 height: 0.5,
@@ -141,7 +141,7 @@ class GiphyAttachment extends AttachmentWidget {
                               .copyWith(
                                 color: StreamChatTheme.of(context)
                                     .colorTheme
-                                    .black
+                                    .textHighEmphasis
                                     .withOpacity(0.5),
                               ),
                         ),
@@ -152,7 +152,7 @@ class GiphyAttachment extends AttachmentWidget {
                     width: 0.5,
                     color: StreamChatTheme.of(context)
                         .colorTheme
-                        .black
+                        .textHighEmphasis
                         .withOpacity(0.2),
                     height: 50,
                   ),
@@ -173,7 +173,7 @@ class GiphyAttachment extends AttachmentWidget {
                               .copyWith(
                                 color: StreamChatTheme.of(context)
                                     .colorTheme
-                                    .black
+                                    .textHighEmphasis
                                     .withOpacity(0.5),
                               ),
                           maxLines: 1,
@@ -185,7 +185,7 @@ class GiphyAttachment extends AttachmentWidget {
                     width: 0.5,
                     color: StreamChatTheme.of(context)
                         .colorTheme
-                        .black
+                        .textHighEmphasis
                         .withOpacity(0.2),
                     height: 50,
                   ),
@@ -203,7 +203,7 @@ class GiphyAttachment extends AttachmentWidget {
                           style: TextStyle(
                             color: StreamChatTheme.of(context)
                                 .colorTheme
-                                .accentBlue,
+                                .accentPrimary,
                             fontWeight: FontWeight.bold,
                           ),
                         ),
@@ -226,7 +226,7 @@ class GiphyAttachment extends AttachmentWidget {
                 StreamSvgIcon.eye(
                   color: StreamChatTheme.of(context)
                       .colorTheme
-                      .black
+                      .textHighEmphasis
                       .withOpacity(0.5),
                   size: 16,
                 ),
@@ -241,7 +241,7 @@ class GiphyAttachment extends AttachmentWidget {
                       .copyWith(
                           color: StreamChatTheme.of(context)
                               .colorTheme
-                              .black
+                              .textHighEmphasis
                               .withOpacity(0.5)),
                 ),
               ],
@@ -306,8 +306,8 @@ class GiphyAttachment extends AttachmentWidget {
 
                   final colorTheme = StreamChatTheme.of(context).colorTheme;
                   return Shimmer.fromColors(
-                    baseColor: colorTheme.greyGainsboro,
-                    highlightColor: colorTheme.whiteSmoke,
+                    baseColor: colorTheme.disabled,
+                    highlightColor: colorTheme.inputBg,
                     child: image,
                   );
                 },
@@ -322,7 +322,7 @@ class GiphyAttachment extends AttachmentWidget {
                 child: Material(
                   color: StreamChatTheme.of(context)
                       .colorTheme
-                      .black
+                      .textHighEmphasis
                       .withOpacity(.5),
                   shape: RoundedRectangleBorder(
                     borderRadius: BorderRadius.circular(12),
@@ -335,13 +335,14 @@ class GiphyAttachment extends AttachmentWidget {
                     child: Row(
                       children: [
                         StreamSvgIcon.lightning(
-                          color: StreamChatTheme.of(context).colorTheme.white,
+                          color: StreamChatTheme.of(context).colorTheme.barsBg,
                           size: 16,
                         ),
                         Text(
                           'GIPHY',
                           style: TextStyle(
-                            color: StreamChatTheme.of(context).colorTheme.white,
+                            color:
+                                StreamChatTheme.of(context).colorTheme.barsBg,
                             fontWeight: FontWeight.bold,
                             fontSize: 11,
                           ),

packages/stream_chat_flutter/lib/src/attachment/image_attachment.dart

@@ -103,8 +103,8 @@ class ImageAttachment extends AttachmentWidget {
                 );
                 final colorTheme = StreamChatTheme.of(context).colorTheme;
                 return Shimmer.fromColors(
-                  baseColor: colorTheme.greyGainsboro,
-                  highlightColor: colorTheme.whiteSmoke,
+                  baseColor: colorTheme.disabled,
+                  highlightColor: colorTheme.inputBg,
                   child: image,
                 );
               },