fix: some color contrast issue

thedaviddias · Aug 5, 2023 · 4a3255f · 4a3255f · vercel · Aug 5, 2023
1 parent 10b566d
commit 4a3255f
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 4 deletions.
diff --git a/apps/blog/src/components/Footer/Footer.tsx b/apps/blog/src/components/Footer/Footer.tsx
@@ -87,7 +87,7 @@ export const Footer = () => {
         <NewsletterForm />
       </div>
       <div
-        className="main-footer bg-gray-50 dark:bg-[#090808] transform"
+        className="main-footer bg-gray-50 dark:bg-black transform"
         aria-labelledby="footer-heading"
       >
         <h2 id="footer-heading" className="sr-only">

diff --git a/apps/blog/src/pages/index.tsx b/apps/blog/src/pages/index.tsx
@@ -120,8 +120,7 @@ const Home: NextPage<HomeProps> = ({ articles, notes, ghProjects, fallback, proj
                 src="/images/david-dias-round.jpg"
                 width={250}
                 height={250}
-                alt="Photo of David Dias"
-                priority={true}
+                alt="Photo of David Dias in black and white"
                 style={{
                   maxWidth: '100%',
                   height: 'auto',

diff --git a/apps/blog/src/styles/globals.css b/apps/blog/src/styles/globals.css
@@ -55,7 +55,7 @@ h6 {
 }
 
 .small-title {
-  @apply text-sm font-title font-semibold text-gray-400 tracking-wider uppercase my-2;
+  @apply text-sm font-title font-semibold text-gray-500 dark:text-gray-400 tracking-wider uppercase my-2;
 }
 
 /* .separator {