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

logs light bg fix
metrico · Apr 28, 2022 · 07e2745 · 07e2745
2 parents f576b4e + 36930e9
commit 07e2745
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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;