make background grey only in profile view (#2060)

OriginProtocol · Apr 23, 2019 · 36352eb · 36352eb
1 parent 97977d5
commit 36352eb
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/dapps/marketplace/src/css/app.css b/dapps/marketplace/src/css/app.css
@@ -19,7 +19,10 @@ body {
   font-weight: 300;
   height: 100%;
   line-height: 1.5;
-  background-color: var(--pale-grey-four)
+  /* If you change background-color update color in origin/dapps/marketplace/src/pages/user/Profile.js 
+   * in componentWillUnmount function.
+   */
+  background-color: white;
 }
 
 .loading-screen {

diff --git a/dapps/marketplace/src/pages/user/Profile.js b/dapps/marketplace/src/pages/user/Profile.js
@@ -94,6 +94,17 @@ class UserProfile extends Component {
     this.accountsSwitched = false
   }
 
+  componentDidMount() {
+    document.body.style.backgroundColor = 'var(--pale-grey-four)'
+  }
+
+  componentWillUnmount() {
+    /* unfortunately this needs to be hardcoded and can not be read from document.body.style.backgroundColor
+     * since it initially returns an empty string
+     */
+    document.body.style.backgroundColor = 'white'
+  }
+
   changesPublishedToBlockchain(props, prevProps) {
     const profile = get(props, 'identity') || {}
     const prevProfile = get(prevProps, 'identity') || {}