fix(fuselage): Token colors usage (#875)

RocketChat · Oct 18, 2022 · b7527f4 · b7527f4
1 parent f1f19f0
commit b7527f4
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/fuselage/src/components/Message/MessageDivider/MessageDivider.styles.scss b/packages/fuselage/src/components/Message/MessageDivider/MessageDivider.styles.scss
@@ -4,12 +4,12 @@
 
 $message-background-color: theme(
   'message-background-color',
-  colors.surface(light)
+  colors.background(light)
 );
 
 $message-divider-background-color: theme(
   'message-divider-background-color',
-  colors.neutral(300)
+  colors.stroke(extra-light)
 );
 $message-divider-color: theme('message-divider-color', colors.font(default));
 

diff --git a/packages/fuselage/src/components/Message/MessageToolbox/MessageToolbox.styles.scss b/packages/fuselage/src/components/Message/MessageToolbox/MessageToolbox.styles.scss
@@ -14,7 +14,7 @@
     'message-toolbox-border-radius',
     lengths.border-radius(small)
   );
-  background: colors.surface(light);
+  background: colors.background(light);
 
   &__wrapper {
     @include mixins.visible-on-hover();