docs: update branding (#3764)

docs/content/en/integration/openid-connect/gitlab/index.md

@@ -46,7 +46,7 @@ gitlab_rails['omniauth_providers'] = [
   {
     name: "openid_connect",
     label: "Authelia",
-    icon: "https://avatars.githubusercontent.com/u/59122411?s=280&v=4",
+    icon: "https://www.authelia.com/images/branding/logo-cropped.png",
     args: {
       name: "openid_connect",
       scope: ["openid","profile","email","groups"],

docs/content/en/integration/openid-connect/synapse/index.md

@@ -43,13 +43,15 @@ To configure [Synapse] to utilize Authelia as an [OpenID Connect] Provider:
 
 ```yaml
 oidc_providers:
-  - idp_id: synapse
+  - idp_id: authelia
     idp_name: "Authelia"
+    idp_icon: "mxc://authelia.com/cKlrTPsGvlpKxAYeHWJsdVHI"
+    discover: true
     issuer: "https://auth.example.com"
     client_id: "synapse"
     client_secret: "synapse_client_secret"
-    allow_existing_users: true
     scopes: ["openid", "profile", "email"]
+    allow_existing_users: true
     user_mapping_provider:
       config:
         subject_claim: "sub"

docs/content/en/reference/guides/branding.md

@@ -54,6 +54,18 @@ The logo is just the Authelia circle logo without any text.
 
 {{< figure src="/images/branding/logo.svg" link="/images/branding/logo.svg" target="_blank" alt="Authelia Logo" width="150" ignoreStaticImages="false" >}}
 
+### Logo (Cropped)
+
+The logo is the same as the standard logo without padding.
+
+#### Logo (Cropped) Files
+
+[PSD](https://www.authelia.com/images/branding/logo-cropped.psd) | [SVG](https://www.authelia.com/images/branding/logo-cropped.svg) | [PNG](https://www.authelia.com/images/branding/logo-cropped.png)
+
+#### Logo (Cropped) Example
+
+{{< figure src="/images/branding/logo-cropped.svg" link="/images/branding/logo-cropped.svg" target="_blank" alt="Authelia Logo" width="150" ignoreStaticImages="false" >}}
+
 ### Title
 
 The title is the Authelia circle logo with the `authelia` branded text.