トレンディログイン

[Discourse]

	Summary	Trendy Login changes the default design of static login page (/login) on login required sites and adds the ability to customize the page content via component settings.
	Repository Link	https://github.com/discourse/discourse-trendy-login
	Install Guide	How to install a theme or theme component
	New to Discourse Themes?	Beginner’s guide to using Discourse Themes

Install this theme component

As this is an official theme component maintained by the Discourse team, Support, Bug, UX, and Feature requests can be made in the respective categories here on Meta, and tagged with the appropriate theme component tag. Click on a link below to get one started.

 Support  Bug  UX  Feature

Features

Settings

Name	Description
bg_image	Custom image link for background
bg_color	Custom color code for background
bg_gradient_1	First color code for gradient
bg_gradient_2	Second color code for gradient
login_subheader	Subheader content, allows HTML markup

Note that the settings priority is in this order:

custom_bg_image > custom_bg_color > custom_bg_gradient_1/2.

Hosted by us? Theme components are available to use on our Standard, Business, and Enterprise plans.

Last edited by @NateDhaliwal 2025-02-18T10:27:45Z

Last checked by @tobiaseigen 2025-02-18T14:13:23Z

Check document

Perform check on document:

[Muhammed_EKİCİ (mekici)]

Hello. Does this still work? I tried it on my forum with the latest discourse version but it didn’t work?

[Arkshine]

Yes, it’s working for me on the latest version:

Do you see the default login page instead? Is the component enabled for the theme?

[Muhammed_EKİCİ (mekici)]

yes the theme component is enabled and I still see the old login screen.

[MarkDoerr]

I know this is an old comment, but I’ve just started using this on a test site so I want to check in.

You must enable the login required site setting to get the static login page. Otherwise, as you noted, you can enable the component but you’ll still get the login modal rather than the trendy login.

[Bubbles]

Hello! I am trying this, but the login page has a large bar on the left side. How do I remove it? Thank you.

[Roi]

@MarkDoerr

You must enable the login required site setting to get the static login page.

Does this make any sense?

[Bubbles]

Hello yes. I had that checked. It ended up being an add to the CSS.

.wrap {
    max-width: max-content;
}

[MarkDoerr]

@Roi

Does this make any sense?

Sorry, but I don’t understand your question.

The plugin description states:

@meghna

Trendy Login changes the default design of static login page (/login) on login required sites and adds the ability to customize the page content via component settings.

To get the static login page you must require login. If you don’t and you hit the /login route, you get a login modal instead and this component is ignored.

[Roi]

I see, thank you, I was not aware of the difference.

[IrisBetty]

Hi. This is working beautifully on a pc screen but only uses the left hand third of the image on mobile. Is there something I should to to get the pc image to shrink more widthways - realising that the aspect ratio is different.

Any advice how to use the component for a good look on typical pc screen and mobile much appreciated.