refactor: Improve text readability

Alexintosh · Jul 17, 2021 · e89a64e · e89a64e
1 parent 03f2a2e
commit e89a64e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/components/screens/Post/Post.tsx b/components/screens/Post/Post.tsx
@@ -43,7 +43,7 @@ export function Post({ content, frontMatter }: PostProps) {
         animate="show"
         className="mdx-prose"
         initial="hidden"
-        maxW="72ch"
+        maxW="80ch"
         mx="auto"
         variants={postVariants}
       >

diff --git a/styles/chakraTheme.ts b/styles/chakraTheme.ts
@@ -29,6 +29,7 @@ export const chakraTheme = extendTheme({
           maxW: '600px',
           my: [4, 8, 16],
           textAlign: ['left', 'center'],
+          mx: 'auto',
         },
         h2: {
           color: colorMode === 'dark' ? 'orange.200' : 'blue.600',
@@ -41,8 +42,9 @@ export const chakraTheme = extendTheme({
           mt: [12, 20],
         },
         p: {
+          color: colorMode === 'dark' ? 'gray.300' : 'gray.600',
           fontSize: [18, 20],
-          lineHeight: '1.6',
+          lineHeight: '1.8',
           my: 8,
         },
         ul: {