about:config
- Hacer que al pulsar
F11sólo se esconda la interfaz (util en i3). Firefox sigue haciendo fullscreen cuando hacemosSuper+Fen i3.full-screen-api.ignore-widgets: true
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.
