Home/ Questions/Q 7711617
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T01:25:16+00:00

I have a site with clients. Every client can have it’s own theme and

  • 0

I have a site with clients. Every client can have it’s own theme and when a user of a certain client is logged in, the company theme must be loaded. In the application.css.scss I have a line like this for every company:

@import "_theme_x.css.scss";
@import "_theme_y.css.scss";
@import "_theme_z.css.scss";

How can I load only e.g. theme_x when a user of company x is logged in and not load theme_y and theme_z? Or is there a better way of doing this? Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If themes are large, you might want to separate them from the application.css and load them conditionally in your layout. For example, if you have a helper theme_stylesheet in application_helper which returns the name of the theme the client is using:

    # application.html.erb
<%= stylesheet_link_tag 'application', theme_stylesheet %>

    If they are small, I like namespacing. Leave your application.css as-is, but modify the themes to use a top-level rule on the body. Place a tag on the body to select the theme. The beauty of this is you can dynamically change the theme.

    <body class="theme-<%= theme_stylesheet %>">
  ...
</body>

    _theme_x.css.scss

    body.theme-x {
  ...
}
    • 0