I tried to set the background colour for my urlbar with #urlbar-input-container { border: none !important; border-radius: 5px !important; background: light-dark(#ffffffff, #1b1e20ff) !important; } this works fine for the most part, except on focus it creates some corner effects, which I think might be from the border that gets overlapped somehow.

And this is how it looks on focus without my code

This colour does not follow my accent colour in KDE plasma. How do I customise it?

hi, I'm using window_control_force_linux_system_style.css and works fine to get the theme styles of the system, but the ':hover' is working bad, the ':hover' effect keep the image or background color even if I'm out of that buttons. with other system themes the effect is more noticeable.

Hey I have an svg of a color animation, it's basically a gradient that loops around. And was wondering if it's possible to change the font color of the active tab to that svg animation.

I've been trying to do it with:

.tabbrowser-tab[selected] .tab-content{ text-color: url(../icons/animation.svg) !important; }

but can't get it to work.

Thanks for any help!

Hello! I was wondering how can I change the colors that appear when you inspect an element. They look like this: And also was wondering how can I change the popup that appears when you right click the style sheets in the style editor in the toolbox. It looks like this: https://imgur.com/a/S47spyg

Thanks!

Hi, I used this code and it used to work perfectly, but I tried it just now and I'm having some visual issues like in the screenshot.
1.- the url border (not open, not focus) display 1px inside the url default border.
2.- when urlbar is open the border don't expand properly.

hi,
I wonder if is possible to fix this rare behavior when I apply the next css in the new-tab:

body{
backdrop-filter: brightness(99%);
}

if I don't add the filter there isn't a scroll.

hi, I'm asking for help to solve this inconvenient when I try to replace the default wallpapers in newtab page. Fist of all I'm using the developer Firefox version that use beta version to do this.

I have activated this preference in about:config page:

browser.newtabpage.activity-stream.newtabWallpapers.enabled to true

after that I replaced the wallpapers thumbnails successfully with the next code:

/* Miniaturas de wallpapers */
    
/* Dark */
    
.wallpaper-input.dark-landscape { background-image: url("../newtab/wallpaper-dark.png") !important; }
    
.wallpaper-input.dark-panda { background-image: url("../newtab/wallpaper-dark2.png") !important; }
    
.wallpaper-input.dark-color { background-image: url("../newtab/wallpaper-dark3.png") !important; }
    
.wallpaper-input.dark-sky { background-image: url("../newtab/wallpaper-dark4.png") !important; }
    
.wallpaper-input.dark-mountain { background-image: url("../newtab/wallpaper-dark5.png") !important; }
    
.wallpaper-input.dark-beach { background-image: url("../newtab/wallpaper-dark6.png") !important; }

but when I try to replace the wallpaper for the first image in newtab page it don't work with the path I used to use, for example this code:

body:has(#dark-landscape[aria-checked="true"]){
--newtab-wallpaper-dark: url("../newtab/wallpaper-dark.png") !important;
    }

and only works when I use a url for the new image like this:

body:has(#dark-landscape[aria-checked="true"]){
--newtab-wallpaper-dark: url(https://i.imgur.com/It1Ugaa.png) !important;
}

so I wonder if is my mistake or is a Firefox bug, or maybe there is a trick to solve it? cause I would like to use local images and not urls.

EDIT 3 - The r/FirefoxCSS sub 'resurfaced' mid-afternoon today, Saturday 27Apr24... over 4 days after it had closed again due to the 2nd 'gone private' blackout incident triggered for unknown reasons by a person or persons unknown on Tuesday afternoon. Previous and only current Mod 'yawn_zz' reappeared alive and well and apparently back in sole control of "his" sub. Hmm? Mild flamewars and some Mod deleting of critics' and disbelievers' posts ensued.

The good news is that the r/FirefoxCSS sub's extensive and valuable back history appears to be recovered and fully searchable again. :D

No explanation(s) offered for the 2nd 4-day-long blackout period or how/who/why the silly and petulant 'PRIVATE SUB FOR STAR FOX FANS' notice got posted? Same credulity-straining story about Pro-Palestinian protestors hijacking Mod's unlocked phone offered for 1st half-day 'gone private' blackout incident last Monday. Novacula occami... "When you hear hoofbeats, think of horses not zebras"... Caveat emptor!

EDIT 2 - Regrettably the 'gone private' incident resumed pm Tue 23Apr24... this time with a silly 'PRIVATE SUB FOR STAR FOX FANS. BEST NINTENDO GAME EVER!' notice added... suggesting r/FirefoxCSS Mod has been hacked and is being trolled. An alternative suggestion is that sole Mod may be doing the trolling for unknown/unexplained reasons? :(

EDIT 1 - ~~Gone 'private' incident over~~ r/FirefoxCSS ~~reappeared a short while ago after >8 hours blackout no longer a 'private' sub.~~ ~~Phew!~~

~~Explanation of sorts was posted by Mod at:~~ https://www.reddit.com/r/FirefoxCSS/comments/1caovpr/why_was_this_subreddit_closed/ (this post and sceptical comments from users Re: Mod's bizarre blackout explanation was then deleted before the 2nd 'gone private' incident began. Unknown if this was just a coincidence or deliberate trolling?)

ORIGINAL POST - The r/FirefoxCSS sub suddenly went private this afternoon, Monday 22nd April 2024.

No warning, no discussion, no explanation.

A minor tragedy... all those years of questions and answers, thousands of CSS code snippets, and a myriad of other info about the inner workings of Firefox all now hidden from general view and no longer searchable. What a waste!

A 'private' CSS help sub is next to useless IMO. A sad loss. :(

See also: https://www.reddit.com/r/firefox/comments/1cafqvr/does_anyone_know_why_rfirefoxcss_is_closed/