From 36930e93152093f6fdd02a36f5d59afd183df80f Mon Sep 17 00:00:00 2001
From: Joel Guerra <jacovinus@gmail.com>
Date: Thu, 28 Apr 2022 17:25:37 +0200
Subject: [PATCH] logs light bg

---
 src/components/DataView/styled/index.js  | 2 +-
 src/plugins/queryhistory/styled/index.js | 4 ++--
 src/plugins/settingsmenu/Menu.js         | 1 +
 src/theme/light.js                       | 2 +-
 4 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/DataView/styled/index.js b/src/components/DataView/styled/index.js
index e6b23848..e13ff8b6 100644
--- a/src/components/DataView/styled/index.js
+++ b/src/components/DataView/styled/index.js
@@ -2,7 +2,7 @@ import styled from "@emotion/styled";
 import { CircularProgress } from "@mui/material";
 
 export const DataViewStyled = styled.div`
-    background: ${(props) => props.theme.viewBg};
+    background: ${(props) => props.theme.mainBgColor};
     margin: 6px 8px;
     overflow-y: scroll;
     overflow-x: hidden;
diff --git a/src/plugins/queryhistory/styled/index.js b/src/plugins/queryhistory/styled/index.js
index 5e5901b3..bcf2a46b 100644
--- a/src/plugins/queryhistory/styled/index.js
+++ b/src/plugins/queryhistory/styled/index.js
@@ -13,13 +13,13 @@ import { TabsUnstyled } from "@mui/base";
 export const StyledDrawer = styled((props) => (
     <Drawer
         anchor={"bottom"}
-        style={{ maxHeight: "250px" }}
+        style={{ maxHeight: "250px", }}
         variant={"persistent"}
         {...props}
     />
 ))(({ theme }) => ({
     "& .MuiPaper-root": {
-        borderTop: "none",
+        borderTop:`1px solid ${theme.buttonBorder}`,
     },
 }));
 
diff --git a/src/plugins/settingsmenu/Menu.js b/src/plugins/settingsmenu/Menu.js
index e5b285f2..b6007dd3 100644
--- a/src/plugins/settingsmenu/Menu.js
+++ b/src/plugins/settingsmenu/Menu.js
@@ -29,6 +29,7 @@ const StyledMenu = styled((props) => (
         marginTop: theme.spacing(1),
         minWidth: 180,
         color:clokitheme.textColor,
+        border: `1px solid ${clokitheme.buttonBorder}`,
         backgroundColor: clokitheme.buttonDefault,
         "& .MuiMenu-list": {
             padding: "4px 0",
diff --git a/src/theme/light.js b/src/theme/light.js
index 7104d56a..aeb08a9d 100644
--- a/src/theme/light.js
+++ b/src/theme/light.js
@@ -56,7 +56,7 @@ const typography = {
 const orange = {
     or100: "hsl(39, 100%, 50%)",
 };
-const mainBgColor = white.w500;
+const mainBgColor = white.w100;
 const logBgColor = white.w100;
 const tabActive = white.w100;
 const tabHeader = white.b400;