From 0058453fd92748d20eb1562fcea5871cec4c4f5a Mon Sep 17 00:00:00 2001
From: Giteabot <teabot@gitea.io>
Date: Fri, 9 Jun 2023 06:59:18 -0400
Subject: [PATCH] Modify OAuth login ui and fix display name, iconurl related
 logic (#25030) (#25161)

Backport #25030 by @HesterG

Close #24808

Co-Authour @wxiaoguang @silverwind

1. Most svgs are found from https://worldvectorlogo.com/ , and some are
from conversion of png to svg. (facebook and nextcloud). And also
changed `templates/user/settings/security/accountlinks.tmpl`.

2. Fixed display name and iconurl related logic

# After

<img width="1436" alt="Screen Shot 2023-06-05 at 14 09 05"
src="https://github.com/go-gitea/gitea/assets/17645053/a5db39d8-1ab0-4676-82a4-fba60a1d1f84">

On mobile

<img width="378" alt="Screen Shot 2023-06-05 at 14 09 46"
src="https://github.com/go-gitea/gitea/assets/17645053/71d0f51b-baac-4f48-8ca2-ae0e013bd62e">


user/settings/security/accountlinks (The dropdown might be improved
later)

<img width="973" alt="Screen Shot 2023-06-01 at 10 01 44"
src="https://github.com/go-gitea/gitea/assets/17645053/27010e7e-2785-4fc5-8c49-b06621898f37">

Co-authored-by: HesterG <hestergong@gmail.com>
Co-authored-by: silverwind <me@silverwind.io>
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
---
 options/locale/locale_en-US.ini               |   3 +-
 public/img/auth/azuread.png                   | Bin 3099 -> 0 bytes
 public/img/auth/azuread.svg                   |   1 +
 public/img/auth/azureadv2.png                 | Bin 3099 -> 0 bytes
 public/img/auth/azureadv2.svg                 |   1 +
 public/img/auth/bitbucket.png                 | Bin 2161 -> 0 bytes
 public/img/auth/bitbucket.svg                 |   1 +
 public/img/auth/discord.png                   | Bin 1559 -> 0 bytes
 public/img/auth/discord.svg                   |   1 +
 public/img/auth/dropbox.png                   | Bin 1424 -> 0 bytes
 public/img/auth/dropbox.svg                   |   1 +
 public/img/auth/facebook.png                  | Bin 2088 -> 0 bytes
 public/img/auth/facebook.svg                  |   1 +
 public/img/auth/gitea.png                     | Bin 5576 -> 0 bytes
 public/img/auth/gitea.svg                     |   1 +
 public/img/auth/github.png                    | Bin 1151 -> 0 bytes
 public/img/auth/github.svg                    |   1 +
 public/img/auth/gitlab.png                    | Bin 3616 -> 0 bytes
 public/img/auth/gitlab.svg                    |   1 +
 public/img/auth/google.png                    | Bin 1622 -> 0 bytes
 public/img/auth/google.svg                    |   1 +
 public/img/auth/mastodon.png                  | Bin 5112 -> 0 bytes
 public/img/auth/mastodon.svg                  |   1 +
 public/img/auth/microsoftonline.png           | Bin 792 -> 0 bytes
 public/img/auth/microsoftonline.svg           |   1 +
 public/img/auth/nextcloud.png                 | Bin 2918 -> 0 bytes
 public/img/auth/nextcloud.svg                 |   1 +
 public/img/auth/openid_connect.svg            |   1 -
 public/img/auth/twitter.png                   | Bin 2709 -> 0 bytes
 public/img/auth/twitter.svg                   |   1 +
 public/img/auth/yandex.png                    | Bin 826 -> 0 bytes
 public/img/auth/yandex.svg                    |   1 +
 services/auth/signin.go                       |   2 +-
 services/auth/source/oauth2/providers.go      |  44 ++--
 services/auth/source/oauth2/providers_base.go |  15 +-
 .../auth/source/oauth2/providers_custom.go    |   2 +-
 .../auth/source/oauth2/providers_openid.go    |   8 +-
 .../auth/source/oauth2/providers_simple.go    |   6 +-
 templates/user/auth/signin_inner.tmpl         |  28 +--
 .../user/settings/security/accountlinks.tmpl  |   2 +-
 web_src/css/base.css                          |   4 +
 web_src/css/form.css                          |   6 +-
 web_src/fomantic/_site/globals/site.variables |   1 +
 web_src/fomantic/build/semantic.css           | 213 ------------------
 44 files changed, 80 insertions(+), 270 deletions(-)
 delete mode 100644 public/img/auth/azuread.png
 create mode 100644 public/img/auth/azuread.svg
 delete mode 100644 public/img/auth/azureadv2.png
 create mode 100644 public/img/auth/azureadv2.svg
 delete mode 100644 public/img/auth/bitbucket.png
 create mode 100644 public/img/auth/bitbucket.svg
 delete mode 100644 public/img/auth/discord.png
 create mode 100644 public/img/auth/discord.svg
 delete mode 100644 public/img/auth/dropbox.png
 create mode 100644 public/img/auth/dropbox.svg
 delete mode 100644 public/img/auth/facebook.png
 create mode 100644 public/img/auth/facebook.svg
 delete mode 100644 public/img/auth/gitea.png
 create mode 100644 public/img/auth/gitea.svg
 delete mode 100644 public/img/auth/github.png
 create mode 100644 public/img/auth/github.svg
 delete mode 100644 public/img/auth/gitlab.png
 create mode 100644 public/img/auth/gitlab.svg
 delete mode 100644 public/img/auth/google.png
 create mode 100644 public/img/auth/google.svg
 delete mode 100644 public/img/auth/mastodon.png
 create mode 100644 public/img/auth/mastodon.svg
 delete mode 100644 public/img/auth/microsoftonline.png
 create mode 100644 public/img/auth/microsoftonline.svg
 delete mode 100644 public/img/auth/nextcloud.png
 create mode 100644 public/img/auth/nextcloud.svg
 delete mode 100644 public/img/auth/openid_connect.svg
 delete mode 100644 public/img/auth/twitter.png
 create mode 100644 public/img/auth/twitter.svg
 delete mode 100644 public/img/auth/yandex.png
 create mode 100644 public/img/auth/yandex.svg

diff --git a/options/locale/locale_en-US.ini b/options/locale/locale_en-US.ini
index 195252c47d..9528708623 100644
--- a/options/locale/locale_en-US.ini
+++ b/options/locale/locale_en-US.ini
@@ -4,7 +4,8 @@ explore = Explore
 help = Help
 logo = Logo
 sign_in = Sign In
-sign_in_with = Sign In With
+sign_in_with_provider = Sign in with %s
+sign_in_or = or
 sign_out = Sign Out
 sign_up = Register
 link_account = Link Account
diff --git a/public/img/auth/azuread.png b/public/img/auth/azuread.png
deleted file mode 100644
index 1adbf15e28a0da8e8001a97790da0ad234e2b48a..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3099
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

diff --git a/public/img/auth/azuread.svg b/public/img/auth/azuread.svg
new file mode 100644
index 0000000000..6b69abcba4
--- /dev/null
+++ b/public/img/auth/azuread.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="svg gitea-azuread" width="16" height="16" aria-hidden="true"><defs><linearGradient id="gitea-azuread__a" x1="13.25" x2="8.62" y1="13.02" y2="4.25" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1988d9"/><stop offset=".9" stop-color="#54aef0"/></linearGradient><linearGradient id="gitea-azuread__b" x1="11.26" x2="14.46" y1="10.47" y2="15.99" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#54aef0"/><stop offset=".29" stop-color="#4fabee"/><stop offset=".51" stop-color="#41a2e9"/><stop offset=".74" stop-color="#2a93e0"/><stop offset=".88" stop-color="#1988d9"/></linearGradient></defs><path fill="#50e6ff" d="m1.01 10.19 7.92 5.14 8.06-5.16L18 11.35l-9.07 5.84L0 11.35l1.01-1.16z"/><path fill="#fff" d="M1.61 9.53 8.93.81l7.47 8.73-7.47 4.72-7.32-4.73z"/><path fill="#50e6ff" d="M8.93.81v13.45L1.61 9.53 8.93.81z"/><path fill="url(#gitea-azuread__a)" d="M8.93.81v13.45l7.47-4.72L8.93.81z"/><path fill="#53b1e0" d="m8.93 7.76 7.47 1.78-7.47 4.72v-6.5z"/><path fill="#9cebff" d="M8.93 14.26 1.61 9.53l7.32-1.77v6.5z"/><path fill="url(#gitea-azuread__b)" d="M8.93 17.19 18 11.35l-1.01-1.18-8.06 5.16v1.86z"/></svg>
\ No newline at end of file
diff --git a/public/img/auth/azureadv2.png b/public/img/auth/azureadv2.png
deleted file mode 100644
index 1adbf15e28a0da8e8001a97790da0ad234e2b48a..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3099
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

diff --git a/public/img/auth/azureadv2.svg b/public/img/auth/azureadv2.svg
new file mode 100644
index 0000000000..7dbd8ea625
--- /dev/null
+++ b/public/img/auth/azureadv2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="svg gitea-azureadv2" width="16" height="16" aria-hidden="true"><defs><linearGradient id="gitea-azureadv2__a" x1="13.25" x2="8.62" y1="13.02" y2="4.25" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1988d9"/><stop offset=".9" stop-color="#54aef0"/></linearGradient><linearGradient id="gitea-azureadv2__b" x1="11.26" x2="14.46" y1="10.47" y2="15.99" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#54aef0"/><stop offset=".29" stop-color="#4fabee"/><stop offset=".51" stop-color="#41a2e9"/><stop offset=".74" stop-color="#2a93e0"/><stop offset=".88" stop-color="#1988d9"/></linearGradient></defs><path fill="#50e6ff" d="m1.01 10.19 7.92 5.14 8.06-5.16L18 11.35l-9.07 5.84L0 11.35l1.01-1.16z"/><path fill="#fff" d="M1.61 9.53 8.93.81l7.47 8.73-7.47 4.72-7.32-4.73z"/><path fill="#50e6ff" d="M8.93.81v13.45L1.61 9.53 8.93.81z"/><path fill="url(#gitea-azureadv2__a)" d="M8.93.81v13.45l7.47-4.72L8.93.81z"/><path fill="#53b1e0" d="m8.93 7.76 7.47 1.78-7.47 4.72v-6.5z"/><path fill="#9cebff" d="M8.93 14.26 1.61 9.53l7.32-1.77v6.5z"/><path fill="url(#gitea-azureadv2__b)" d="M8.93 17.19 18 11.35l-1.01-1.18-8.06 5.16v1.86z"/></svg>
\ No newline at end of file
diff --git a/public/img/auth/bitbucket.png b/public/img/auth/bitbucket.png
deleted file mode 100644
index b3d022a5a7019f199eaab18992c4bb5926824abe..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2161
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
ZzjJJH@nRK!&cMLH;OXk;vd$@?2>>1Y<(~im

diff --git a/public/img/auth/bitbucket.svg b/public/img/auth/bitbucket.svg
new file mode 100644
index 0000000000..d3b15a9dc6
--- /dev/null
+++ b/public/img/auth/bitbucket.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 295" class="svg gitea-bitbucket" width="16" height="16" aria-hidden="true"><g fill="#205081"><path d="M128 0C57.732 0 .012 18.822.012 42.663c0 6.274 15.057 95.364 21.331 130.498 2.51 16.312 43.918 38.898 106.657 38.898 62.74 0 102.893-22.586 106.657-38.898 6.274-35.134 21.331-124.224 21.331-130.498C254.734 18.822 198.268 0 128 0zm0 183.199c-22.586 0-40.153-17.567-40.153-40.153s17.567-40.153 40.153-40.153 40.153 17.567 40.153 40.153c0 21.331-17.567 40.153-40.153 40.153zm0-127.988c-45.172 0-81.561-7.53-81.561-17.567 0-10.039 36.389-17.567 81.561-17.567 45.172 0 81.561 7.528 81.561 17.567 0 10.038-36.389 17.567-81.561 17.567z"/><path d="M220.608 207.04c-2.51 0-3.764 1.255-3.764 1.255s-31.37 25.096-87.835 25.096c-56.466 0-87.835-25.096-87.835-25.096s-2.51-1.255-3.765-1.255c-2.51 0-5.019 1.255-5.019 5.02v1.254c5.02 26.35 8.784 45.172 8.784 47.682 3.764 18.822 41.408 33.88 86.58 33.88s82.816-15.058 86.58-33.88c0-2.51 3.765-21.332 8.784-47.682v-1.255c1.255-2.51 0-5.019-2.51-5.019z"/><circle cx="128" cy="141.791" r="20.077"/></g></svg>
\ No newline at end of file
diff --git a/public/img/auth/discord.png b/public/img/auth/discord.png
deleted file mode 100644
index db0e70d5d42d5a4e9df0db6491f647b3f33bea76..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1559
zcmeAS@N?(olHy`uVBq!ia0y~yVED?w!0>^CnSp`f{h~`x7#J9g1AIbU85kIfI&YDL
zN^*mzF)%O)lmz(&GdMH|?0-N1e1gG!g@S<f{rq3ITQe}QHha1_hEy=Vy?cGyY6JeZ
zhv%nR`+l$ATz^t(lXsZR=Hm?#U*`E&zPRde*~Axtw%AQH4D(oQXt79BWLjv9QCaV?
zLqgr0zfDD_MVZ`CpA}ie{Y}Gt+T6vm7v?P$-@UnAv{v2Bb)S>*u5BMor7jvC7C*`V
zBK*l}kqc`(*I#akv)t#$ZDsnQRqMr-6X9Bm{f*-_yX{2x1sVT3GF@wt_ssR8yHY~d
zW`(Yfy1FWC>#9%~(-ck6J$>!hn6(kRcl>a^qPm2K;Y9J}x8H2qiV90**llJtJ?H;v
zz_{8bE-W^zD9*<Gsq?Y$!$Ip-l(F?|92KAQTlajui15SJPu4BtJ8X5jF4!`CtzpGU
ziQRuL{Wf@@{dnDyvY)4A!a6r!Zm2q(5}smEy4|JJuzuEa!^NhXkJvAhp72NY$}|QB
zk!!r4kF^#4tCeNc{dCpv@x>RfpJbW1rR8V-<?kx^>U4g(ON`Q=YRezbS24|UT`enj
zv()*|T#c!vN=&YsZZRAX=vMurv2)T#4bCuY1_Q%|(Z^J6w2H2>IrzPZGGb^@36tHJ
z?7GS-@%Wm6(u4CRPG7n0##V)3-y2(Xf@C)o`z^Ya@O+X(>A`oEm9GSMi$7V({w7Xr
z`Mg30*I8B%8{9Ip4l(i`x?;?yc`8U<=8}fDuf-C_DOJZDT|Hm5G)JkdWS0pMTheEt
zqwk(u7~$A=>%oRe5?hbAx23E#ZOJ+oHJh!b<H(Bi5aaW=FTM9osePPK6WCSdqRRE>
z%zkCb`!-g$m0aiEKF;CItDU`Ole*@sWx08+bGN_Y@a(viJJWdHhoGBV)OC!mlwIC0
zAywu!@54R?XWQH;&f3#wq(ANpY@79A+XaJ(pN>sE))DZ#*E;-m(Uw*(r7L{zvn`ix
zjP`%Dh-K^D6=k|v&EL-oUCHDxJ@$JI%hsC}W_z|M1f28;$d_f)H~sUk$t$v9*Mdto
zHZA-V?LJFnL76oFtk~0jwu{3o<7Lg}iO*{5zQcF*&d;pws1PZ&Np~%xJ{0Y<%9YBs
z4LaQTx~1w{&DMi#+ms&&->!F3J{jITPbFX4PX8fW&8a!-k3Da@X!-t`%Ze#YpD*6z
ziHYCqUE*!(7rr}sb!aa8mu#bol^!9_jTQwr&;B@T@(Q;{Mhl%&EH9;A@i=p?=Kh=T
zEfrr+<&}k>(T<w1t8RAEr!z4^wU1kmZf}3vY#)8L_-l2XokUJw(3*Ki-0Wh{o^BUD
zv?(PgQ?_E!j9<J{i?7c4u<T7mtF(!$_RPJiH_N|Un9gzdRryE7{MyGTi4V&rwyx05
z@#(97I_;uBoU(D-iSvJqVjiB<=Bs%7_JsPyv)}4fC%^g6rT0nx?8>TErwOxUAJ&Fg
z)mrPji!EIj_m*q!zQe{<mH8XbI?vCy^POtjr1EvvQaR=RA3S@^ST?@DRc&4JLnwVo
zSLC#++<E){tNOLuFM9H%zxT1Tk`4F$KNa^TJUiV}8QNsJv#NO6!wu@v*3-HBQp08b
zC$D=UF%>2EmTpJOzM$-VZhJ_x|GDGFS6cng9TC1_JpYcz$BNQNlZzcJVti}LwzT%n
z-_+sHaOh&zVRdna1e*xn<Ilss$!o_wYV^8yz-_zE{M#MwlkG!#D}L>J9r&$%)yovK
zt(z}yjQMe9*|-19KMaelxBQoXA*EXr$9guW<eZ4z+B;|5z6U*-EH(Rn<w3sG*FSoa
zKF?OUvGU*?fvB554&IDjH8F3c+peWjC+`RLzIngGt*<<!`H}3^1qJS=0(mQsRd}0T
z(!F}(UtiXfB6m}bdx5;O-mhRgq<d8&AFS=>{lMOscPrSATCZ|6e%z;f0i`6({}x}x
Xeof@KQlJh40|SGntDnm{r-UW|INJKE

diff --git a/public/img/auth/discord.svg b/public/img/auth/discord.svg
new file mode 100644
index 0000000000..ea64a39f6e
--- /dev/null
+++ b/public/img/auth/discord.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 293" class="svg gitea-discord" width="16" height="16" aria-hidden="true"><path fill="#7289DA" d="M226.011 0H29.99C13.459 0 0 13.458 0 30.135v197.778c0 16.677 13.458 30.135 29.989 30.135h165.888l-7.754-27.063 18.725 17.408 17.7 16.384L256 292.571V30.135C256 13.458 242.542 0 226.011 0zm-56.466 191.05s-5.266-6.291-9.655-11.85c19.164-5.413 26.478-17.408 26.478-17.408-5.998 3.95-11.703 6.73-16.823 8.63-7.314 3.073-14.336 5.12-21.211 6.291-14.044 2.633-26.917 1.902-37.888-.146-8.339-1.61-15.507-3.95-21.504-6.29-3.365-1.317-7.022-2.926-10.68-4.974-.438-.293-.877-.439-1.316-.732a2.022 2.022 0 0 1-.585-.438c-2.633-1.463-4.096-2.487-4.096-2.487s7.022 11.703 25.6 17.261c-4.388 5.56-9.801 12.142-9.801 12.142-32.33-1.024-44.617-22.235-44.617-22.235 0-47.104 21.065-85.285 21.065-85.285 21.065-15.799 41.106-15.36 41.106-15.36l1.463 1.756C80.75 77.53 68.608 89.088 68.608 89.088s3.218-1.755 8.63-4.242c15.653-6.876 28.088-8.777 33.208-9.216.877-.147 1.609-.293 2.487-.293a123.776 123.776 0 0 1 29.55-.292c13.896 1.609 28.818 5.705 44.031 14.043 0 0-11.556-10.971-36.425-18.578l2.048-2.34s20.041-.44 41.106 15.36c0 0 21.066 38.18 21.066 85.284 0 0-12.435 21.211-44.764 22.235zm-68.023-68.316c-8.338 0-14.92 7.314-14.92 16.237 0 8.924 6.728 16.238 14.92 16.238 8.339 0 14.921-7.314 14.921-16.238.147-8.923-6.582-16.237-14.92-16.237m53.394 0c-8.339 0-14.922 7.314-14.922 16.237 0 8.924 6.73 16.238 14.922 16.238 8.338 0 14.92-7.314 14.92-16.238 0-8.923-6.582-16.237-14.92-16.237"/></svg>
\ No newline at end of file
diff --git a/public/img/auth/dropbox.png b/public/img/auth/dropbox.png
deleted file mode 100644
index c2f4c90974a6c4411ea133e0a5cc5b188cce9f4e..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1424
zcmeAS@N?(olHy`uVBq!ia0y~yVDMmIU~u7JV_;xV(l54QU|<dRba4!+V0?Rrd5wy%
zz=4m(_VaUZZ$m=m{$Kx2mQkC1d%MIJIkTU(Yjy=UhlGFkX}HhNE&u<^E;)|52JH3G
zH}W#hIOwx{zVaaDFyD#v_6bLt${r_*KiOP+;;CmNXKUSu)*BT)d(`r$>=ux=ljztV
z!me)5=ltg*W3O+<ZnJw1e+q?;hOj(~?`heQu%+?&&W8fxJ`NSDn}WrjE96DAaaft3
zVd{`xw_wxE#?Gdd0&~wPZ<T(levGrjuUPQ#iw9Q@_;xtXTfBq&t@r`w4##(k`UD$2
z8&U-(Zz)~G@B5J1@Sv1Rsk%YqMKOIvwb{)A_g^{-_%zOV!@Emy#pZ*at-S)=xvnL?
z@=8g(N1UuD9Nd3^#a(_+yG8;3&k4-t3S1S598R~{)VaSoib(e+3LNcId_Mibmj;b8
zhDZ}>9o;fV5ov)2`I!YWiw*>rI0;xw7H8YEXcVyB+{%3JqyYC>Hy?H3E1Ck_XAj2T
zf9<1O(=y|Q2G_2MRZq4(uzA^ht<P!__jX0L>eh1{OO*?G`^wawrt=4!xY_4&ysX1f
zOmX5t*G)GCn%}s~lyAEx(ZP2;@YE5;lEj#n7Y3pWzm_aoCjESA|BKdoU5)*JI?q+G
z7anB4Vz^4!vOxAxORUGr1s&5_qGKe^J~!UQJaNOJgAYSQ8%3r!o_=U_q_4Ll@!6Jh
z935@^Y6^4MeN|cxN>n(Ss41-wmDT9CzR__;&c=T_-|7PXt84RW%vSwjm^@R}P@ZvZ
zmcgvECkw=qDiRWul8tH<Z**Ivna^T3f0MFMSKtgYld#0ug8P1FS9V15nwKfb-)fiP
zYMv};t@!VQTlQk%jhO=KmB~7bq9kT;NW4pOvgWRTnQOuK&FM~o^j94YKhv1@9S=E#
zURwUX-}+*UoTM*@kJOr`7heQKV{`ZL{!w82+2P2M9Uydr|Gfg+t1gFM&-Q)Y-KJ%A
zoi(OuMhdIajcl8lty^DC^?3Mb&mW}@)^kd0bJ@KfN*-~NzaU)yOL)eF7cJWbxc54x
zzWwPYV%55+OiV|nQR9j!gS}CLvCBqRkFJ&(yn#9Do3ge?INP*nm<TZ|aM?O@v;4Ye
zD9_xj!1cxX!1=!~xB?SYA6d?xd#@qlf$Xb{>3eJb#j>tf5ZlpR^{yvB?Ert$q}eCd
zN`BTo5a#mlPfS`&<BSZuMK4aqe152OBw@EesPXwykxw^yQ-1x4s+fFDJJyA9@iE)_
zL<>8K9ao)d{=HkXgMH&isih{S^Ii%tS0u{(<4(B5@X_Fi@4goce(w9_$Fg_&v%hB_
zvKC(UOflQNM}TMVhhx1{*FH7ftn94lH>>@E)uw;nC0Ztgg}oO_RzJcyeL|G6R6KLx
zMaLsoe1zteCEl}Lx=JYBVau`P4%yiP4?q8&{5poGj@#07YI`W(w;Sg;7HL^H=4kb=
zejB4K_~LW5*W;y*TbHuU+UD+%v&LEGY<1Hrj)0&u&OWoN&dUB+wD8%_cWOFp^OtyP
zWgp_^4?MbTpQ$WsD2oOsOMjsE=bDg|3pxvDavPo$`?EaqhveyHDK)H3i?o=gNW__K
zeXcU=dUB%vk(B2Xuca}cZO#x06I_rYAgzCq#j=1qY2tK^-c4nb&OOp%5@8fqkbBoy
zc0R1|X`=j|#tI32pDo4$p+$${cs>fuo^Vfi`Ye&-ksV6g1Ed>mD{cKU{$8J@Ib%kM
zz={g7*n1m9R(|~+@pkLib_KTGJzn;wZEc+vNWPOSaV$vx^V|5|9~CRLS1XG3LnmC;
z*e!UfOng0q&ac&Xz0?(6Sz5e_Tg>eA_tbZpu9m<bEEi|A{@5k`qmyYWqx1%G);jkm
d?3I7`D-?tEw|j*7FfcGMc)I$ztaD0e0swV8bX5QV

diff --git a/public/img/auth/dropbox.svg b/public/img/auth/dropbox.svg
new file mode 100644
index 0000000000..e75e7cc8cf
--- /dev/null
+++ b/public/img/auth/dropbox.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="25 24.999 850 790.592" class="svg gitea-dropbox" width="16" height="16" aria-hidden="true"><g fill="#007ee5"><path d="M275.037 24.999 25 188.255l172.886 138.448L450 171.023zM25 465.16l250.037 163.256L450 482.374l-252.114-155.67zm425 17.214 174.963 146.042L875 465.16 702.114 326.703z"/><path d="M875 188.255 624.963 24.999 450 171.024l252.114 155.68zM450.513 513.797l-175.476 145.61-75.09-49.028v54.959L450.513 815.59 701.08 665.338v-54.96l-75.09 49.029z"/></g></svg>
\ No newline at end of file
diff --git a/public/img/auth/facebook.png b/public/img/auth/facebook.png
deleted file mode 100644
index 80aa5183acb95abf8bae3017262892c1cac5600a..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2088
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
U56EaSFfcH9y85}Sb4q9e04>|+m;e9(

diff --git a/public/img/auth/facebook.svg b/public/img/auth/facebook.svg
new file mode 100644
index 0000000000..8163e2a966
--- /dev/null
+++ b/public/img/auth/facebook.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" style="shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;fill-rule:evenodd;clip-rule:evenodd" viewBox="0 0 128 128" class="svg gitea-facebook" width="16" height="16" aria-hidden="true"><path fill="#395b97" d="M93.5 8.5c-1.452.802-3.118 1.302-5 1.5L10 88.5c-.198 1.882-.698 3.548-1.5 5a551.581 551.581 0 0 1-.5-56c2.5-17.167 12.333-27 29.5-29.5a551.581 551.581 0 0 1 56 .5Z" style="opacity:.995"/><path fill="#366098" d="M93.5 8.5c15.888 4.225 24.555 14.558 26 31a676.749 676.749 0 0 0-1.5 37l-35 35a32.438 32.438 0 0 0-.5 8 441.615 441.615 0 0 1-1-42h14a379.883 379.883 0 0 0 3-17h-17c-2.5-13.83 3.166-19.83 17-18v-16c-25.755-3.243-36.755 8.09-33 34h-14v17h14v42c-9.34.166-18.673 0-28-.5-15.451-1.953-25.118-10.453-29-25.5.802-1.452 1.302-3.118 1.5-5L88.5 10c1.882-.198 3.548-.698 5-1.5Z" style="opacity:.976"/><path fill="#346499" d="M119.5 39.5c.167 16.67 0 33.337-.5 50-3.622 20.245-15.788 30.245-36.5 30a32.438 32.438 0 0 1 .5-8l35-35c.169-12.507.669-24.84 1.5-37Z" style="opacity:.918"/></svg>
\ No newline at end of file
diff --git a/public/img/auth/gitea.png b/public/img/auth/gitea.png
deleted file mode 100644
index 30d331359463fb0d5e21f0faf9ea14a5f41e12e2..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5576
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
K&t;ucLK6VNHo&a_

diff --git a/public/img/auth/gitea.svg b/public/img/auth/gitea.svg
new file mode 100644
index 0000000000..f9015a31bd
--- /dev/null
+++ b/public/img/auth/gitea.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" class="svg gitea-gitea" width="16" height="16" aria-hidden="true"><path fill="#fff" d="m395.9 484.2-126.9-61c-12.5-6-17.9-21.2-11.8-33.8l61-126.9c6-12.5 21.2-17.9 33.8-11.8 17.2 8.3 27.1 13 27.1 13l-.1-109.2 16.7-.1.1 117.1s57.4 24.2 83.1 40.1c3.7 2.3 10.2 6.8 12.9 14.4 2.1 6.1 2 13.1-1 19.3l-61 126.9c-6.2 12.7-21.4 18.1-33.9 12z"/><g fill="#609926"><path d="M622.7 149.8c-4.1-4.1-9.6-4-9.6-4s-117.2 6.6-177.9 8c-13.3.3-26.5.6-39.6.7v117.2c-5.5-2.6-11.1-5.3-16.6-7.9 0-36.4-.1-109.2-.1-109.2-29 .4-89.2-2.2-89.2-2.2s-141.4-7.1-156.8-8.5c-9.8-.6-22.5-2.1-39 1.5-8.7 1.8-33.5 7.4-53.8 26.9C-4.9 212.4 6.6 276.2 8 285.8c1.7 11.7 6.9 44.2 31.7 72.5 45.8 56.1 144.4 54.8 144.4 54.8s12.1 28.9 30.6 55.5c25 33.1 50.7 58.9 75.7 62 63 0 188.9-.1 188.9-.1s12 .1 28.3-10.3c14-8.5 26.5-23.4 26.5-23.4S547 483 565 451.5c5.5-9.7 10.1-19.1 14.1-28 0 0 55.2-117.1 55.2-231.1-1.1-34.5-9.6-40.6-11.6-42.6zM125.6 353.9c-25.9-8.5-36.9-18.7-36.9-18.7S69.6 321.8 60 295.4c-16.5-44.2-1.4-71.2-1.4-71.2s8.4-22.5 38.5-30c13.8-3.7 31-3.1 31-3.1s7.1 59.4 15.7 94.2c7.2 29.2 24.8 77.7 24.8 77.7s-26.1-3.1-43-9.1zm300.3 107.6s-6.1 14.5-19.6 15.4c-5.8.4-10.3-1.2-10.3-1.2s-.3-.1-5.3-2.1l-112.9-55s-10.9-5.7-12.8-15.6c-2.2-8.1 2.7-18.1 2.7-18.1L322 273s4.8-9.7 12.2-13c.6-.3 2.3-1 4.5-1.5 8.1-2.1 18 2.8 18 2.8L467.4 315s12.6 5.7 15.3 16.2c1.9 7.4-.5 14-1.8 17.2-6.3 15.4-55 113.1-55 113.1z"/><path d="M326.8 380.1c-8.2.1-15.4 5.8-17.3 13.8-1.9 8 2 16.3 9.1 20 7.7 4 17.5 1.8 22.7-5.4 5.1-7.1 4.3-16.9-1.8-23.1l24-49.1c1.5.1 3.7.2 6.2-.5 4.1-.9 7.1-3.6 7.1-3.6 4.2 1.8 8.6 3.8 13.2 6.1 4.8 2.4 9.3 4.9 13.4 7.3.9.5 1.8 1.1 2.8 1.9 1.6 1.3 3.4 3.1 4.7 5.5 1.9 5.5-1.9 14.9-1.9 14.9-2.3 7.6-18.4 40.6-18.4 40.6-8.1-.2-15.3 5-17.7 12.5-2.6 8.1 1.1 17.3 8.9 21.3 7.8 4 17.4 1.7 22.5-5.3 5-6.8 4.6-16.3-1.1-22.6 1.9-3.7 3.7-7.4 5.6-11.3 5-10.4 13.5-30.4 13.5-30.4.9-1.7 5.7-10.3 2.7-21.3-2.5-11.4-12.6-16.7-12.6-16.7-12.2-7.9-29.2-15.2-29.2-15.2s0-4.1-1.1-7.1c-1.1-3.1-2.8-5.1-3.9-6.3 4.7-9.7 9.4-19.3 14.1-29-4.1-2-8.1-4-12.2-6.1-4.8 9.8-9.7 19.7-14.5 29.5-6.7-.1-12.9 3.5-16.1 9.4-3.4 6.3-2.7 14.1 1.9 19.8l-24.6 50.4z"/></g></svg>
\ No newline at end of file
diff --git a/public/img/auth/github.png b/public/img/auth/github.png
deleted file mode 100644
index 1fa19c55d2f71505edf0f4d70840e817e7861c06..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1151
zcmeAS@N?(olHy`uVBq!ia0y~yU~m9o4mJh`hE<t`_ZS#h+&o<zLn;{W++yCK?J08X
z<H_1@x3=ZphN5!r^V@P~i{JluePzgn^pfhbRdt1a=YJl0r{Yl+UG_3H?6Bqz`S}a=
z)e`tv3TB<YAU^+5-JG7QO>1)Bl!%rc=ayh}HDS_EC=dC0=ZDb_;l&GEdXCMFxV8LP
z_@T!$_?M>G$sPCldb2_~rgvw6?ac1g7d75K+wNk2Liq27RH@$Q1)5?`^CCOECwQ;=
znf8O>(;fB<vGUKk7x+$flw}B~e~w+)^Rme-aCUy*w*a@T?w>XCE9N^$e&;MoWZJ>?
zYyOT?xBh%v(WZ5SclP6uJ>5S84n2DuJE!aHM(Geo({1Is`#9O0MN71c?jJ3XUFK*w
zyYKaeh>3-}9YuNEgr_s)HOkn8EIXD|!L(JN<>U|E^$+7>I=vbEiY4O?=g;6_ys|({
zOxyV0;R(&rTBiHi#2oniivOId5enn|D7Qt+@6a^9?Y6u{8yK>uXn(PJl40MUw&b^C
z-#q=$6j7Zf8QC|14DAkmVu@3eT;&>h&VA5mFji=G?>hTd-HGjdg~$Qp2?t$FPU#m2
zq+B_=m|>TL8~ao73Spy&mRuXI1ZkZno_lBX4H%7f+&t`hbGAY==l?r}wI>pEW>rZz
z1ot%ZT;sQ}U^m)v@bS{0(hAMROnh>!JlDQhG;CF9c4y|>*C^A=XLG+tzd4_YkIk{K
z?u-M2y;C0>tBg;Z%-*Su4ENe(d^zW&*B{81<al6u;$qW*UHhgrGT61oNHU!`Q+>ey
z8pAWkzP1#F2E_@BD;o>NB6`#0%<uDDov^qwF)hftTIPV>Gf7=`c}KSIl`;ovCmeKV
zWG{DMI~?%zW&PwfN4D~oSRTuBhZ*{~w`v?ZXf)wsfXVk2Kc7jkN$LuxdcIWcXR6S=
zG-=-7T80C@awhfMB8Oyux?XE`s$%qg{nGe9tHzSAT-;?1PEsw+6TM&dN3|z&hy=AK
zwfZ-9{gAYN9Iz)K@!JjV=}B8#!m8If*=sBc?&7^5uy_H};*E~?-d-!b)A_K1H~gW1
ziJ{4DF89Z3dzuXceB2f$u53Kt+BKtl^5?wmCTz}qaqj1SnAEd+9oYGlEw95)Z$Eoc
zRrVDpQ6JaW0{%a*&0spZf?q03s=|Lo3oEOBd-U9}IN#ZS`}x_bck%tP2{~lW>VLI*
zfe~Miz=3}OKJ&Ko+}U*K_!%|U?f1p<lMK=lH0%y(W(X-Zm@bguarA!uKsu2x<j8N$
z+MAI)T^W34T)Uawr&KPswqa(x@~C5lbs=BK5gVD8l?>01Y*n7_pjy-McEV?!2Jc7r
zW=_`DvG6;#{s&L|0_L=YjZ>Ic96RZ0t6F~4<%Ggn2DPN?OYYAIJF;Gm?SpohPqyB?
z!>uzOJ2Dg(7#4lqD7Bd>&QUhxP?6v(ecq`7?cp1n__K?oAC&4eap}k|d>0hZn6;;m
zx8_e`5^GF5qrkn+h0m-7*dAE@vC}&CLqmd<VdMET&Sxf87Bes~FnGH9xvX<aXaWFa
CJoKUf

diff --git a/public/img/auth/github.svg b/public/img/auth/github.svg
new file mode 100644
index 0000000000..0e5bf3b4d6
--- /dev/null
+++ b/public/img/auth/github.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="svg octicon-mark-github" width="16" height="16" aria-hidden="true"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"/></svg>
\ No newline at end of file
diff --git a/public/img/auth/gitlab.png b/public/img/auth/gitlab.png
deleted file mode 100644
index ca30b45901932973038fa3cadf7f715292562962..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3616
zcmeAS@N?(olHy`uVBq!ia0y~yU}ykg4kiW$2A`O3a~K#H*h+%@f*JmUpm~IJEdvAZ
zRZkbkkP5~(F{#CmJw)!r3s2s2X7_RNW2tFv88czv=9x2cC(XIPt~xi>Vw%aer&E^y
z`uybUmeuZmzf6&uc*g7HBVC8IRF)GQ6Cx!UjhIrx+!}fqW=<7UP-fU9v9??7b+zd2
zX@1UT#Y=AK9(%cA{mgdGsAoN#udgl=KCm%y<16`_<$tuxbD|^vvJ}YPSaoVyUC|cZ
z*>Z^!I#?XSg#TqeI8}G(!g|%@?P06u??0X^b4!xrl~rncX_g@8gWbihbK|*R1&d$#
zYQH0LE(^z=szsW)94w)hQ@%gq6y!{Zw&d>m&G~y5>s3#N=j*lxvaJ1l%vHiogh^p{
z=>6@kA+>FdxsubBgLK7Sf0lAD=~r6udX~7^D;LFv|NnSP9p|q2b;b27lmEL=e#WN!
z_>3r%PPG}Uzr@*Ub1}Zje(oG8!EpT9(yLE?rr%%2#Tg~;+qEI5i#1_R+2Mw3qSw+F
zSR2TN-}>!;AYbb8Zl|VSa;+zFJT@}?J6^uwc1XnhWlJ0%99>)@uJGk!@3PR%T%4;u
zXZ_5J^V!JI=j&adIrZSq+R$6S&o6vy$nnT!nir$Q_R9hH?A&UPCB{muSMU9+E@9yR
zLcV#yzH-e?vx3ze9{hCnEo_$fnt4i!HQwGk`Tx&Pakrm+mteX2b8Bt+`lUV$cRn9<
zJ<?YE{nr=K1GP2&Q(4}we!j$w;TZSZi4g|9uMYmI&3tLUa6+Y5rB2y}A4NBU6dXQW
z4ff4kto8cxmK>>?|600#-M>cO{&!xBa~1dNU-I|78X3;TzFyFAqd@k?q&}t!KlvkT
zzgBSEx~}iDh~a{q<V{;YMxW&0k1Qsq{cAonP4e(#l?(}%-t{S*0yW=-ZYhU4-QHFC
z;_~e;LJDjCE_?mM|LU6sAHRNy3t}yJdtb&smErruxtY)GpZBlaB>GXfBqwf~4C4aZ
zOYM^xo^>+c3^1sTYfwBr=i(d=sh53!q~c9Iwz?-d-~QHr;d+1OWBaP!b>4jHO|vGo
zUHIX(gJIoa>qqN(?p@jK|HfOKanE%Bl|@rxEUn7d_-z5X^}tpOp3helb1bIt@jLXC
z9%PYY={>xAQ=I=HR*u@A3~vSfE^Pa+z2={g;9n=Tz3Zaw_?u>JI(E?fypUeQ?;mj;
z>USor{V>N?r;f4a`uWwx*+q-k3f|qE5W#rEAg}*I%xR{Gw7w1nmAwCnx!%h@sbxrA
zot*u6HQV=ZC*t?KzFhjtd`)oYt$H1`+Ve?uZx(!<>cD7|&e!<=gQMBJbSu5A|2u0X
z)z182^fyrRV#w&{Xe_-KF(X~*;ik1SR3|LRjEOgsP|#!8;{NYxyv!M6$t_A><#)T@
zU+%+Tol&#byMtjK_XW9!{H1*J(yf&J7!wZpDBN)`pD4<3OF8++HJ7@1oqw7*jSm|5
zOR@CoCo#3~?y#NYy~J)ty3o}oPUD9S$HYAu_k{a7SGy=&sWeTT=PAOic82RUXDWN|
z`pLgLxejc))+&5bg#ELRQgmN$H>Z$^|KZ;C2ArVi+S`y&`|F;n!TBkVScTJ?Zwsre
zc>AF|;_uWM4Ev<_+*USxHgjE<d&7ax?6V&IV&Qap+}**jCRcNdd&j|jS$!RU(qD5u
zV$t2~<|d$|z);iRE>`tpf`5wqgNY37{6Dh_{xbBlB+PrcOv3(vGV6~C{red%$o-6-
z#?kS_+3xwdt(;03Gr8qIeH3jdjm}+sTjKPSW7E72X$0SB+y3eP&K7Bgl}Glj-c~qQ
z$mN2UxS`oz1I8`a4{J-cw4XTiH0aX;(Pd?&p*y!;sa)BpwSC#f(z^jWl@#B6Sg5=1
zbe*lT2g9?6F<Wf8&n^tu$uc!vkZtbM7hRW4_at~QzL`6<gDuO&aI(|wO*5>8m2^&r
zH#E$(yejnegi~~C#wI3SwfLp`?U$YmUh?Y8)ty}N@mv>|R6cB;wZI|z$^HI!5phSd
zA80bH-rxJ}%D;W5&*^M&Y&>?NGh0A!dgAVozjLJ+d6u5KkRbW<{yz=LsO1ORzx{nt
zrWtXSbsm#}zt}@vgSyNOlbjAOSrY5<=tY!qs9wtJkjZ=g^GsdzROFUs<KpCZzE4#h
zE}Wc``8k=pfkk%-N4U@OGp$!Fx%4alPh3zba!c{={hf0)x_<b~VNK}$e(~O}{o5FF
zrZ1EfDHJ!Fvh+af7u6?!*w@r+?W;(=*uE|LWY)R@v4+ZRf9iKP2<A>({Lw`}B`WEC
zj4|uK%M&O3Kk%}D>f+x0YwWqsG)Ky?a_pR0EW5~@iT7Gi#*&@|+&_N>{%BOW`R{W3
zivK**7hV;aQztSbc&Xt2sm%;)UK-vCx35xW*q1mhC_`f-x8;-)@k`>#|0fDt|5X&)
zBB6J$Yr}G})w@qRGCVsv%j+AHhvM9&i@77M1-{6i{C;L@tkmx#Gu%Hv7E^eWs#nsx
z_wM=<GuIEP40>0lAKErS<^RdBimJy9J|}*u|2q}4@!*`i*5=$8rVZ1cXVf3Qaa+(o
z{YRrq{3@S5hFwXi1rz23Je#!mYr)53N9NsH^DwW5Y0s^QuVo7kYH{7ScZoT1%}`VC
z%l0$3<o>i5JnQ0pc5;#h3&-!7-L|Xmbk|rd-n^%F(nF_LIXjn&bN*kr*f@M@!ntkT
zEU}>+2X5V4z}#!e;h;D7;c+3EKB0H^t|Ef}8_yhNtbV=eSbHevhcxT$zKU~w1!@#8
z3uP~g<=DS8i~XOnPH`^N>*oy5ey*Cqq+nmX)c&}y;#|#^WyV&gFT1aNX7K-XcAD>w
z|2++7j!K^Sd2Zr_)j^CAueD1ySU#^+oU1E5;oO1NuBn_~<~zNy=L(wH&Hv3jh4;I*
zXhY>rxwkFRt?WxO)@>+p^Db~{^6<G+e<pY1e-GBwb&(TxRy0-aSy04yuJp-9<(VaH
zdRL@(Pq1<P_xKg(KWB~Nj|Vyzd9ilX{d-t0nIkgg+y`Z@x&Y4>hFeTp1_6#1#UBsk
zr9Nen`8D@=U(01l-Hlt6UpYOn&#m~$pR!K$&szIeiCc=ecNxaKcsJpk*hk;=60y2~
zz|_+xfBW<A``6rgru~en$eE@0rg9yKnzt}{XNt)I^Q%5x`?*Dfls?VRoUoJS@rU_q
z{`s9zShl~}Z`!1v$<aTS8Ao|tYyA+m?3(Gv4I=Zq%Vo~R6gghwx0uKOUM+ds;@JB$
zW-q>=*L5IuLtnBLv-qo(N0vEWsGoE9BkKX};<XDo=KRyMEM7aOw5H?t)RY_D)j~E-
zk}FHZWL8|5RIKQ0Cn~Yv!MvSIGB`WC%j=WBJ>BJT;%up2M`|yBoeFcKsK-T{cQ1RU
z&AQD|rubognAf|1%8r{^Q}rtNKmSctIsHM_|GVT&cH_FU$3Gr3yZQaz!-PD&C$Ah&
zwLUqQ=jBqo<)3Gh@%6l?-wy`#hka1@@|p0rMnv{+c!rhqY2CT38@NRSSpKN@fBOFX
zh5cgI^mT{pH@yGuHevn&cBv2Z8g|~{e>>&l^#s%FC2FSI#ojp8KfW3K#y;lXJA=fT
z*~_QwywGcE?|WeXYEG+t{@HJ{6*T7ZPAn)``0h}wM_;<X;M@;qST(=@{?dGZ(uVrT
zV@hGQl5=%D{j3i6>)opHn(<%b!yC;-lPB%$d%p4i)^dKkqSio>1OMj~zHRHx-d&h`
zdt0vgs@&a<qF1-wotg7qWBIRd`{up!eztE%;rVC#KHr|ZxjMNz(CcQpFyn=Qf)_af
z0dqY|D_vq0@64}ae8+!ARQc@FbwBGB85|OKIy7F1eD85UTZOf4htm%GwI7&0uEkWH
z^<Vhx|7Hda4Tp5&rdMxjf8UV(#&vfhqfhi5`BO19XaBP^76de$>-u}^h^Ugf$<-&H
zm+i1$vh&NV`s2;^&ol#e%xYv>xLF~*L-y0j=e}Qio_;y~CpU7+x}S0^2OJ&Oy?x|h
zCG7T6SSqjKx@PjaRs-?C&$b*5ZA>M{_<!zTlsjX}y?p)(kYXoB{U@3iBn_V^vsD;e
zKk`H0q{DZ`&v|SOB9{VQuxhNZlJ3o)KFQfGsli;SVQ0W+>xIv%1sE7vgVH5FT|F$i
zh`qw%uTgRIqFLOg^784QjTq#(DkOCT=DN=0<TX4XTzs~9=ZRVG>lqpjWi~o_x}_hP
zz|U;6edn@=N4>Aqyk~x}P{7Zx;1y4CQdR?daqm%c>&{v49T{vy^p=0yUg*eZB`tS-
zy@26?=AB9hv+O?ZuHDPg(9TqHP2TEqTg@*9{{O#gMT-SZ@1JL=&~Qk%RR$Zsd}jy9
z$|Ij&xv_C=Oez)o_mPWp{S?MC+nH@<WDA{HdhHJrheIn<$uj<*Ul`~4+z4}#G2O3}
zRhP)hpkZ?O`m=H?X`Z<+o$Yu&loV^4?q^^MSims%Yv(KHeMxK;dym9ae0*iPKY=M=
zLBsTeK7VHEeV=gN@W5-fV$1A(tP30%t%BQX$_)<`&paLYS(ky8>%z?H6YY%iZpXa#
zT7ItA{p@yz5)Fs+z!y5^Pr5DHD-5Q`eb!}g=W1}WYu<SwGVR3l0=|SQmr0uw_0~R%
zX5bQ8^{Caxbou7@?KKh)4#uqbDgJEXvuFkrks>SU$ro>$gWQ>*cjb?=%h~M=cLE}&
zUA(#7+3wE#M$6*VtbYv4z-BDi{6_Q;1OGFx>wmV^oZZeKqOqn=CH>eW+e14Q<Et8`
z3#{qfd4vCL1OtnRnu~o|&*_g78PBwT`}pKWMp3Thx@XZ0EF#~QnqBwh>$lCD;Ze^J
zduHoGw#d)A4FA-**njVT74|W8IoC>C+aI&?89$tVetmww?*Ed4#EZ+tf4FlWkh{;k
q;W*O<hBq4-bQr327`PA2(`N{u`{&|HrZNTw1_n=8KbLh*2~7YpJ<?eK

diff --git a/public/img/auth/gitlab.svg b/public/img/auth/gitlab.svg
new file mode 100644
index 0000000000..742370ac9a
--- /dev/null
+++ b/public/img/auth/gitlab.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" class="svg gitea-gitlab" width="16" height="16" aria-hidden="true"><path fill="#E24329" d="m31.462 12.779-.045-.115-4.35-11.35a1.137 1.137 0 0 0-.447-.541 1.163 1.163 0 0 0-1.343.071c-.187.15-.322.356-.386.587l-2.94 9.001h-11.9l-2.941-9a1.138 1.138 0 0 0-1.045-.84 1.153 1.153 0 0 0-1.13.72L.579 12.68l-.045.113a8.09 8.09 0 0 0 2.68 9.34l.016.012.038.03 6.635 4.967 3.28 2.484 1.994 1.51a1.35 1.35 0 0 0 1.627 0l1.994-1.51 3.282-2.484 6.673-4.997.018-.013a8.088 8.088 0 0 0 2.69-9.352Z"/><path fill="#FC6D26" d="m31.462 12.779-.045-.115a14.748 14.748 0 0 0-5.856 2.634l-9.553 7.24A11225.6 11225.6 0 0 0 22.1 27.14l6.673-4.997.019-.013a8.09 8.09 0 0 0 2.67-9.352Z"/><path fill="#FCA326" d="m9.908 27.14 3.275 2.485 1.994 1.51a1.35 1.35 0 0 0 1.627 0l1.994-1.51 3.282-2.484s-2.835-2.14-6.092-4.603l-6.08 4.603Z"/><path fill="#FC6D26" d="M6.435 15.305A14.712 14.712 0 0 0 .58 12.672l-.045.113a8.09 8.09 0 0 0 2.68 9.347l.016.012.038.03 6.635 4.967 6.105-4.603-9.573-7.233Z"/></svg>
\ No newline at end of file
diff --git a/public/img/auth/google.png b/public/img/auth/google.png
deleted file mode 100644
index e2cfb67435904168cfc0e438f2af761426c4faf6..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1622
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

diff --git a/public/img/auth/google.svg b/public/img/auth/google.svg
new file mode 100644
index 0000000000..dbb741897c
--- /dev/null
+++ b/public/img/auth/google.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" class="svg gitea-google" width="16" height="16" aria-hidden="true"><defs><path id="gitea-google__a" d="M44.5 20H24v8.5h11.8C34.7 33.9 30.1 37 24 37c-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4C34.6 4.1 29.6 2 24 2 11.8 2 2 11.8 2 24s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z"/></defs><clipPath id="gitea-google__b"><use xlink:href="#gitea-google__a" overflow="visible"/></clipPath><path fill="#FBBC05" d="M0 37V11l17 13z" clip-path="url(#gitea-google__b)"/><path fill="#EA4335" d="m0 11 17 13 7-6.1L48 14V0H0z" clip-path="url(#gitea-google__b)"/><path fill="#34A853" d="m0 37 30-23 7.9 1L48 0v48H0z" clip-path="url(#gitea-google__b)"/><path fill="#4285F4" d="M48 48 17 24l-4-3 35-10z" clip-path="url(#gitea-google__b)"/></svg>
\ No newline at end of file
diff --git a/public/img/auth/mastodon.png b/public/img/auth/mastodon.png
deleted file mode 100644
index 67254aad4ca49849a9004724d78030cd2fbcb5ad..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5112
zcmeAS@N?(olHy`uVBq!ia0y~yV6b6eU~u4IV_;x#lMy+=z`($g?&#~tz_78O`%fY(
z0|SFXvPY0F14ES>14Ba#1H&%{28M<g3=E|P3=FRl7#OT(FffQ0%-IzPGKjOlBeIx*
zfm;}a85w5Hkzin8jLZy)D2ed(u}aR*)k{ptPfFFR$Sq(10h<b|irj+S)RIJnirk#M
zVyg;UC9n#sykaYmu)dN4SV>8?tx|+<fP!;=QL2Keo{64;k{y?Vf`Uy^N}5%WiyKsX
zQA(PvQbtKhft9{~d3m{Bxv^e;QM$gNrKP35fswwEk#12+nr?ArUP)qwZeFo6#1NP{
zE~&-IMVSR9nfZANAafIw@=Hr>m6SjhDZl{4oh6xR2%GYXq25Z)&(#OX=o{)8=)=th
z84nV*@-NCv%_~U+nQv!k16GM52DQgVA7nX_V<0{Siw3#4*>TzEgTn+AK6YF_htwk(
z7=$=IT^vI)Sno!2_sCwY{CED$o$B)U`~E~#KmKZ5x90KIMiytDwWnRTDuskHNjc<B
z(3-hwk?30aK<_K<vtM6uTeVaw`IcMA#7inloo`lT1vvP+Op)ebO<I%i;a4N?v5L1_
z_kOF2FaN$T&2RtvGiQF;eSdc=&ZVmC`MEPQ|NmM4dH(-D>F4admIY0^<#k6nOiOW{
z#?tQDC4WDEoR$$&nw6`2ao%>3^J0w4oVVm1H+0v`yy$h*)th;qY3B<y)i59KEZ0pA
z)7<V#%u96*kt$H$As;gB>if*vgO_%NANh4+>l$Oj^Y3b_kAFIt^lQ()zdN@pwg1X1
zS6#X1Q~J~I3oJb^MyZx{&h=X5#Bp`+^DADdyUQ~J%NuvzR=C0yXmr2psOwF^20_&$
z7v%mq&QE`PU;Mgc%_$*{HZ>cOe}A)!(`p;Mce8#hdVJt1pTm#K3qJIPeQGPan(e-S
z&#L1O4*4tnELK<D|3PKu8qEsdM)`Z|-!k`WOh2(}{>#WkM=M2Yf3qjN-W-<P?aQ`x
zws`D`hdEyuBfQ+W8LZnPmD!Fw->aF?XS_x9&clg2jrLb?usoY&ab`cidv3?lDb4>o
zJ}A_c*UT`mHP|J7B>2AVrsS`Nholcq{_a;Y>7d}BmL8GoKh-|{XsapTq^^}a@vhQ6
z;j+s)?&6#FEmK@}zacDhM&lP@r>PHioitZiWTX3Id7Msav|n@3M2QypMy@ZPS#RGh
z`=f7Hd~}9oipKJI#R86s)At_7N^H<~x*(eOOY8Pi$1|6_q7}j}u9NwAyu$zUQdO(6
znrTJH+1L*}WOm<PwpZ#@&>3&e$BGW$=LwfPEeT&6k$mNJ-}3@lzH^VZ%|G&5=8UaZ
zarn<W&F|m6`1L+u*@T;%jn2E{|G()pou}PCRk$~)=8}rWoBSZngejH};`ca}eZH6*
zYwxYHRoE&nKB3RP=TGX%%e=mui;l0!cx+U0^u9~t;l9GDZ*LT=O5T=QzIStJ==y}L
zr(0a_>vzU#&VIgZ+a2>a%OX$rNcwM1?^Iy>YWm>8&5xm;TQ2M6ME9JYXQ#&zed2cS
z+QRFf_XVG6;95R^>u<lDO>>WhU)Ws2;Kq2g;p)1R?vq*XckKVyH0^Q@C%f15YkYd*
z&7URa^)J+WA0F<UEVHgzy>N?WLXs8#gU@*ex`{#&J?*jwQXgCO{+cy8hqY{OyK;BM
z%Z2uKn-;&`ZIb)^K%le#l-2Vmb-XOF`s2yXd5qC(-aVOvJgki7=Zl_vkCM&oi<)$}
zdGq3Re?Dl<OO1_Wd2p^{lAwvsd!0vFjO!dVUe9$r;6C*Zf6VD9naqX>j|KkKUZ|M3
zqoF)^Gp}lQ&!UA7%Yyu-zI|%c^YS0#!4sclj<@~$wcP*S(!~@1Pqm4>I{BNPWRCOt
zy%QPRFZ?jKzpgcVS5)f5J2Q?f-WKtuP(vyDLrQ{$di(jFQ~PCQriib9lB(Py;g;X-
zBpvhOs`-LB*0Xbdo|4Vol<3;MWxK1Y7^5D8(w-?k=O%YIM^-+5(xGx+YSQ;j^Kw}J
z2<%v^zvaRf<-D{X{Z-pa|29l(Q8;=#$zAHmS?0?s&tlFz5bjR?Wd6O@%j&t2i=OU<
zW|IR^Vvi*IUB2i1{H87b^nAUk%KZGTzW$ecZfU$JaQwG&cjUYqcNBAdrwTJ2((XK-
z6S+?zuTTGuQS`UHHIDnrY;>g)1A_&m9!gtW|0Ln@&tdJIawD<NdxATf#Sg9yT(-(f
zx!Gi|`Q>?UVq~Y!{jNWaL*iSLA-DN?zWEw0&l3`5&c>zxyti8X>BVril;qjTYaX1v
z*!1Ra&gz`q>o41sH+C~!V(AK)Y54s3;{?3}U)S4Ps@GR$RA@OJUeXbgo|C$EllA@$
zU;R2=$}_~vf}JCZoY&uM{`lp>o{m4KoxKx_rcH2^<`IbBxS>V;a9jDG3r8yV)@5!!
zF}1MrU(mT9+w9+ToLt8)F0HuILOy)uhU*1COE}!C%Gcyfz4$rPvcOXRw86WF#@V7=
z(G8LAcb&d1U@g9v;o2K{>G(CB50*xJ-S>A^HkuqTY&|4qz92!S_$d3&1sm2R|J;0p
zX(s>a7tHI_&CiRob1fD~JTJQaY3YSCTb}Yi?76Vx-oM?lZq^c~RK*M#Z3-J%dBf8d
zy-SO!S>3<2?8Et;U&9~I`=jeq`F2to^SOH(dMQ0k7gf6XojyvwK9O<!&5SoYlc&9j
zyRWob%uLcXpd(<zqiuWC{F2YP9_hJ|u^}U_*{0gN`;XPzS&@r5mi)Q&sEaST(su5(
z<)%rV^Y0c}2snpMIh44v?*6SXW(T%28#oS})RFW)Tr6*At5oZ3X`HS%Q`|UBrf@+x
zm#oIiM(byi+=;~<Df2ekR&QaC`&&})R<z;bw`m=BcI}BwJ2<n|glUrS@*`3ozFaeq
z;s5Y}KVy~X(WN>obW0g-zT=LOoyKwOqVc7Slc)N2IEHDh(XV;`v?s^%g0_DAxsBGf
zi#~8gPdk$Gy}3IjF8hjsua+<GzccQN5gKnYmMQq}E$}Owf8ccgh1^Admv8)1_i~}%
z%P5fu=Ej?93FV&Ei~pECd&~VnztCotp`LE+f&-gosNGeo<KMh!QNp|F#TUMbH<pwY
z8|3~l;nitPKVS2={@0VI2lw2uHc#4PVEb`zvFy*V{IGrhE>$LLKAGyPnO@m%`+YO_
zrr!~_wj@T&eLqw9gxN<Xy8e#(W6SG2-ASqw8>hLso1N)Ap?P59^;<_X#J8zk%BqS8
zl|THZyRM>DwWA=ZAWTOwj_Xv>vqw8>n49kQ9(bf=V#`z^cjcFw#;cd#k3ZcTw`Z4A
zqV%@q9~NGC&TjN6+}%A@Sz>?4m48Aado}Y;`wMQF!*T0!&S9Z#?~l}+S=Xw+COYHS
zgqKp2K8YQ(N{m`7uuW_qce6pVfxFI8gFS9r9skG4-@p9x`af3IZ!haA43leEGDVAn
z?)<yMkP#vxKkK26Nu<+mCX*E#1Ui4;4P&>Huu|n|^)Ob8<9xqv?#T@snF4lnbes|i
zn>O{Ipz*#{kN6yque$VMV(YmLA$Jo`U)nr#j@r@?F8jCEm)Rd=%WO3Dev#88U3^Ny
zSmSN%=LPTl6Zns&1uo~U7C&whb;Yqlxqo#@ootC?ccw|phJ_oi9sK+MiD7lQ)UTa#
zD?97jJbjvVXMN$hZG7>(LFX@~!>Yj{l7A&w{<(Zvcg)*XtFFOO&-}!z*Du->(xmEZ
zpEcELf7uW;<KjVq<oA*qi77`4=CpqPbmZarkU9n?v9uP(`8wC<D=cu&xb!%UJ-=<m
z%t~=5x8@!Fr%x4dzF;XeblV|N$M#l1<}h=`b)}gJ4#7`m`x&4AAh_`U#(#7EJUS72
za<^R1DfPn_jJOi(Yx$xVMwFy4myr84*Q_`Gf}vV(Y9q5??c{lGzh5>K9seD+r|G9(
zeAv9&|4r*JU6`d|o-51Uayw~SN<rmiQ@^yGo%wsVylQ?OB)PaSr0w9JDXdD5OD&!x
z>olZD-V;nbzBOsiC(G-%L(VK&;jwy=Pb1?t!|0tYSN94?ykwiQPwNmD*HY2RMHReL
z5_qQn^x7J>vU`=5!_`w>LN5Y0vwYiQToQG|^ILp>h*Q|ggB1@p@bqg57zepl=_tnj
zj|q8czwXc1botY#`#MD@@>@z9H?}lvz1rXYWsT0l!w*frSDmqpIN=v~f7#iR`kcc`
z8M9b--M4z88Y36Blz-)v)XnYdZ?v{;E{J-yDgRPU(9I(mVpn7O`T9lG;`U8k^3lA&
z%=u0|v-6()H;+DGc{i~~J^9A+N87wls8v4x{n5nSX935O^C8Ob6W8CkwsRx@48|q9
z=G*-<U1IviWfepC!>QG>j9jY@-OtuOda|m|UvBCvt=7Hwth)|=54Abvs^q&*nj>jO
zmP*kC{a4G_%f98rf9|iy&ipE6@^4wiR<>n*9B19KL^+})InReE=4oAd(;K2_#95ou
z<F4@Ls&?e*d&iea9KPnR_EtkiAXH#em&?xI0c!(ZKb^Intz5ZO=Frx-OIH`1w+j+8
z=e&C-dHJ?=QfX1_$2R;saeAhB&WXKD_h&51HZ<$Jc_pjp@~do)P;UEp|L8NXJ|1h|
zc6drWM{$JAliy#DZQ0lJ^zt5sgKNYl`Pc2epIG_y$f7r9<uxxp&dXi>U-?9lLB61F
znW<def}E7!K33oCFMhhjFhQ*2jk|@$-1GBXh3=|xou0>Q%%$0AzdLi8=0Qh)>uo$!
z8<zOhH}PxR^%=J=dHKvRXsT@fW1hu#H?FR}<orB5dHetAXD)h8U8-R8;Xt(RU#q(R
zQ?6eRHjp{<PNtxsn{VAA9j=)rp7jE9*PCbMYDj!u)o}B_xv*i;#x)w35+=-h(#N~B
zu*Tn}y8Qg~@Oeqf#%ZgU$VoN6-BWe<s>c-;q07OOE%cPMwdIObe+67mG~Hs+k##`M
zi9v0S(a$Nr!)~?kf2d5^v8Hru^kRb}`+bU2deW7bZMJAG3fkDncXR8^i#^jl<yo%q
zPjub9|M|&0oudjb&QENaCSbmFT`Gh4<QX4My#6LvAMPr3{op^rNB;9}1obrBI(F{P
zbEQ)|pJ;upEIArwb9`Yq(@&?A3ujt|q#k%kJaSz5PvcXeh`0Qvrd<w+Czd4tXw!7z
zZ#bpe!j*pUkH#&zEmKM_sLWwKW1y<(Dj%Yre#=m5XLw@V_P8T+ww^n!+;(`1_=A<@
zpLEpID(8vY?^*m>rs2P~h0pHY-{$1XT)bI%>f&eaonM$bZt+cfcBt!Cfyra3s0F7S
z?(gaNF!^v`xn$CJWy?MG`KO=e6z4oRtb2MRV`$in9esBGC-wA0r(BL@3oUxR<lo<h
zz|G6A)=l-TXN@&@`7FvaJ7?u;j=1z4H$zv{_pa<dog$fIsk(B#+MVlD53T00l$KHT
zU0&P#uJ%Vm#9#M?e2>gKADr^`El&IRR^x>8n|sxNOtr6-m`@A(QWyLpRi*n#y5+qa
z54QK^#D9*ce5U0S=vgG*Q?u4fCYL|Q%#bxQ_|iVJg@2dqj8!_heo^oX=KMVp%co8d
zIm7fa%4=R@@eb*X<r&vbl$`!x%(_$lrT^M?x#M%@`6zW7OR}UU7`@!B`CxzJq&<z>
zmiqRxe|)aBwl61o^L<%qyPlk=bD3|RR<-UFe)H7QF#Nx4WB9qsDV&my`PZ`leYBrn
zFtan|)Qk;5@8a3#m1L>4tmG+P5O(p!<h$o(ehVpW*SRxcS>@?}e`h!^)3s@Hyp&|&
z(VkUs$7S!7FD?=Z<?n4j`nF`$KkAE1HQUo^`TD{WiRKp`F(;qT%j)2_FI`b_Nx#ry
ztHD9RuV1n)Kb#2BSuHkc*H=}h+4mgYpE&&c?YsNC-fp;h;Yu&(yq#>pB2x48?zO$=
zYdh!k?|(~h1!ul!->izgdfJQ(G8xzJ2+K}vihHa1y38kXe}CoA_tj-<D$joTrfj}U
z;PDo<ipC9z|F)?3<+nLkNyk+)o(q1Nd2YomUw*L<Q%@$<9N!Y0dc5pbYmB|lGoG01
zmM-u920Ry7=Pu~1xL$nodW|&GZI80-)~pPEawMs6t)FOihxH8x=Gv2SdoTFOy?hxg
zd?xO`>&gQM4o+<~e5*b!en;y4le~Fmf4Me2na;kx!Q!0yv07HozHkY%eN#W&Vfxgw
zBW?TKveSKA9`8B$op-6*(a5Vm3O_qe&vpuW7V<KNty;vY|H2l=PK{pCE$cQfa!Po#
z@VeQ;TVYqLe-}T$o_d^Ze)~$h1M3er@!QXkJ|wf==$-nG1wlPY0>RmPiVm1(z484&
ze_Db<x9qHgEuDg~=a?Bn^uiKVp0Y5h2b3l+P0Ke7SzIY!RrB!1#J92hkM>@euJ9&P
z?{LDp5BnZCe{R-|ZP=ZZ|H~=l6Z13Q9KNSTg-wU+BRl-hG*t(uztU7;eP(lRdY9Cf
zfX9m6BKdmur6*RjUcVll#pTnI_VA1Y(`E1TedlZH-yXWUTH%M7OVa+9x4ROKZIr(K
z;UtgIj*V)ma|4?KTO1_Q^w>X(zE0ITZv3Ib-hJuDxjT=0r)f>Oua&S-@GSov>yD5A
zjD8x*hkSa(c4~^Lm|vvg+S1>C>kinxfB)d{j_QE+kDA&78xlfAEK2%3b$HKyn!whp
zI(K6h!|YJuFhAAwD~FqYth}$W?q1{8{~}yJ0?+qd&6l2~DmZ85&UN!Ox!)uozrKtk
zAZXHxh_-_Vb&F!lO|QviKd1~ld}jKg6zc~a>5FwQ7gQc=Z~8H(W&RnhTG3_(x#;*N
zF1wZq$G0rKx3%QmiHUDt>oZ-`@A(}0O6PaYgJ1jqvu{&5X;4{rqX;y<=IQF^vd$@?
F2>`|&n0EjG

diff --git a/public/img/auth/mastodon.svg b/public/img/auth/mastodon.svg
new file mode 100644
index 0000000000..f21f1e1375
--- /dev/null
+++ b/public/img/auth/mastodon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-0.41 0.22 747.62 801.45" class="svg gitea-mastodon" width="16" height="16" aria-hidden="true"><path fill="#3088d4" d="M729.94 479.5c-10.96 56.4-98.17 118.12-198.34 130.08-52.23 6.23-103.66 11.96-158.49 9.44-89.68-4.1-160.45-21.4-160.45-21.4 0 8.73.54 17.04 1.62 24.81 11.66 88.52 87.76 93.82 159.84 96.29 72.76 2.49 137.55-17.94 137.55-17.94l2.99 65.79s-50.89 27.32-141.55 32.35c-50 2.75-112.07-1.26-184.37-20.39C31.94 737.02 4.97 569.86.85 400.26-.41 349.9.37 302.42.37 262.7.37 89.27 113.99 38.44 113.99 38.44 171.28 12.12 269.59 1.06 371.79.22h2.52c102.19.84 200.57 11.9 257.86 38.22 0 0 113.62 50.83 113.62 224.26 0 0 1.42 127.96-15.85 216.8"/><path fill="#fff" d="M611.77 276.16v209.99h-83.2V282.33c0-42.97-18.07-64.77-54.23-64.77-39.98 0-60.01 25.86-60.01 77.02v111.57h-82.71V294.58c0-51.16-20.04-77.02-60.01-77.02-36.16 0-54.24 21.8-54.24 64.77v203.82h-83.19V276.16c0-42.92 10.93-77.03 32.88-102.26 22.63-25.23 52.27-38.17 89.07-38.17 42.57 0 74.81 16.37 96.12 49.1l20.72 34.74 20.73-34.74c21.31-32.73 53.55-49.1 96.12-49.1 36.79 0 66.44 12.94 89.07 38.17 21.95 25.23 32.88 59.34 32.88 102.26z"/></svg>
\ No newline at end of file
diff --git a/public/img/auth/microsoftonline.png b/public/img/auth/microsoftonline.png
deleted file mode 100644
index a8129dce29077ef77774a9f6103704cd79b68494..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 792
zcmeAS@N?(olHy`uVBq!ia0y~yV6b3dU~u4IV_;zL|Gs4t0|Ns~v6E*A2L}g74M$1`
z0|NtRfk$L90|VnP5M~tba>-|4V2~_vjVKAuPb(=;EJ|f4FE7{2%*!rLPAo{(%P&fw
z{mw>;fq`kNr;B4qM&sMrzS+WoB5m`HXDTUaymIRj?cB({`^=@e>tZzWoN~K60zO&4
z$`|}|$|!Od$D>2?32BOn8lmdDxRjc<oRkr-n{Z``pVfE2qNjGZ&)7b%HJU!z^_{2~
z!`i9m116PTuv(QK7^UF*<%xD?$+yo}#DW$3o3E`4;k;yZLaZR`kaF#W=?>kO9E0b*
z`I`PVaL0mcdhrWHY#eT~X&LLtGUW@*^0+W*`CY$huB{xe_!t9!vMH5b*nMD9<Ep}G
zYjZ*a%uk1V-gK(uh}m=_>s6SU-iqy7>K3+pn1k5!ZoT-(e{B1vm8*6IMkdd=r+y(f
z<lO94v!};2J$^iQ)ye=h%V`O1ANLugh@COK_x#kvrm|zz8+}A{3id=l?|&e3tXjUq
z!CFDktNnq3({#I8IZCWO-#e8)y{R>NnHa0T`s6dk%wJ-RCf~VddoIy9l)NU=V`AnR
z9gXvki_MyDD9tEmxLx6R{bSR*$E>l(xp(!6m&oeBu!_4-x@W;_>=K)}+&KC@noU<{
z>J(g&Um)nzocO^>>h6jSE^U@NKjJ-lg+4`lHMw1LUZ$s5m7hA(WQ~xA=v1RsoQ+48
zNCk6MwZxY{{rEiJmDQ-WC*{qXj=Xi#B>D1~O&|O^;a=M!v6Ow5g3w~A$zJ_S4HCcJ
zUH4|fERK}Wf;AUQZhF3Hu48!FsIuaieYxW;=Vq2I+Py!#r#ZB8_L<K0Et9(MC_F*J
z#I3GYa^<m>M4wH2)Zczf&}&-!!Y!58H(SH>!K{Ni%nR7pNUWLp`N;a2=Gmgf>D$EJ
zubo@?CGeR-^qs9uhi^=dZRl34cRi)Pdq;S++Qh(XdrwDBw)k>cxXDB?^W)1$*_qqf
dE3^JHBvyF7UE3mco`HdZ!PC{xWt~$(69C7bT0Z~)

diff --git a/public/img/auth/microsoftonline.svg b/public/img/auth/microsoftonline.svg
new file mode 100644
index 0000000000..72ef94eabb
--- /dev/null
+++ b/public/img/auth/microsoftonline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2075 2499.8" class="svg gitea-microsoftonline" width="16" height="16" aria-hidden="true"><path fill="#eb3c00" d="M0 2016.6V496.8L1344.4 0 2075 233.7v2045.9l-730.6 220.3L0 2016.6l1344.4 161.8V409.2L467.6 613.8v1198.3z"/></svg>
\ No newline at end of file
diff --git a/public/img/auth/nextcloud.png b/public/img/auth/nextcloud.png
deleted file mode 100644
index 635806813a61c2eed5e7c91b3e547ce5107aabb3..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2918
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

diff --git a/public/img/auth/nextcloud.svg b/public/img/auth/nextcloud.svg
new file mode 100644
index 0000000000..900dfa630a
--- /dev/null
+++ b/public/img/auth/nextcloud.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" style="shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;fill-rule:evenodd;clip-rule:evenodd" viewBox="0 0 128 128" class="svg gitea-nextcloud" width="16" height="16" aria-hidden="true"><path fill="#0382c9" d="M12.5-.5h102a796.486 796.486 0 0 0 7 4.5 68.97 68.97 0 0 1 6 8.5v102a785.54 785.54 0 0 0-4.5 7 68.927 68.927 0 0 1-8.5 6h-102a779.088 779.088 0 0 0-7-4.5 68.94 68.94 0 0 1-6-8.5v-102a789.852 789.852 0 0 0 4.5-7 68.982 68.982 0 0 1 8.5-6Z" style="opacity:.997"/><path fill="#fafcfe" d="M55.5 37.5c16.649-2.824 28.149 3.51 34.5 19 6.704-10.658 15.537-12.825 26.5-6.5 9.555 10.007 9.222 19.673-1 29-10.492 5.063-18.992 2.897-25.5-6.5C83.734 86.553 72.9 92.72 57.5 91c-9.864-2.843-16.697-9.01-20.5-18.5-6.582 9.277-15.082 11.444-25.5 6.5-10.222-9.327-10.555-18.993-1-29 10.809-5.923 19.642-3.756 26.5 6.5 3.713-8.878 9.88-15.211 18.5-19Z" style="opacity:1"/><path fill="#0b83c9" d="M58.5 47.5c17.163-.677 23.996 7.323 20.5 24-6.538 9.38-15.038 11.546-25.5 6.5-10.605-12.356-8.939-22.523 5-30.5Z" style="opacity:1"/><path fill="#1986cb" d="M18.5 56.5c7.7-.138 10.867 3.529 9.5 11-4.041 4.813-8.375 5.146-13 1-1.407-4.857-.24-8.857 3.5-12Z" style="opacity:1"/><path fill="#2088cb" d="M103.5 56.5c7.801.619 10.635 4.619 8.5 12-4.709 4.27-9.042 3.936-13-1-1.607-5.062-.107-8.728 4.5-11Z" style="opacity:1"/></svg>
\ No newline at end of file
diff --git a/public/img/auth/openid_connect.svg b/public/img/auth/openid_connect.svg
deleted file mode 100644
index b4df684ed9..0000000000
--- a/public/img/auth/openid_connect.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="6095" height="2826"><path fill="#636363" d="M3454 2822c-49-3-91-16-124-39a191 191 0 01-83-138c-2-12-2-42 0-55a193 193 0 0174-130c40-31 90-46 154-46 28 0 52 3 77 9l58 15-3 9c-5 15-9 37-11 61l-1 12c-1 1-11 2-14 1-2-1-2-3-2-17 0-23-2-32-13-43-17-18-46-26-94-26-23 0-35 1-53 5-43 9-74 34-95 76-12 24-17 48-19 82-1 37 6 72 20 101 8 17 17 29 32 43 29 29 64 45 108 50 16 2 54 1 69-2 24-4 46-12 65-24l8-5 1 2 2 4-5 12c-5 14-5 13-24 21a272 272 0 01-127 22zm297 0a118 118 0 01-66-32c-25-25-38-60-38-102 0-18 1-28 5-42 12-47 50-84 98-94 35-8 71-5 99 9 45 23 70 68 68 124-2 39-17 73-44 98a151 151 0 01-122 39zm60-21c19-7 36-22 44-43 8-19 11-45 9-75-2-36-11-63-26-85a75 75 0 00-63-33c-14 0-23 2-34 8-11 5-25 18-30 29-9 17-12 30-13 58 0 29 3 50 11 75 10 33 27 53 51 63 16 7 35 8 51 3zm914 19c-52-5-90-32-106-78-6-18-7-27-7-53 0-22 0-25 2-37 5-21 14-42 23-54 11-15 42-35 66-43 14-5 25-7 42-7 30 0 54 9 74 28 12 12 20 26 25 44 4 15 5 38 3 49-1 4-1 4-17 7-21 3-40 4-103 4l-63 1v10a102 102 0 0031 77c19 18 51 28 79 24 15-1 25-5 45-15 18-9 18-9 19-7 2 2 2 3-1 8l-4 10c-1 3-3 4-10 8a154.1 154.1 0 01-98 24zm64-158c11-1 11-1 9-22-2-29-7-44-20-57a57 57 0 00-45-18c-20 0-33 6-46 19-9 9-14 17-18 30-3 10-6 29-6 38l1 7 4 1c9 1 103 3 121 2zm213 158c-51-4-88-32-104-77-11-33-10-79 2-110 11-29 24-41 65-64 20-11 29-15 41-18 9-3 11-3 33-3 24 0 32 1 47 5l20 10c1 1 0 5-1 18a718 718 0 00-6 52l-7 1c-8 0-7 2-9-18l-3-17c-3-7-18-16-37-21-8-3-10-3-26-3-19 0-27 1-39 7-21 11-34 34-38 66-1 12-1 37 2 49 8 48 31 79 66 91 25 8 51 7 79-5 14-6 16-6 18-2l2 3-5 8-7 10-31 13c-17 5-43 7-62 5zm215-3c-22-3-37-18-42-39v-179l-1-3-20 1c-23 0-22 0-22-6 0-3 2-5 9-8 12-4 32-14 33-15l1-43v-41l9-4c5-1 15-6 23-10 11-5 14-7 16-6 4 2 4 3 3 19l-5 78v9l39-1h38c1 1 0 6-2 13l-2 12h-36c-27 0-36 1-37 2l-1 82v82l2 6c7 14 19 20 41 20 9 0 21-2 27-4 2-1 2 0 3 2 3 7 3 6-10 17l-15 12c-10 4-38 6-51 4zm-1271-4l-1-7 1-6 15-1c21 0 24-2 27-16 2-11 2-178 0-186s-4-9-25-10h-17v-15l11-2c24-3 47-9 62-15 14-6 15-6 17-4l1 7a552 552 0 00-1 41l27-21c24-21 25-21 32-23 18-6 39-7 55-4 18 4 35 12 46 23 9 9 15 22 18 35 2 9 2 14 3 88 1 79 1 87 5 94 3 7 7 8 24 8l16 1v14h-4a824 824 0 00-90-1l1-33c2-44 1-142-1-153-5-21-23-37-47-42-10-2-27-2-36 1-21 6-41 22-46 38-4 13-4 21-4 87 1 63 2 74 5 81 3 6 6 7 24 7 10 0 16 1 16 2v12h-21a1546 1546 0 00-113 0zm329 0v-12c0-1 3-2 15-2 13 0 15 0 19-2 5-3 8-6 9-16 2-9 3-151 1-170-1-23-2-24-27-24l-17-1v-13l8-2a322 322 0 0081-22c2 0 3 4 2 17v33c1 0 13-9 26-21 24-20 25-21 32-23a112 112 0 0169 0c30 10 47 29 52 60 1 4 2 34 2 83 1 79 1 88 5 94 3 6 7 7 24 7l16 1v14h-4a819 819 0 00-91 0l2-37c2-48 1-138-1-149-4-16-14-29-27-36-12-6-20-8-35-8-17 0-23 1-36 7-15 8-27 20-31 33-4 12-4 19-4 86 1 65 2 75 5 81 3 7 7 8 24 8l16 1v14l-16-1a2243 2243 0 00-119 0z"/><path fill="#f6921e" d="M3321 2460c-6862 990-3431 495 0 0zm-560 285c-1.4-327-1.1-654 1-981 38-1.2 76-.8 114 1l1 48c0 52 0 51 6 40 14-26 37-50 62-65 29-19 72-33 118-38 19-3 68-3 88 0 65 8 116 30 164 70 70 61 114 165 118 280 5 153-46 275-143 339-43 29-90 44-147 49-20 2-62 1-79-2-50-7-89-21-122-42-25-17-43-34-57-56l-7-8-1 181-1 183-57 1zm367-359c38-4 67-16 95-39 48-38 76-100 85-188 2-21 2-65 0-82-9-84-40-147-91-186-27-21-58-34-96-39h-63a188 188 0 00-134 80c-34 48-51 110-51 187 0 122 44 209 126 249 23 11 47 17 82 20zm-984 109a431 431 0 01-285-127 528 528 0 01-141-335c-2-19-2-78 0-98 11-138 61-255 143-338a433 433 0 01325-127 432 432 0 01369 177 601 601 0 01-12 689 435 435 0 01-297 158c-18 2-85 3-102 1zm66-108a300 300 0 00258-161 530 530 0 0032-410c-25-80-71-143-130-184-44-29-86-44-140-50-50-6-104-1-148 12-48 15-98 47-133 85-39 44-68 101-84 164-13 51-17 86-17 141a489 489 0 0049 227c33 65 79 113 139 144 50 25 108 36 174 32zm-987-1043l-1-1145 194-97L1630-2v2302c-1 2-405 193-408 193zm2579 1144c-45-5-81-14-115-31-56-27-99-69-130-124-24-43-41-101-48-166-11-93 5-180 46-253a328 328 0 01242-164c18-3 67-3 87 0 64 8 109 27 156 69 26 22 47 50 66 82a440 440 0 0154 252l-266 1h-265v15c0 45 13 91 34 125 32 51 85 83 151 92 16 2 53 2 68 0 35-4 61-13 86-30a163 163 0 0063-93l4-13h57l57-1v5l-11 43c-15 43-35 78-63 107-45 46-102 73-177 83-17 2-78 3-96 1zm234-444c0-16-7-44-15-65-21-54-61-94-115-116-42-16-98-17-142-2-15 6-36 16-49 25-11 8-28 24-37 35a231 231 0 00-49 129l204 1h204zm205 75l1-355h108l1 57 1 55c1 0 3-2 9-12 12-19 30-41 45-54 18-16 34-27 55-37 39-19 82-27 135-25 52 1 90 9 124 27a175 175 0 0180 82c14 26 21 51 26 94 2 17 2 17 3 270v253h-116l-1-253v-252l-3-11c-6-30-18-52-37-70-27-27-66-39-115-37-36 1-65 8-91 20-58 28-95 83-105 158-3 21-4 51-4 248v197h-116zm748-135v-491l72 1h72v980h-144zm296 489l-1-490 1-489h383c157 9 277 66 347 166 39 57 64 130 73 217 4 36 5 41 5 86-1 45-1 64-5 100-18 160-75 269-175 336a514 514 0 01-244 74c-25 2-384 2-384 0zm385-110c62-5 109-22 159-55 43-29 78-75 100-133 18-45 26-84 31-140 2-19 2-94 0-114-4-51-11-90-22-124a263 263 0 00-233-190c-29-3-40-4-166-4h-124v761h119z"/><path fill="#babbbd" d="M1149 753a1672 1672 0 00-842 317 917 917 0 00-215 232 610 610 0 00-92 367c11 114 54 220 129 321 138 183 376 334 670 422a2101 2101 0 00423 81v-257l-24-3c-168-24-324-74-451-144a786 786 0 01-236-192c-45-57-77-119-92-181-16-63-16-128-1-191 17-69 50-133 103-196 16-20 59-62 81-81a927 927 0 01230-141 1354 1354 0 01316-94l3-1V883c.2-43.3-.1-86.7-1-130zm555 0h-1l-1 130 1 129 6 1 26 5c98 19 194 48 280 86 37 16 107 52 107 55l-108 62a7663.5 7663.5 0 00-109 63l97 21 689 150-56-583a5534 5534 0 00-208 115l-17-9a1836 1836 0 00-706-225z"/></svg>
diff --git a/public/img/auth/twitter.png b/public/img/auth/twitter.png
deleted file mode 100644
index 9d3d89a4af14c1bf1ad0701cc2d53396c6bb0d75..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2709
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
F2>_SzR_Oo$

diff --git a/public/img/auth/twitter.svg b/public/img/auth/twitter.svg
new file mode 100644
index 0000000000..096b9add2b
--- /dev/null
+++ b/public/img/auth/twitter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="-89.009 -46.884 643.937 446.884" class="svg gitea-twitter" width="16" height="16" aria-hidden="true"><path fill="#1da1f2" fill-rule="nonzero" d="M154.729 400c185.669 0 287.205-153.876 287.205-287.312 0-4.37-.089-8.72-.286-13.052A205.304 205.304 0 0 0 492 47.346c-18.087 8.044-37.55 13.458-57.968 15.899 20.841-12.501 36.84-32.278 44.389-55.852a202.42 202.42 0 0 1-64.098 24.511C395.903 12.276 369.679 0 340.641 0c-55.744 0-100.948 45.222-100.948 100.965 0 7.925.887 15.631 2.619 23.025-83.895-4.223-158.287-44.405-208.074-105.504A100.739 100.739 0 0 0 20.57 69.24c0 35.034 17.82 65.961 44.92 84.055a100.172 100.172 0 0 1-45.716-12.63c-.015.424-.015.837-.015 1.29 0 48.903 34.794 89.734 80.982 98.986a101.036 101.036 0 0 1-26.617 3.553c-6.493 0-12.821-.639-18.971-1.82 12.851 40.122 50.115 69.319 94.296 70.135-34.549 27.089-78.07 43.224-125.371 43.224A204.9 204.9 0 0 1 0 354.634c44.674 28.645 97.72 45.359 154.734 45.359"/></svg>
\ No newline at end of file
diff --git a/public/img/auth/yandex.png b/public/img/auth/yandex.png
deleted file mode 100644
index 3414ad4249335496f8bbbbf0da2f4cf5e8876fd9..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 826
zcmeAS@N?(olHy`uVBq!ia0y~yU~m9o4mJh`hE<t`_ZS$M89iMbLn;{W%woRq#zUla
z|JL01OY*O63yiwGEf<P@zj2&YcXjFU&(bshtqPJbd1rf8cvkC~8yA=V_-NbuQGes(
zUiA=$qQ^=}X%F_CdC<Fy%VF=KNk@Fr-Ym3w-|OEw_t3{CK8AKdV`rJoRm#G1^IP60
z&;P@B;pX$sds36%S1z{Or|!RVj-HBlr8BF7@wPW>*SuN3+3EiJgrHpw50Blsr{QAz
zx4z-z3*KMqKF@m-jf^>Gmj^E3pPs${u~gM$o2OxGndIIo{oKF)b%JV@@cW2R^S)mX
zEN9O23oxB?@7E{URE6>y)#e8lJ0^d!k7J+l`1B?h*=66K*SM%_^qhBn-Yv-aIf#wz
z{868KfuW8oB)cy$W*t+q`n|_x<_X#I)yK?ao|kVpbNMOP;~O)LE*7j=yZLDR_ror-
z6aJSk+N1dY+_8`;J)C<!Hit33zQp(H*rio#Hhh^@y1%aH-iCs5>!<be_|&q4-P*!t
zoR#KPy#4TRTFR|$t2E8)M4$c<+qZm8#c}6f7Y@zK4Y_p6=(lEiP}-r0>5Lwgi+exq
z_n8{#8_{4?tmPw-qGfHM@0tDoylg!;>t0{u2fdS*w)6&D@0#<huU13y*PnIk*VnPB
zIn38vFPz@>s^RC%d1(i&=S`7b%$02*7uVQ%*tLt}&fl|Tt$RCp91iuqo#!BIwqQ#~
z&Z?6-<vhQV^Oj}2e(JShk5i?IH1A`by(*h*7Yn}oy2sE!>vZ;!nvg50X%j!lES_j-
z)_dubR?qXJOQ!M9Znt!gwtC-t>C>s6wNCCwicK6WZdD~mOqmw`fsO0<|0JV7TnfcG
zt98~F99VSoWU$@^Z>7_fj|FopT^+U_YWj6)%I&?2SLv>=*z@;#h=5gkrR#^h{%w1d
z9!>u_(<WuBELTM54UTC$-)-5pXVJoG8!DtX*V}BIB>Dc;x$M*0|IGJpc`7QNcsp96
z`F38VYlr_%_mp}U4uOr6rOi8H6X#ESd*L7h0|Nu|!k@wCAH}s^;9_Fo5KwSvU|>XM
YSa|8(Og$p>!WN{~)78&qol`;+0HOSjzyJUM

diff --git a/public/img/auth/yandex.svg b/public/img/auth/yandex.svg
new file mode 100644
index 0000000000..a128e8ad40
--- /dev/null
+++ b/public/img/auth/yandex.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" class="svg gitea-yandex" width="16" height="16" aria-hidden="true"><path fill="#e52620" d="M49.07 0c.524.405.262.88.095 1.333l-6.643 18.095-8.047 22.12a4.21 4.21 0 0 0-.262 1.429v19.81c0 1.2-.024 1.2-1.214 1.2-1.238 0-2.476-.048-3.714.024-.786.024-1.07-.238-1.048-1.024l.024-7.333V42.928c0-.5-.07-1.048-.262-1.524L14.976 7.333c-.095-.262-.238-.476-.357-.714v-.5c.38-.12.762-.3 1.143-.3l4.12-.024s1.357 0 1.81 1.286l9.7 27.31.405.976.333-1.095 1.905-6.976 8.5-26.31c.12-.333.405-.62.62-.93L49.07 0z"/></svg>
\ No newline at end of file
diff --git a/services/auth/signin.go b/services/auth/signin.go
index 2af15c4133..1095b27fe2 100644
--- a/services/auth/signin.go
+++ b/services/auth/signin.go
@@ -61,7 +61,7 @@ func UserSignIn(username, password string) (*user_model.User, *auth.Source, erro
 			}
 
 			if !source.IsActive {
-				return nil, nil, oauth2.ErrAuthSourceNotActived
+				return nil, nil, oauth2.ErrAuthSourceNotActivated
 			}
 
 			authenticator, ok := source.Cfg.(PasswordAuthenticator)
diff --git a/services/auth/source/oauth2/providers.go b/services/auth/source/oauth2/providers.go
index 7ba370855a..0aa83ba494 100644
--- a/services/auth/source/oauth2/providers.go
+++ b/services/auth/source/oauth2/providers.go
@@ -19,7 +19,7 @@ import (
 type Provider interface {
 	Name() string
 	DisplayName() string
-	Image() string
+	IconURL() string
 	CustomURLSettings() *CustomURLSettings
 }
 
@@ -34,23 +34,28 @@ type GothProvider interface {
 	GothProviderCreator
 }
 
-// ImagedProvider provide an overridden image setting for the provider
-type ImagedProvider struct {
+// AuthSourceProvider provides a provider for an AuthSource. Multiple auth sources could use the same registered GothProvider
+// So each auth source should have its own DisplayName and IconURL for display.
+// The Name is the GothProvider's name, to help to find the GothProvider to sign in.
+// The DisplayName is the auth source config's name, site admin set it on the admin page, the IconURL can also be set there.
+type AuthSourceProvider struct {
 	GothProvider
-	image string
+	sourceName, iconURL string
 }
 
-// Image returns the image path for this provider
-func (i *ImagedProvider) Image() string {
-	return i.image
+func (p *AuthSourceProvider) Name() string {
+	return p.GothProvider.Name()
 }
 
-// NewImagedProvider is a constructor function for the ImagedProvider
-func NewImagedProvider(image string, provider GothProvider) *ImagedProvider {
-	return &ImagedProvider{
-		GothProvider: provider,
-		image:        image,
+func (p *AuthSourceProvider) DisplayName() string {
+	return p.sourceName
+}
+
+func (p *AuthSourceProvider) IconURL() string {
+	if p.iconURL != "" {
+		return p.iconURL
 	}
+	return p.GothProvider.IconURL()
 }
 
 // Providers contains the map of registered OAuth2 providers in Gitea (based on goth)
@@ -95,11 +100,13 @@ func GetActiveOAuth2Providers() ([]string, map[string]Provider, error) {
 	var orderedKeys []string
 	providers := make(map[string]Provider)
 	for _, source := range authSources {
-		prov := gothProviders[source.Cfg.(*Source).Provider]
-		if source.Cfg.(*Source).IconURL != "" {
-			prov = &ImagedProvider{prov, source.Cfg.(*Source).IconURL}
+		oauth2Cfg, ok := source.Cfg.(*Source)
+		if !ok {
+			log.Error("Invalid OAuth2 source config: %v", oauth2Cfg)
+			continue
 		}
-		providers[source.Name] = prov
+		gothProv := gothProviders[oauth2Cfg.Provider]
+		providers[source.Name] = &AuthSourceProvider{GothProvider: gothProv, sourceName: source.Name, iconURL: oauth2Cfg.IconURL}
 		orderedKeys = append(orderedKeys, source.Name)
 	}
 
@@ -138,8 +145,7 @@ func ClearProviders() {
 	goth.ClearProviders()
 }
 
-// ErrAuthSourceNotActived login source is not actived error
-var ErrAuthSourceNotActived = errors.New("auth source is not actived")
+var ErrAuthSourceNotActivated = errors.New("auth source is not activated")
 
 // used to create different types of goth providers
 func createProvider(providerName string, source *Source) (goth.Provider, error) {
@@ -150,7 +156,7 @@ func createProvider(providerName string, source *Source) (goth.Provider, error)
 
 	p, ok := gothProviders[source.Provider]
 	if !ok {
-		return nil, ErrAuthSourceNotActived
+		return nil, ErrAuthSourceNotActivated
 	}
 
 	provider, err = p.CreateGothProvider(providerName, callbackURL, source)
diff --git a/services/auth/source/oauth2/providers_base.go b/services/auth/source/oauth2/providers_base.go
index 61654d8eaa..c8e41430ab 100644
--- a/services/auth/source/oauth2/providers_base.go
+++ b/services/auth/source/oauth2/providers_base.go
@@ -3,6 +3,8 @@
 
 package oauth2
 
+import "code.gitea.io/gitea/modules/setting"
+
 // BaseProvider represents a common base for Provider
 type BaseProvider struct {
 	name        string
@@ -19,9 +21,14 @@ func (b *BaseProvider) DisplayName() string {
 	return b.displayName
 }
 
-// Image returns an image path for this provider
-func (b *BaseProvider) Image() string {
-	return "/assets/img/auth/" + b.name + ".png"
+// IconURL returns an icon path for this provider
+// Use svg for default icons, providers_openid has its own IconURL function
+func (b *BaseProvider) IconURL() string {
+	name := b.name
+	if b.name == "gplus" {
+		name = "google"
+	}
+	return setting.AppSubURL + "/assets/img/auth/" + name + ".svg"
 }
 
 // CustomURLSettings returns the custom url settings for this provider
@@ -29,4 +36,4 @@ func (b *BaseProvider) CustomURLSettings() *CustomURLSettings {
 	return nil
 }
 
-var _ (Provider) = &BaseProvider{}
+var _ Provider = &BaseProvider{}
diff --git a/services/auth/source/oauth2/providers_custom.go b/services/auth/source/oauth2/providers_custom.go
index b5fe179441..65cf538ad7 100644
--- a/services/auth/source/oauth2/providers_custom.go
+++ b/services/auth/source/oauth2/providers_custom.go
@@ -49,7 +49,7 @@ func NewCustomProvider(name, displayName string, customURLSetting *CustomURLSett
 	}
 }
 
-var _ (GothProvider) = &CustomProvider{}
+var _ GothProvider = &CustomProvider{}
 
 func init() {
 	RegisterGothProvider(NewCustomProvider(
diff --git a/services/auth/source/oauth2/providers_openid.go b/services/auth/source/oauth2/providers_openid.go
index 2433cd3c7f..c394058d6f 100644
--- a/services/auth/source/oauth2/providers_openid.go
+++ b/services/auth/source/oauth2/providers_openid.go
@@ -24,9 +24,9 @@ func (o *OpenIDProvider) DisplayName() string {
 	return "OpenID Connect"
 }
 
-// Image returns an image path for this provider
-func (o *OpenIDProvider) Image() string {
-	return "/assets/img/auth/openid_connect.svg"
+// IconURL returns an icon path for this provider
+func (o *OpenIDProvider) IconURL() string {
+	return setting.AppSubURL + "/assets/img/svg/gitea-openid.svg"
 }
 
 // CreateGothProvider creates a GothProvider from this Provider
@@ -48,7 +48,7 @@ func (o *OpenIDProvider) CustomURLSettings() *CustomURLSettings {
 	return nil
 }
 
-var _ (GothProvider) = &OpenIDProvider{}
+var _ GothProvider = &OpenIDProvider{}
 
 func init() {
 	RegisterGothProvider(&OpenIDProvider{})
diff --git a/services/auth/source/oauth2/providers_simple.go b/services/auth/source/oauth2/providers_simple.go
index 731c1b59a9..e95323a62a 100644
--- a/services/auth/source/oauth2/providers_simple.go
+++ b/services/auth/source/oauth2/providers_simple.go
@@ -48,7 +48,7 @@ func NewSimpleProvider(name, displayName string, scopes []string, newFn SimplePr
 	}
 }
 
-var _ (GothProvider) = &SimpleProvider{}
+var _ GothProvider = &SimpleProvider{}
 
 func init() {
 	RegisterGothProvider(
@@ -69,13 +69,13 @@ func init() {
 		}))
 
 	// named gplus due to legacy gplus -> google migration (Google killed Google+). This ensures old connections still work
-	RegisterGothProvider(NewImagedProvider("/assets/img/auth/google.png", NewSimpleProvider("gplus", "Google", []string{"email"},
+	RegisterGothProvider(NewSimpleProvider("gplus", "Google", []string{"email"},
 		func(clientKey, secret, callbackURL string, scopes ...string) goth.Provider {
 			if setting.OAuth2Client.UpdateAvatar || setting.OAuth2Client.EnableAutoRegistration {
 				scopes = append(scopes, "profile")
 			}
 			return google.New(clientKey, secret, callbackURL, scopes...)
-		})))
+		}))
 
 	RegisterGothProvider(NewSimpleProvider("twitter", "Twitter", nil,
 		func(clientKey, secret, callbackURL string, scopes ...string) goth.Provider {
diff --git a/templates/user/auth/signin_inner.tmpl b/templates/user/auth/signin_inner.tmpl
index 8d9375de75..22cb620bfe 100644
--- a/templates/user/auth/signin_inner.tmpl
+++ b/templates/user/auth/signin_inner.tmpl
@@ -53,29 +53,17 @@
 	{{end}}
 
 	{{if and .OrderedOAuth2Names .OAuth2Providers}}
-	<hr class="ui divider"/>
 	<div id="oauth2-login-navigator">
-		<div id="oauth2-login-navigator-inner" class="gt-df gt-jc">
-			<span class="gt-self-center gt-mr-3">{{.locale.Tr "sign_in_with"}}</span>
-			<div class="gt-df gt-fw gt-gap-4">
+		<div class="gt-df gt-fc gt-jc">
+			<div class="ui horizontal divider">
+				{{.locale.Tr "sign_in_or"}}
+			</div>
+			<div id="oauth2-login-navigator-inner" class="gt-df gt-fc gt-fw gt-ac gt-gap-3">
 				{{range $key := .OrderedOAuth2Names}}
 					{{$provider := index $.OAuth2Providers $key}}
-					<a class="{{$provider.Name}} silenced oauth-login-link" href="{{AppSubUrl}}/user/oauth2/{{$key}}" data-tooltip-content="{{$provider.DisplayName}}{{if eq $provider.Name "openidConnect"}} ({{$key}}){{end}}">
-						{{if eq $provider.Name "github"}}
-							{{svg "octicon-mark-github" 40}}
-						{{else if eq $provider.Name "gitlab"}}
-							{{svg "gitea-gitlab" 40}}
-						{{else if eq $provider.Name "openidConnect"}}
-							{{svg "gitea-openid" 40}}
-						{{else}}
-							<img
-								class="gt-object-contain"
-								width="40"
-								height="40"
-								alt="{{$provider.DisplayName}}{{if eq $provider.Name "openidConnect"}} ({{$key}}){{end}}"
-								src="{{AppSubUrl}}{{$provider.Image}}"
-							>
-						{{end}}
+					<a class="{{$provider.Name}} ui button gt-df gt-ac gt-jc gt-py-3 oauth-login-link" href="{{AppSubUrl}}/user/oauth2/{{$key}}">
+						<img class="gt-mr-3" width="20" height="20" src="{{$provider.IconURL}}" alt="{{$provider.DisplayName}}">
+						{{$.locale.Tr "sign_in_with_provider" $provider.DisplayName}}
 					</a>
 				{{end}}
 			</div>
diff --git a/templates/user/settings/security/accountlinks.tmpl b/templates/user/settings/security/accountlinks.tmpl
index b9f8af34c7..e7a685bb9f 100644
--- a/templates/user/settings/security/accountlinks.tmpl
+++ b/templates/user/settings/security/accountlinks.tmpl
@@ -8,7 +8,7 @@
 					{{range $key := .OrderedOAuth2Names}}
 						{{$provider := index $.OAuth2Providers $key}}
 						<a class="item" href="{{AppSubUrl}}/user/oauth2/{{$key}}">
-							<img width="20" height="20" src="{{AppSubUrl}}{{$provider.Image}}" alt="{{$provider.DisplayName}}">
+							<img class="gt-mr-3" width="20" height="20" src="{{$provider.IconURL}}" alt="{{$provider.DisplayName}}">
 							{{$provider.DisplayName}}
 						</a>
 					{{end}}
diff --git a/web_src/css/base.css b/web_src/css/base.css
index b56e7b68d6..1c7a239188 100644
--- a/web_src/css/base.css
+++ b/web_src/css/base.css
@@ -468,6 +468,10 @@ a.label,
   padding-bottom: 7.42px !important;
 }
 
+.ui.divider {
+  color: var(--color-text);
+}
+
 .ui.divider:not(.vertical,.horizontal) {
   border-top-color: var(--color-secondary) !important;
   border-bottom: none !important;
diff --git a/web_src/css/form.css b/web_src/css/form.css
index dfa7208ca2..a6106016b5 100644
--- a/web_src/css/form.css
+++ b/web_src/css/form.css
@@ -309,7 +309,8 @@ textarea:focus,
   .user.reset.password form .inline.field > textarea,
   .user.link-account form .inline.field > textarea,
   .user.signin form .inline.field > textarea,
-  .user.signup form .inline.field > textarea {
+  .user.signup form .inline.field > textarea,
+  .oauth-login-link {
     width: 50%;
   }
 }
@@ -364,7 +365,8 @@ textarea:focus,
   .user.reset.password form input,
   .user.link-account form input,
   .user.signin form input,
-  .user.signup form input {
+  .user.signup form input,
+  .oauth-login-link {
     width: 100% !important;
   }
 }
diff --git a/web_src/fomantic/_site/globals/site.variables b/web_src/fomantic/_site/globals/site.variables
index dcd9c2f08c..b09fb90b71 100644
--- a/web_src/fomantic/_site/globals/site.variables
+++ b/web_src/fomantic/_site/globals/site.variables
@@ -7,3 +7,4 @@
 @disabledOpacity: var(--opacity-disabled);
 @variationPopupTooltip: false;
 @linkHoverUnderline: underline;
+@variationButtonSocial: false;
diff --git a/web_src/fomantic/build/semantic.css b/web_src/fomantic/build/semantic.css
index 40d8b4e138..47510dbc9e 100644
--- a/web_src/fomantic/build/semantic.css
+++ b/web_src/fomantic/build/semantic.css
@@ -439,219 +439,6 @@
   border-bottom-right-radius: 0;
 }
 
-/*-------------------
-         Social
-  --------------------*/
-
-/* Facebook */
-
-.ui.facebook.button {
-  background-color: #3B5998;
-  color: #FFFFFF;
-  text-shadow: none;
-  background-image: none;
-  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-}
-
-.ui.facebook.button:hover {
-  background-color: #304d8a;
-  color: #FFFFFF;
-  text-shadow: none;
-}
-
-.ui.facebook.button:active {
-  background-color: #2d4373;
-  color: #FFFFFF;
-  text-shadow: none;
-}
-
-/* Twitter */
-
-.ui.twitter.button {
-  background-color: #1DA1F2;
-  color: #FFFFFF;
-  text-shadow: none;
-  background-image: none;
-  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-}
-
-.ui.twitter.button:hover {
-  background-color: #0298f3;
-  color: #FFFFFF;
-  text-shadow: none;
-}
-
-.ui.twitter.button:active {
-  background-color: #0c85d0;
-  color: #FFFFFF;
-  text-shadow: none;
-}
-
-/* Google Plus */
-
-.ui.google.plus.button {
-  background-color: #DD4B39;
-  color: #FFFFFF;
-  text-shadow: none;
-  background-image: none;
-  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-}
-
-.ui.google.plus.button:hover {
-  background-color: #e0321c;
-  color: #FFFFFF;
-  text-shadow: none;
-}
-
-.ui.google.plus.button:active {
-  background-color: #c23321;
-  color: #FFFFFF;
-  text-shadow: none;
-}
-
-/* Linked In */
-
-.ui.linkedin.button {
-  background-color: #0077B5;
-  color: #FFFFFF;
-  text-shadow: none;
-}
-
-.ui.linkedin.button:hover {
-  background-color: #00669c;
-  color: #FFFFFF;
-  text-shadow: none;
-}
-
-.ui.linkedin.button:active {
-  background-color: #005582;
-  color: #FFFFFF;
-  text-shadow: none;
-}
-
-/* YouTube */
-
-.ui.youtube.button {
-  background-color: #FF0000;
-  color: #FFFFFF;
-  text-shadow: none;
-  background-image: none;
-  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-}
-
-.ui.youtube.button:hover {
-  background-color: #e60000;
-  color: #FFFFFF;
-  text-shadow: none;
-}
-
-.ui.youtube.button:active {
-  background-color: #cc0000;
-  color: #FFFFFF;
-  text-shadow: none;
-}
-
-/* Instagram */
-
-.ui.instagram.button {
-  background-color: #49769C;
-  color: #FFFFFF;
-  text-shadow: none;
-  background-image: none;
-  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-}
-
-.ui.instagram.button:hover {
-  background-color: #3d698e;
-  color: #FFFFFF;
-  text-shadow: none;
-}
-
-.ui.instagram.button:active {
-  background-color: #395c79;
-  color: #FFFFFF;
-  text-shadow: none;
-}
-
-/* Pinterest */
-
-.ui.pinterest.button {
-  background-color: #BD081C;
-  color: #FFFFFF;
-  text-shadow: none;
-  background-image: none;
-  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-}
-
-.ui.pinterest.button:hover {
-  background-color: #ac0013;
-  color: #FFFFFF;
-  text-shadow: none;
-}
-
-.ui.pinterest.button:active {
-  background-color: #8c0615;
-  color: #FFFFFF;
-  text-shadow: none;
-}
-
-/* VK */
-
-.ui.vk.button {
-  background-color: #45668E;
-  color: #FFFFFF;
-  background-image: none;
-  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-}
-
-.ui.vk.button:hover {
-  background-color: #395980;
-  color: #FFFFFF;
-}
-
-.ui.vk.button:active {
-  background-color: #344d6c;
-  color: #FFFFFF;
-}
-
-/* WhatsApp */
-
-.ui.whatsapp.button {
-  background-color: #25D366;
-  color: #FFFFFF;
-  background-image: none;
-  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-}
-
-.ui.whatsapp.button:hover {
-  background-color: #19c55a;
-  color: #FFFFFF;
-}
-
-.ui.whatsapp.button:active {
-  background-color: #1da851;
-  color: #FFFFFF;
-}
-
-/* Telegram */
-
-.ui.telegram.button {
-  background-color: #0088CC;
-  color: #FFFFFF;
-  background-image: none;
-  box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
-}
-
-.ui.telegram.button:hover {
-  background-color: #0077b3;
-  color: #FFFFFF;
-}
-
-.ui.telegram.button:active {
-  background-color: #006699;
-  color: #FFFFFF;
-}
-
 /*--------------
      Icon
 ---------------*/