How to install

[wes1993]

Hello @Tsyron, I really love your theme, could you please tell me how can I install?

Thanks a lot Stefano

[Tsyron]

hey,

1. you first need to install the sylus extension

https://addons.mozilla.org/en-US/firefox/addon/styl-us/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=search

2. install the preferred theme: https://userstyles.world/style/7402/invidious-nord-theme-redesign https://userstyles.world/style/8147/invidious-dark-theme-redesign https://userstyles.world/style/8164/invidious-black-theme-redesign

[wes1993]

Hello @Tsyron, thanks a lor for your reply!! :-D

So apart from using the firefox extension there is a way to install directly in server side so all devices are able to use the theme?

Thanks again Stefano

[Tsyron]

Hello

Not that I know of. @Sommerwiesel has used the Nord theme for his instance https://invidious.nerdvpn.de/. For the moment it seems his instance is offline.

I'm guessing you can just add a new css file and add the theme in it. You might need to delete and rearrange couple lines as the code was made with the stylus preprocessor in mind.

Alex

[Sommerwiesel]

Yo @Tsyron and @wes1993

Every change on my Invidious instance is open sourced under github.com/Sommerwiesel/invidious-nerdvpn

@wes1993 You might wanna check out:

• assets/css/default.css
• nginx/sites-enabled/invidious.vhost line 307

That's how I did it. Please note that you need to merge this with the default.css that Invidious ships with. You can also for your convenience just download my merged css using this link:

https://invidious.nerdvpn.de/css/default.css

And yes, just using the css from this repo will not work because it has a lot of stlyus placeholders you first need to change.

Cheers.

[wes1993]

Hello @Sommerwiesel and @Tsyron, Thanks a lot for the help!!!

Unfortunately I have many css files under assets/css/ so what should I change? and also I don't have nginx/sites-enabled/invidious.vhost file..

Best Regards Stefano