fix: page background color (#3781)

toptal · Aug 8, 2023 · d430b42 · d430b42
1 parent a62e9c4
commit d430b42
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/poor-buckets-provide.md b/.changeset/poor-buckets-provide.md
@@ -0,0 +1,5 @@
+---
+'@toptal/picasso': patch
+---
+
+- align page background color with BASE design
diff --git a/packages/picasso/src/PageContent/styles.ts b/packages/picasso/src/PageContent/styles.ts
@@ -13,11 +13,11 @@ export default ({ layout, palette }: Theme) =>
       height: '100%',
       flexGrow: 1,
       maxWidth: layout.contentWidth,
-      backgroundColor: palette.common.white,
+      backgroundColor: palette.grey.lightest,
       backgroundClip: 'content-box',
     },
     hasSidebar: {
-      background: `linear-gradient(90deg, ${palette.grey.lighter} 50%, ${palette.common.white} 50%)`,
+      background: `linear-gradient(90deg, ${palette.grey.lighter} 50%, ${palette.grey.lightest} 50%)`,
     },
     wide: {
       maxWidth: layout.contentWidthWide,