Add Background (#1347)

* copied svg from enterprise * added bg
weaveworks · Jan 26, 2022 · e59e533 · e59e533
1 parent 8a9c186
commit e59e533
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/ui/components/Layout.tsx b/ui/components/Layout.tsx
@@ -32,15 +32,12 @@ const StyleLinkTab = styled(LinkTab)`
   }
 `;
 
-const negativeSpaceColor = "#E6E6E6";
-
 const AppContainer = styled.div`
   width: 100%;
   overflow-x: hidden;
   height: 100%;
   margin: 0 auto;
   padding: 0;
-  background-color: ${negativeSpaceColor};
 `;
 
 const NavContainer = styled.div`

diff --git a/ui/images/General-backgroundok.png b/ui/images/General-backgroundok.png
diff --git a/ui/lib/theme.ts b/ui/lib/theme.ts
@@ -2,6 +2,9 @@
 import { createTheme } from "@material-ui/core";
 // eslint-disable-next-line
 import { createGlobalStyle, DefaultTheme } from "styled-components";
+//@ts-ignore
+import bg from "../images/General-backgroundok.png";
+
 const baseSpacingNumber = 16;
 
 export const theme: DefaultTheme = {
@@ -85,8 +88,11 @@ export const GlobalStyle = createGlobalStyle`
     padding: 0;
     margin: 0;
     min-width: fit-content;
+    background: right bottom url(${bg}) no-repeat fixed ${
+  theme.colors.neutral10
+}; 
+    background-size: 100%;
   }
-
   .auth-modal-size {
     min-height: 475px
   }