From 842a8a239532d6d1788ef4d335f2c412484cfba0 Mon Sep 17 00:00:00 2001
From: LianaHus <liana@ethdev.com>
Date: Mon, 17 Aug 2020 11:22:26 +0200
Subject: [PATCH] better bg colors

---
 apps/remix-ide/src/app/ui/landing-page/landing-page.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/remix-ide/src/app/ui/landing-page/landing-page.js b/apps/remix-ide/src/app/ui/landing-page/landing-page.js
index d7b88b4b24..a9734e51a2 100644
--- a/apps/remix-ide/src/app/ui/landing-page/landing-page.js
+++ b/apps/remix-ide/src/app/ui/landing-page/landing-page.js
@@ -284,8 +284,8 @@ export class LandingPage extends ViewPlugin {
     // to retrieve medium posts
     document.body.appendChild(yo`<script src="https://www.retainable.io/assets/retainable/rss-embed/retainable-rss-embed.js"></script>`)
     const container = yo`
-      <div class="${css.homeContainer} d-flex bg-light" data-id="landingPageHomeContainer">
-        <div class="${css.mainContent}">
+      <div class="${css.homeContainer} d-flex" data-id="landingPageHomeContainer">
+        <div class="${css.mainContent} bg-light">
           <div>
             <span class="${css.text} text-secondary" onclick=${() => switchToPreviousVersion()}>Previous version</span>
             <div class="border-bottom clearfix py-3 ${css.thisJumboton}">
@@ -365,12 +365,12 @@ export class LandingPage extends ViewPlugin {
           </div><!-- end of hpSections -->
         </div>
         <div class="d-flex">
-          <div id="remixIDE_TwitterBlock" class="bg-dark border-left p-2 mx-0 mb-0 ${css.block} ${css.remixHomeMedia}">
+          <div id="remixIDE_TwitterBlock" class="border-left p-2 mx-0 mb-0 ${css.block} ${css.remixHomeMedia}">
             <input type="radio" name="media" id="remixIDE_TwitterRadio" class="d-none" checked />
             <label class="mx-1 my-0 btn p-0 text-info fab fa-twitter ${css.cursorStyle}" for="remixIDE_TwitterRadio"></label>
             ${this.twitterFrame}
           </div>
-          <div id="remixIDE_MediumBlock" class="bg-dark border-left p-2 mx-0 mb-0 ${css.block} ${css.remixHomeMedia}">
+          <div id="remixIDE_MediumBlock" class="border-left p-2 mx-0 mb-0 ${css.block} ${css.remixHomeMedia}">
             <input type="radio" name="media" id="remixIDE_MediumRadio" class="d-none" />
             <label class="mx-1 my-0 btn p-0 text-danger fab fa-medium ${css.cursorStyle}" for="remixIDE_MediumRadio"></label>
             <div class="px-2 ${css.media}">