Trendy Login

: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
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme component

Here are the available component settings:

  • custom_bg_image : custom image link for background
  • custom_bg_color : custom color code for background
  • custom_bg_gradient_1 : first color code for gradient
  • custom_bg_gradient_2 : second color code for gradient
  • login_header : main header content, allows HTML markup
  • login_subheader : sub header content, allows HTML markup
  • login_button_border : color code for border and login/signup buttons

Note that the settings priority are in this order: custom_bg_image > custom_bg_color > custom_bg_gradient_1/2.

Enjoy! :slight_smile:


This is a #theme-component that I’ve wanted for a long time now. I’m glad that a like-minded individual has officially created it! :grin:

This will go great with what I’m doing…


Hi Meghna! This is a sweet theme component. Thanks for creating it! I’m using it on my neighborhood forum, and it looks amazing. :heart_eyes:

I’m running into a little bit of trouble with the text color, which I think is taken from the theme and appears not to be customizable in the theme component. In my case it is too light against the white background of the trendy box. Would it be possible for you to make the color of the text and white background also customizable?

Otherwise the component is great as it is, but I have another suggestion. It might be nice to try to have the trendy login styling follow the site theme entirely. That way sites will have a consistent user experience.


Sure, it’s done.

It’s not trivial to follow the site theme entirely in this component but what I’ve done now is that the component will follow the theme’s primary and secondary color. So the background and text color of the box will look similar to the site’s theme and the contrast will be better.


Hello, it seems to me an excellent component, I am using it but on mobile the forum logo is distorted and the background image is not visible, is there a possibility to improve it for mobile? :heart:

Can you share a screenshot of it not working, or URL that I can look at to replicate what you are seeing? Maybe by PM if it’s a private site?


Thanks for sharing the URL… I can confirm that on your site it looks very different on mobile and web, and on mobile there are some problems with the logo (it’s too big) and the background is different.


Thank you very much.

@tobiaseigen I’m not an expert on the subject, but I was seeing that the CSS is only focused on the desktop version, maybe that’s the problem.

1 Like

Could someone help me fix the mobile version, please?


Added mobile styling in:

Thanks for bringing this to my notice @PaulinaMX :+1:

1 Like