[Solved] Remove gradient background in 'private' Newtab

Using Firefox Beta

Hi, I'm trying to remove the gradient in 'Private mode' new-tab page, I'm trying the next code but without success.

@-moz-document url-prefix(about:privatebrowsing) {
html.private {
        background-color: transparent !important;
        background-image: none !important;
        background: linear-gradient(45deg, transparent, transparent) !important;
    }
}

I also tried:

@media -moz-pref("browser.privatebrowsing.felt-privacy-v1") {
  @media not (prefers-contrast) {
    html.private {
      background: none !important;
    }
  }
}

But with all the gradient don't disappear.

0 points · 1 comments · view on lemmy.world

1 Comments

Godie@lemmy.world · 1 pts · 82d

I solved adding the next code in userChrome.css, instead of using userContent.css, or maybe is neccessary to use both codes in each file:

:root:is([privatebrowsingmode="temporary"]) {
  --tabpanel-background-color: transparent !important;
}