diff --git a/components/sesyon/koneksyon.js b/components/sesyon/koneksyon.js
index 753f439..5b06291 100644
--- a/components/sesyon/koneksyon.js
+++ b/components/sesyon/koneksyon.js
@@ -43,6 +43,12 @@ const PROVIDERS = [
     title: 'Twitter',
     width: 56,
     height: 46
+  },
+  {
+    id: 'github',
+    title: 'GitHub',
+    width: 52,
+    height: 51
   }
 ]
 
diff --git a/components/sesyon/login-provider.js b/components/sesyon/login-provider.js
index 328a932..2c5e381 100644
--- a/components/sesyon/login-provider.js
+++ b/components/sesyon/login-provider.js
@@ -2,8 +2,11 @@ import PropTypes from 'prop-types'
 import Link from 'next/link'
 import Image from 'next/image'
 import {signIn} from 'next-auth/react'
+import {useTheme} from '@mui/material/styles'
 
 export default function LoginProvider({id, title, width, height, callbackUrl}) {
+  const theme = useTheme()
+
   const hanleClick = event => {
     event.preventDefault()
     signIn(id, {
@@ -18,7 +21,7 @@ export default function LoginProvider({id, title, width, height, callbackUrl}) {
         width={width}
         height={height}
         alt={title}
-        src={`/images/${id}.svg`}
+        src={`/images/${id === 'github' ? `${id}-${theme.palette.mode}` : id}.svg`}
         onClick={hanleClick}
       />
     </Link>
diff --git a/package.json b/package.json
index f95e60c..a300df8 100644
--- a/package.json
+++ b/package.json
@@ -73,6 +73,7 @@
             "CredentialsProvider",
             "TwitterProvider",
             "GoogleProvider",
+            "GitHubProvider",
             "NextAuth"
           ]
         }
diff --git a/pages/api/auth/[...nextauth].js b/pages/api/auth/[...nextauth].js
index 368995d..10fd85f 100644
--- a/pages/api/auth/[...nextauth].js
+++ b/pages/api/auth/[...nextauth].js
@@ -2,6 +2,7 @@ import NextAuth from 'next-auth'
 import CredentialsProvider from 'next-auth/providers/credentials'
 import TwitterProvider from 'next-auth/providers/twitter'
 import GoogleProvider from 'next-auth/providers/google'
+import GitHubProvider from 'next-auth/providers/github'
 import axios from 'axios'
 
 const options = {
@@ -36,6 +37,10 @@ const options = {
     GoogleProvider({
       clientId: process.env.NEXT_PUBLIC_GOOGLE_CLIENT_ID,
       clientSecret: process.env.NEXT_PUBLIC_GOOGLE_CLIENT_SECRET
+    }),
+    GitHubProvider({
+      clientId: process.env.NEXT_PUBLIC_GITHUB_CLIENT_ID,
+      clientSecret: process.env.NEXT_PUBLIC_GITHUB_CLIENT_SECRET
     })
   ],
   secret: process.env.NEXT_PUBLIC_JWT_SECRET,
@@ -51,7 +56,7 @@ const options = {
           url = `${process.env.NEXT_PUBLIC_API_URL}/auth/${account.provider}/callback?access_token=${account?.oauth_token}&access_secret=${account?.oauth_token_secret}`
         }
 
-        if (account.provider === 'google') {
+        if (account.provider === 'google' || account.provider === 'github') {
           url = `${process.env.NEXT_PUBLIC_API_URL}/auth/${account.provider}/callback?access_token=${account?.access_token}`
         }