From b7527f472e79f8783e8c595f8cf77d8368fb56cb Mon Sep 17 00:00:00 2001
From: Guilherme Gazzo <guilhermegazzo@gmail.com>
Date: Mon, 17 Oct 2022 22:20:54 -0300
Subject: [PATCH] fix(fuselage): Token colors usage (#875)

---
 .../Message/MessageDivider/MessageDivider.styles.scss         | 4 ++--
 .../Message/MessageToolbox/MessageToolbox.styles.scss         | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/fuselage/src/components/Message/MessageDivider/MessageDivider.styles.scss b/packages/fuselage/src/components/Message/MessageDivider/MessageDivider.styles.scss
index c95243bf36..7c6c01d67f 100644
--- 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
index bde272e6b0..50b1578c52 100644
--- 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();