[Bug] Styles no longer get applied to Google Chat

[faulknermano]

Bug Report

Bug Description

• I am trying to apply styles on Google Chat and Gmail.
• Styles are being correctly applied on Gmail.
• Styles not not being applied on Google Chat.
• These styles have previously worked on Chat, but it seems that after an update by Google, they've stopped working.

To simplify the problem here are my steps to reproduce:

• I load Google Chat
• I inspect the page, and determine that the CSS selector to change the font-family of a chat post is .Zc1Emd, .wdoEHc.

If I try to override this using

@-moz-document url-prefix("https://mail.google.com/chat") {
    /* Insert code here... */
    .Zc1Emd, .wdoEHc {
        font-family: "Rubik"
    }
}

This doesn't change the font (although this worked before).

If I look at the computed values and source stylesheet, I noticed this:

I.e: the stylesheet is this url:

https://chat.google.com/_/scs/mss-static/_/ss/k=boq-dynamite.DynamiteWebUi.6IMRoEhFLis.L.B1.O/am=escjAKhDsSE87bEAQAgI1YEMsQgFywcDmoFRjCapCA/d=1/ed=1/rs=AKbVGRKnUgMcuBCiVYofXPuxoLMdaHpk3A/m=worldmoleview,_b,_tp,byfTOb,lsjVmc,LEikZe,n73qwf,UUJqVe,MpJwZc

It seems to me that the stylesheet is being pulled from this url rather than served in to the page source itself. Do I understand this correctly? If so, is there a way for Stylus to circumvent this?

Screenshots

-

System Information

• OS: Windows 10
• Browser: Chrome 127.0.6533.89 (Official Build) (64-bit) (cohort: Stable)
• Stylus Version: 1.5.47

[faulknermano]

And yet, when I use Dark Reader's font override, Chat font is overridden, so I guess it must be technically possible, but can Stylus currently do it?

[tophf]

You can use devtools to inspect the URL of the frame that contains this element, it's not mail https://mail.google.com/chat but https://chat.google.com/u/0/frame, so your url-prefix should be fixed accordingly.