~avz

administrando el sitio elpolla.net junto con su branding elpolla soluciones y telecomunicaciones 2025

about:config

Transparencia

I'll assume you're on a WM with transparent blur support.
type: "about:profiles" In the firefox address bar, select root directory, open it, and paste the chrome folder in there:

/* userContent.css */
@-moz-document url-prefix() {
  :root {
    --in-content-page-background: rgba(21,24,36,0.3) !important;
    --in-content-box-background: rgba(21,24,36,0.3) !important;
  }
@-moz-document domain(youtube.com) {
    #background, #chips-wrapper, ytd-mini-guide-entry-renderer {
        background-color: rgba(21,24,36,0.3) !important;
    }    
    body, html, ytd-app, ytd-mini-guide-renderer {
        background-color: rgba(21,24,36,0.3) !important;
    }
}

@-moz-document domain(reddit.com) {
    header {
        background-color: rgba(21,24,36,0.3) !important;
    }    
    body, html, .bg-neutral-background, .threadline, reddit-sidebar-nav, shreddit-post, aside, .reddit-search-bar, comment-body-header, shreddit-comment-tree{
        background-color: rgba(21,24,36,0.3) !important;
    }
}

@-moz-document domain(reddit.com) {
    header {
        background-color: rgba(21,24,36,0.3)) !important;
    }    
    body, html, reddit-sidebar-nav, shreddit-post, aside, .reddit-search-bar{
        background-color: rgba(21,24,36,0.3) !important;
    }
}

@-moz-document domain(google.com) {
    .sfbg {
        background-color: rgba(21,24,36,0.3) !important;
    }
    body, html, div#search > * {
        background-color: rgba(21,24,36,0.3) !important;
    }
    .g, .appbar {
        background-color: rgba(21,24,36,0.3) !important;
    }
    div#rso {
        * {
            background-color: rgba(21,24,36,0.3) !important;
        }
    }
    div#cnt > div {

    }
}

@-moz-document domain(github.com) {

    body, html, header, #repository-container-header, .bgColor-muted, section{
        background-color: rgba(21,24,36,0.3) !important;
    }
}
@-moz-document domain(4chan.org) {
    body, html, header, section{
        background-color: rgba(21,24,36,0.3) !important;
    }
    .reply.post{
    background-color: rgba(30,30,30,0.6) !important;
}
@-moz-document url(about:home), url(about:blank), url(about:newtab) {
body,html, #background, --newtab-background-color
{ background-color: rgba(21,24,36,0.3) !important; 
}
@-moz-document domain(exhentai.org) {
body,html, div.ido
{ background-color: rgba(21,24,36,0.3) !important; 
}
/* userChrome.css */
window, #main-window, #toolbar-menubar, #TabsToolbar, #PersonalToolbar, #navigator-toolbox,#sidebar-box{

    background-color: rgba(21,24,36,0.4) !important;

    -moz-appearance: none !important;

    background-image: none !important;

}

window, #nav-bar{

    background-color: rgba(21,24,36,0.5) !important;

    -moz-appearance: none !important;

    background-image: none !important;

}

.tab-background[selected="true"] {

    background: rgba(21,24,36,0.3) !important;

    -moz-appearance: none !important;

    background-image: none !important;

}
:root { --tabpanel-background-color: rgba(21,24,36,0.3) !important; }

(It's still unfinished, you can edit the values and sites in a text editor to suit your tastes. I barely know CSS and most of the code is copied so no bully pls)

go to "about:config" in the address bar and make all of these settings "true":
gfx.webrender.all
gfx.webrender.enabled
browser.tabs.allow_transparent_browser
layout.css.backdrop-filter.enabled
toolkit.legacyUserProfileCustomizations.stylesheets
(some of these might be redundant or pointless lol)

Install better blur Kwin script:
https://github.com/taj-ny/kwin-effects-forceblur
Add "Navigator" to the force blur window classes.

I think that's all you need to do.