Youtube Userstyle Not Loading Properly

[moqqa]

Is there an existing issue outlining your problem?

• [X] I have searched the existing issues and they do not solve my problem.

What userstyles are you seeing the problem on?

lbl:youtube

Describe your problem.

Upon opening any youtube link whilst using Mocha or Latte, the theme seems to break. Various elements on the page having only portions of the theme applied and fonts being miscoloured.

Attach screenshots.

What browser(s) are you seeing the problem on?

Firefox v116.0.2

Any additional comments?

No response

[isabelroses]

This is due to YouTube's ambient mode, disabling it should fix the issue. This feature is currently forcefully disabled (at least for chromium), i will see what i can do about Firefox shortly.

[isabelroses]

I can't seem to replicate this on firefox, what version of the theme do you have?

[moqqa]

version 3.0.9, turning off ambient mode was a fix but unsure as to why stylus rendered it the way that it did.

[ishandandekar]

Hi @moqqa , I am new to this themeing world, could you please tell how did you apply this theme to YouTube?

[isabelroses]

how did you apply this theme to YouTube?

Please follow the instructions here

[ishandandekar]

I still can't figure the "Install the theme" step. Could you please elaborate on this further?

[isabelroses]

I still can't figure the "Install the theme" step. Could you please elaborate on this further?

So head to the page https://github.com/catppuccin/userstyles/raw/main/styles/<name>/catppuccin.user.css but instead of <name> its the name of the port, so for youtube its https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css

[ishandandekar]

Worked like a charm! Thank you!

[bernzrdo]

For some weird reason, it's not working again! I'm using I'm using Chrome v120.0.6099.71 with Stylus and the userstyle is up to date.

An easy fix would be something along the lines of

#cinematics {
  mix-blend-mode: ligthen;
}