Firefox Customs

2 readers
7 users here now

Chat with us!

Post your unsupported Firefox customizations here!

From the makers of r/FirefoxCSS

Links

Related

Rules

  1. Posts must have flair!
  2. Posts cannot be memes/shitposts. They should be about Firefox customization with CSS.
  3. Please be civil. Bear in mind that many users come here for help and would be turned off by insults and rudeness.
  4. When posting large amount of code use a service dedicated to hosting text snippets, such as pastebin, hastebin, github gist or equivalent. Relatively short snippets can be wrapped in code-block for inline viewing.
  5. Do NOT use url-shorteners or link to compressed downloads (such as zip or rar) when sharing code.

founded 1 year ago
MODERATORS
51
 
 

Hello!

How could I change the separator color in about:preferences in the translation section?

When I put my code in userContent in @ -moz-document url("about:preferences#general")

It doesn't work, I guess that it's because it opens up in a new window, but when I put it outside of it it works, the only problem with that is that I don't know if it will also affect webpages.

Thanks!

52
 
 

Hello! I have a problem with the hamburger menu when I shrink the window. Normally it looks like this: https://imgur.com/a/qU0mpqz

but when I shrink the window it's like it's floating and looks like this:

https://imgur.com/a/JpsdT7k

I was wondering if there's a way to make it not float or to change it's position to the urlbar or something.

Thanks!

53
 
 

Hello, I was wondering if there's any program and style you recommend me to indent all of my codes (By style I mean if putting titles in someway, creating a lot of css files for individual things instead of joining all of the code in one file, etc).

And also when I started creating my code I didn't put any "Names" or whatever this: /* */ is called to the mayority of my code lines.
I was thinking if there was a webpage or a program or AI to do that, or if I have to do it all by myself.

Thanks a lot!

54
 
 

Hello! I want to know if it's possible to change the gray border in the print screen.
It currently looks like this:

Thanks!

55
1
submitted 11 months ago* (last edited 11 months ago) by [email protected] to c/[email protected]
 
 

I've been playing around with a little CSS code for curved tabs recently, inspired by this style by MrOtherGuy.

It seems to work reasonbly well so far - still a work in progress - but one issue I just can't figure out - when the tabs are overflowing, the additional bottom corners I created for the outer tabs are cut off, unless they are the very first or last tab (which are taken care of).

I've tried every selector and element in this area, to change the cutoff/clipping points of these outer visible tabs in overflow, or the width/padding etc. of the scrollbox "window", but to no avail.

Any ideas would be much appreciated.

The code can be found here, a screenshot is attached showing the issue.

I hope the .svg code in the CSS file works, if not this is it:

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 32 32">

  <path d="M0 33 L3 32.5 A16 16 0 0 0 15.5 16 L 16 16 L 16 33 Z" fill="context-fill"/>

  <path d="M3 32.5 A16 16 0 0 0 15.5 16" fill="rgba(155,122,0,0)" stroke="context-stroke" stroke-width="1px"/>

  <path d="M0 16 L16 16 A15.5 15.5 0 0 1 32 0 L 32 0 L 32 16 Z" fill="rgba(155,122,0,0)"/>

  <path d="M15.5 16 A18.5 18 0 0 1 35.5 -0.5" fill="transparent" stroke="context-stroke" stroke-width="1" />
</svg>

56
 
 

Hello!

When I first open Firefox after I turn on my computer this “image” appears and I was wondering if it’s possible to change it.

Thanks!

57
 
 

Hello! Id like to know how can I change the background color when dragging an item in the sidebar menu, like this:

https://imgur.com/a/tBjLx2l

When dragging an item and putting it in another folder and when dragging an item to change its place.

Thanks!

58
 
 

I just updated Firefox Nightly (2023-10-19) and it seems that about:config values are no longer detected by -moz-bool-pref().

Does anyone else have this issue. If so, is this just unintended behavior or is this permanent?

59
60
 
 

I see a double separator below the "Copy link" option in the link context menu seen when you right-click a link. I tried commenting out all the code I have relating to context menus and it's still there.

I have tried adding the separator id (#context-sep-copylink) to code I have to hide various context menu items and that was ineffective.

The text in the menu isn't as large as the screenshot suggests.

SOLVED. It was the separator sendlinktodevice. The other code was hiding the separator below copy link in the image context menu. The double line was just an irritant, not a practical problem, but I'm glad it's gone. Thanks to those who replied.

61
 
 

An issue has been opened in the kbin repo: #868 - Unable to load specific kbin magazine from any other kbin instance - kbin-core - Codeberg.org

Any idea from @MrOtherGuy or
@yoasif what is going on here? Nobody seems to know.

What instances are people here from, and did you have any trouble?

62
 
 

there is a way to distinguish between themes (in firefox add-ons store) that use one image and the themes that use 2 or 3? there are a lot of themes with additional_backgrounds but use 1 or more images without distinction. I would like to make code css that affect different in each case.

63
 
 

We'll have to find a way without media queries.

64
 
 

Hello, I’d like to change the color of the gray background and the color of the loading icon in the print screen.

It currently looks like this: https://imgur.com/a/psyMnf8

I’ve tried to do it but the screen is so fast that I don’t have time to use the browser toolbox.

Thanks!