Jump to content

Custom CSS load last


RG9400

Recommended Posts

I am trying to use GilbN/theme.park: A collection of themes/skins for your favorite apps. (github.com) to theme Emby. I use the below css in the Custom CSS setting. The problem is that because this isn't loading last, certain variables are not being applied in proper order as the theme is built upon the existing default CSS.

```css
@import url("https://theme-park.dev/css/base/emby/emby-base.css");
@import url("https://theme-park.dev/css/theme-options/dracula.css");
```

For example, `--label-text-color` is defined in theme.park/dracula.css at master · GilbN/theme.park (github.com), but it ends up undefined with the way the CSS is loaded.

Is it possible to have the custom CSS load last? 

Link to comment
Share on other sites

Quote

Is it possible to have the custom CSS load last? 

Hi, not really because everything in Emby Server is loaded on demand, when it's needed, rather than up front. For for example, CSS for the live tv guide doesn't get loaded until you pull up the guide screen. That's a best practice we'd like to stick to, but unfortunately it can make custom css more difficult.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...