Updates primary color, logo in the illustrations

vonovak · Feb 25, 2021 · ef9ab35 · ef9ab35
1 parent c7685b9
commit ef9ab35
Show file tree

Hide file tree

Showing 8 changed files with 89 additions and 100 deletions.
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -56,7 +56,7 @@ export const Footer: React.FC = () => {
   const currentYear = new Date().getFullYear()
 
   return (
-    <Box as={StyledFooter} paddingVertical={48}>
+    <Box as={StyledFooter} paddingVertical={64} paddingVerticalLg={100}>
       <Grid>
         <Composition
           templateCols="1fr 1fr"

diff --git a/src/components/Section.tsx b/src/components/Section.tsx
@@ -17,8 +17,8 @@ export const Section: React.FC<CompositionProps> = ({
         gap={48}
         gapMd={64}
         paddingVertical={64}
-        paddingVerticalMd={80}
-        paddingVerticalLg={120}
+        paddingVerticalMd={100}
+        paddingVerticalLg={200}
         maxWidth="100%"
         marginHorizontal="auto"
         {...gridProps}

diff --git a/src/images/logos/msw-mask.svg b/src/images/logos/msw-mask.svg
diff --git a/src/images/logos/msw.svg b/src/images/logos/msw.svg
diff --git a/src/images/msw-agnostic.svg b/src/images/msw-agnostic.svg
diff --git a/src/images/teachers-diagram.svg b/src/images/teachers-diagram.svg
diff --git a/src/sections/Integration.tsx b/src/sections/Integration.tsx
@@ -14,7 +14,7 @@ import { ReactComponent as AgnosticIllustration } from '../images/msw-agnostic.s
 const Parent = styled.div`
   position: relative;
 
-  [class$='connection'] {
+  #connection line {
     stroke-dasharray: 14;
     stroke: var(--color-gray-light);
 

diff --git a/src/theme.ts b/src/theme.ts
@@ -1,15 +1,15 @@
 export default {
   colors: {
-    primary: 'hsl(28, 83%, 64%)',
-    primaryDark: 'hsl(28, 16%, 20%)',
-    primaryDim: 'hsla(28, 83%, 64%, 0.3)',
+    primary: 'hsl(16, 100%, 60%)',
+    primaryDark: 'hsl(16, 16%, 20%)',
+    primaryDim: 'hsla(16, 83%, 64%, 0.3)',
     secondary: 'hsl(210, 75%, 45%)',
     grayDim: 'hsl(210, 20%, 96%)',
     grayLight: 'hsl(210, 16%, 80%)',
     gray: 'hsl(210, 9%, 43%)',
     grayDark: 'hsl(210, 18%, 24%)',
 
-    black: 'hsl(220, 18%, 20%)',
+    black: 'hsl(220, 25%, 12%)',
     success: 'hsl(90, 60%, 60%)',
     danger: 'hsl(0, 90%, 60%)',
   },