Trendy Login

Theme component
,
1
:discourse2: 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.
:hammer_and_wrench: Repository Link https://github.com/discourse/discourse-trendy-login
:question: Install Guide How to install a theme or theme component
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme component

Features

image
image936×866 161 KB

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

:information_source: Note that the settings priority is in this order:

custom_bg_image > custom_bg_color > custom_bg_gradient_1/2.


:discourse2: 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

Check documentPerform check on document:
54 Likes
41

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

42

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

image
image778×808 45.4 KB

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

1 Like
43

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

44

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.

2 Likes
45

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

2 Likes
46

Does this make any sense?

2 Likes
47

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

.wrap {
    max-width: max-content;
}
2 Likes
48

Sorry, but I don’t understand your question.

The plugin description states:

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.

2 Likes
49

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

2 Likes
51

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.

1 Like