fix(fuselage): add MessageSystem missing colors (#1370)

RocketChat · Apr 30, 2024 · c94bd1c · c94bd1c
1 parent bcb636a
commit c94bd1c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/.changeset/green-balloons-move.md b/.changeset/green-balloons-move.md
@@ -0,0 +1,5 @@
+---
+"@rocket.chat/fuselage": patch
+---
+
+fix(fuselage): add `MessageSystem` missing colors
diff --git a/packages/fuselage/src/components/Message/MessageSystem/MessageSystem.styles.scss b/packages/fuselage/src/components/Message/MessageSystem/MessageSystem.styles.scss
@@ -22,7 +22,10 @@ $message-system-background-color-selected: functions.theme(
   padding-block: lengths.padding(8);
   padding-inline: lengths.padding(20);
 
+  color: colors.font(default);
+
   &--selected {
+    color: colors.font(pure-black);
     background: $message-system-background-color-selected !important;
   }
 
@@ -41,16 +44,12 @@ $message-system-background-color-selected: functions.theme(
     @include typography.use-font-scale(p2);
     @include typography.use-with-truncated-text();
     margin-inline: lengths.margin(2);
-
-    color: colors.font(default);
   }
 
   &__name {
     @include typography.use-font-scale(p2b);
     @include typography.use-with-truncated-text();
     flex-shrink: 0;
-
-    color: colors.font(default);
   }
 
   &__time {
@@ -59,8 +58,6 @@ $message-system-background-color-selected: functions.theme(
     flex-shrink: 0;
 
     margin-inline: lengths.margin(2);
-
-    color: colors.font(default);
   }
 
   &__block {