fix: Divider variable color (#285)

RocketChat · Sep 17, 2020 · 16e2f49 · 16e2f49
1 parent 44f8198
commit 16e2f49
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 2 deletions.
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Sidebar_Default.png b/packages/fuselage/.loki/reference/chrome_iphone7_Sidebar_Default.png
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Sidebar_Default.png b/packages/fuselage/.loki/reference/chrome_laptop_Sidebar_Default.png
diff --git a/packages/fuselage/src/components/Divider/styles.scss b/packages/fuselage/src/components/Divider/styles.scss
@@ -1,8 +1,10 @@
 @use '../../styles/colors.scss';
 @use '../../styles/lengths.scss';
 
+$divider-color: theme('divider-color', colors.neutral(300));
+
 .rcx-divider {
   margin-block: lengths.margin(8);
 
-  border: lengths.border-width(1) solid colors.neutral(300);
+  border: lengths.border-width(1) solid $divider-color;
 }
diff --git a/packages/fuselage/src/components/Sidebar/styles.scss b/packages/fuselage/src/components/Sidebar/styles.scss
@@ -113,6 +113,6 @@ $sidebar-item-color-selected: colors.foreground('hint');
     padding-block: lengths.padding(12);
     padding-inline: lengths.padding(16);
 
-    color: colors.foreground(info);
+    color: colors.foreground(hint);
   }
 }