Merge pull request #974 from kanishka-commits/ui/theme

[FIX]: #967 3 Major Issues Related to Theme Inconsistencies

Author: sanjay-kv

src/components/NewsLetterPopup.tsx

@@ -38,7 +38,7 @@ const NewsletterPopup = () => {
           className="mx-auto mb-4 h-16 w-16 rounded-full shadow-md"
         />
 
-        <h2 className="mb-2 text-3xl font-extrabold text-gray-900">
+        <h2 className="mb-2 text-3xl font-extrabold text-gray-900!">
           Sanjay’s Substack
         </h2>
 

src/components/ui/FirebaseAuthGithub.tsx

@@ -77,11 +77,11 @@ const FirebaseAuthGithub: React.FC = () => {
     >
       <button
         onClick={handleGithubSignIn}
-        className="flex cursor-pointer items-center gap-2 rounded bg-[#1f1e1e] px-4 py-2 text-white hover:bg-[#2c2c2c]"
+        className="flex items-center justify-center gap-2 rounded bg-[var(--btn-bg)] px-3 py-1.5 text-xs font-semibold text-[var(--btn-text)] transition-colors duration-300 hover:bg-[var(--btn-hover)] hover:text-[var(--btn-hover-text)] sm:text-sm md:text-base"
       >
         <svg
-          height="24"
-          width="24"
+          height="22"
+          width="22"
           viewBox="0 0 16 16"
           fill="currentColor"
           aria-hidden="true"

src/pages/badges/github-badges.module.css

@@ -88,6 +88,7 @@
   margin: 0 auto 40px;
   opacity: 0.95;
   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
+  color: rgb(251, 251, 251) !important;
 }
 
 .badgeStats {
@@ -1867,4 +1868,4 @@ table tr:last-child td:last-child {
 
 [data-theme="dark"] .achievementsTable td b:hover {
   box-shadow: 0 4px 10px rgba(37, 194, 160, 0.4) !important;
-}
+}