Merge pull request #87 from metrico/alexey-feature-light-theme

logs light bg fix

Author: jacovinus

Diff for: 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 for: 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 for: 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 for: 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;