Apply new theme (#449)

* Apply new theme

* Fix storybook

* Fixes

* Fix regressions

front/src/pages/auth/Index.tsx

@@ -65,7 +65,7 @@ export function Index() {
         <Title>Welcome to Twenty</Title>
         <StyledContentContainer>
           <PrimaryButton fullWidth={true} onClick={onGoogleLoginClick}>
-            <IconBrandGoogle size={theme.iconSizeSmall} stroke={4} />
+            <IconBrandGoogle size={theme.icon.size.sm} stroke={4} />
             Continue With Google
           </PrimaryButton>
           <HorizontalSeparator />

front/src/pages/auth/PasswordLogin.tsx

@@ -31,7 +31,7 @@ const StyledButtonContainer = styled.div`
 `;
 
 const StyledErrorContainer = styled.div`
-  color: ${({ theme }) => theme.red};
+  color: ${({ theme }) => theme.color.red};
 `;
 
 export function PasswordLogin() {