feat: add theme manager

awesome!

inertia/components/common/form/_form_field.tsx

@@ -17,7 +17,7 @@ const FormField = styled('div', {
     position: 'absolute',
     top: 0,
     right: '-0.75em',
-    color: theme.colors.red,
+    color: theme.colors.lightRed,
     content: (required ? '"*"' : '""') as any,
   },
 }));

inertia/components/common/form/_input.tsx

@@ -3,10 +3,10 @@ import styled from '@emotion/styled';
 const Input = styled.input(({ theme }) => ({
   width: '100%',
   color: theme.colors.font,
-  backgroundColor: theme.colors.white,
+  backgroundColor: theme.colors.secondary,
   padding: '0.75em',
-  border: `1px solid ${theme.colors.lightestGrey}`,
-  borderBottom: `2px solid ${theme.colors.lightestGrey}`,
+  border: `1px solid ${theme.colors.lightGrey}`,
+  borderBottom: `2px solid ${theme.colors.lightGrey}`,
   borderRadius: theme.border.radius,
   transition: theme.transition.delay,
 
@@ -16,7 +16,7 @@ const Input = styled.input(({ theme }) => ({
 
   '&::placeholder': {
     fontStyle: 'italic',
-    color: theme.colors.lightestGrey,
+    color: theme.colors.grey,
   },
 }));