fix: shade of secondary information

paultibbetts · Jun 28, 2020 · a68c672 · a68c672
1 parent 1ab6ea2
commit a68c672
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 6 deletions.
diff --git a/src/components/Comment/Comment.tsx b/src/components/Comment/Comment.tsx
@@ -15,7 +15,7 @@ export const Comment = (props: ICommentProps): JSX.Element => {
       style={{ paddingLeft: `${comment.level / 2}rem` }}
     >
       <div className="mb-4">
-        <div className="text-gray-600 dark:text-gray-100 mb-2">
+        <div className="text-gray-600 dark:text-gray-300 mb-2">
           <Link
             className="underline pb-4"
             to={`/user/${comment.user}`}

diff --git a/src/components/Item/Item.tsx b/src/components/Item/Item.tsx
@@ -35,7 +35,7 @@ export const Item = (props: Props) => {
               }
             </a>
           </h1>
-          <div className="text-gray-600 dark:text-gray-100">
+          <div className="text-gray-600 dark:text-gray-300">
             {data.points && (
               <Fragment>
                 {data.points} {data.points === 1 ? 'point ' : 'points '}

diff --git a/src/components/Story/Story.tsx b/src/components/Story/Story.tsx
@@ -40,7 +40,7 @@ export const Story = (props: Props): JSX.Element => {
         <div className="mb-1">
           {StoryLink(data)}
         </div>
-        <div className="pl-1 text-sm text-gray-700 dark:text-gray-100">
+        <div className="pl-1 text-sm text-gray-700 dark:text-gray-300">
           {data.points && (
             <span>
               {data.points} points

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -16,9 +16,10 @@ module.exports = {
         },
         gray: {
           '100': '#f7f7f7',
-          '300': 'rgb(247, 247, 247)',
-          '400': '#ececec',
-          '500': 'rgb(130, 130, 130)',
+          '200': 'rgb(247, 247, 247)',
+          '300': 'rgb(190, 190, 190)',
+          '400': 'rgb(130, 130, 130)',
+          '500': '#6E7991',
           '600': '#282c34',
           '700': '#20232a'
         }