Extended Facebook color

yamanidev · May 5, 2024 · de290ee · de290ee
1 parent 324ccef
commit de290ee
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/src/components/ContactLinks.tsx b/src/components/ContactLinks.tsx
@@ -54,7 +54,7 @@ function ContactLinks({ details, className }: { details: ContactDetails; classNa
             href={details.facebook}
             rel="noreferrer"
             target="_blank"
-            className="inline-block rounded-md bg-[#1877F2] p-2">
+            className="bg-facebook-blue inline-block rounded-md p-2">
             <img src="/images/facebook-logo-white.png" alt="Facebook logo" className="w-3.5" />
           </a>
         </li>

diff --git a/src/pages/contact.astro b/src/pages/contact.astro
@@ -57,7 +57,7 @@ import "../styles/global.css";
               href="https://www.facebook.com/"
               target="_blank"
               rel="noreferrer"
-              class="flex h-16 w-16 items-center justify-center rounded-xl bg-[#0866FF] sm:h-20 sm:w-20">
+              class="bg-facebook-blue flex h-16 w-16 items-center justify-center rounded-xl sm:h-20 sm:w-20">
               <img
                 src="/images/facebook-logo.png"
                 width="48"

diff --git a/tailwind.config.mjs b/tailwind.config.mjs
@@ -8,7 +8,8 @@ export default {
         "anti-flash-white": "#F1F1F1",
         "palestine-red": "#EE2A35",
         "palestine-green": "#009736",
-        "telegram-blue": "#2AABEE"
+        "telegram-blue": "#2AABEE",
+        "facebook-blue": "#1877F2"
       },
       fontFamily: {
         alexandria: ["Alexandria", "sans-serif"]