From d9ec09b3816c04be392b412b340273c2e3e07082 Mon Sep 17 00:00:00 2001
From: Michel Weststrate <mweststrate@fb.com>
Date: Wed, 28 Apr 2021 05:47:07 -0700
Subject: [PATCH] Fix dark mode issue

Summary: Fixed minor dark mode issue. Will address the ugly scrollbars in dark mode later.

Reviewed By: nikoant

Differential Revision: D28039447

fbshipit-source-id: eb0f545d224decb0334dca68b11277ddab612c2e
---
 desktop/app/src/PluginContainer.tsx           |  2 +-
 .../src/__tests__/PluginContainer.node.tsx    | 20 +++++++++----------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/desktop/app/src/PluginContainer.tsx b/desktop/app/src/PluginContainer.tsx
index a47bac39b..2882647d1 100644
--- a/desktop/app/src/PluginContainer.tsx
+++ b/desktop/app/src/PluginContainer.tsx
@@ -65,7 +65,7 @@ const Container = styled(FlexColumn)({
 });
 
 export const SidebarContainer = styled(FlexRow)({
-  backgroundColor: colors.light02,
+  backgroundColor: theme.backgroundWash,
   height: '100%',
   overflow: 'auto',
 });
diff --git a/desktop/app/src/__tests__/PluginContainer.node.tsx b/desktop/app/src/__tests__/PluginContainer.node.tsx
index 6c41b735d..acd1f1ebb 100644
--- a/desktop/app/src/__tests__/PluginContainer.node.tsx
+++ b/desktop/app/src/__tests__/PluginContainer.node.tsx
@@ -80,7 +80,7 @@ test('Plugin container can render plugin and receive updates', async () => {
           </h1>
         </div>
         <div
-          class="css-o0040c-View-FlexBox-FlexRow"
+          class="css-724x97-View-FlexBox-FlexRow"
           id="detailsSidebar"
         />
       </div>
@@ -172,7 +172,7 @@ test('PluginContainer can render Sandy plugins', async () => {
           </div>
         </div>
         <div
-          class="css-o0040c-View-FlexBox-FlexRow"
+          class="css-724x97-View-FlexBox-FlexRow"
           id="detailsSidebar"
         />
       </div>
@@ -203,7 +203,7 @@ test('PluginContainer can render Sandy plugins', async () => {
           </div>
         </div>
         <div
-          class="css-o0040c-View-FlexBox-FlexRow"
+          class="css-724x97-View-FlexBox-FlexRow"
           id="detailsSidebar"
         />
       </div>
@@ -271,7 +271,7 @@ test('PluginContainer can render Sandy plugins', async () => {
           </div>
         </div>
         <div
-          class="css-o0040c-View-FlexBox-FlexRow"
+          class="css-724x97-View-FlexBox-FlexRow"
           id="detailsSidebar"
         />
       </div>
@@ -512,7 +512,7 @@ test('PluginContainer + Sandy plugin supports deeplink', async () => {
           </h1>
         </div>
         <div
-          class="css-o0040c-View-FlexBox-FlexRow"
+          class="css-724x97-View-FlexBox-FlexRow"
           id="detailsSidebar"
         />
       </div>
@@ -543,7 +543,7 @@ test('PluginContainer + Sandy plugin supports deeplink', async () => {
           </h1>
         </div>
         <div
-          class="css-o0040c-View-FlexBox-FlexRow"
+          class="css-724x97-View-FlexBox-FlexRow"
           id="detailsSidebar"
         />
       </div>
@@ -665,7 +665,7 @@ test('PluginContainer can render Sandy device plugins', async () => {
           </div>
         </div>
         <div
-          class="css-o0040c-View-FlexBox-FlexRow"
+          class="css-724x97-View-FlexBox-FlexRow"
           id="detailsSidebar"
         />
       </div>
@@ -697,7 +697,7 @@ test('PluginContainer can render Sandy device plugins', async () => {
           </div>
         </div>
         <div
-          class="css-o0040c-View-FlexBox-FlexRow"
+          class="css-724x97-View-FlexBox-FlexRow"
           id="detailsSidebar"
         />
       </div>
@@ -790,7 +790,7 @@ test('PluginContainer + Sandy device plugin supports deeplink', async () => {
           </h1>
         </div>
         <div
-          class="css-o0040c-View-FlexBox-FlexRow"
+          class="css-724x97-View-FlexBox-FlexRow"
           id="detailsSidebar"
         />
       </div>
@@ -821,7 +821,7 @@ test('PluginContainer + Sandy device plugin supports deeplink', async () => {
           </h1>
         </div>
         <div
-          class="css-o0040c-View-FlexBox-FlexRow"
+          class="css-724x97-View-FlexBox-FlexRow"
           id="detailsSidebar"
         />
       </div>