Merge pull request #13 from jonwk/feature/background_extended

fixed missing bottom background

Author: jonwk

sample-app/package-lock.json

@@ -12,8 +12,8 @@
     "next": "12.0.7",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "react-particles-js": "^3.6.0",
     "react-redux": "^7.2.6",
+    "react-tsparticles": "^2.12.2",
     "recharts": "^2.1.8",
     "styled-components": "^5.3.3"
   },

sample-app/package.json

@@ -287,7 +287,8 @@ const GlobalStyle = createGlobalStyle`
     -moz-osx-font-smoothing: grayscale;
     font-family: ${fonts.inter};
     color: ${colors.darkGrey};
-    background-color: ${colors.offWhite};
+    background: #24292e;
+    box-shadow: inset -24px -24px 39px #1e2226, inset 24px 24px 39px #2a3036;
   }
 
   h1, h2, h3, h4, h5, h6 {

sample-app/styles/GlobalStyle.js

@@ -5,7 +5,7 @@ const { colors } = theme;
 const Section = styled.section`
   padding: 3rem 5rem;
   background: #24292e;
-  box-shadow: inset -24px -24px 39px #1e2226, inset 24px 24px 39px #2a3036;
+  // box-shadow: inset -24px -24px 39px #1e2226, inset 24px 24px 39px #2a3036;
   
   ${media.bp900`
     padding: 2rem;