76
1
submitted 2 years ago by Zethasu@fedia.io to c/FirefoxCSS@fedia.io

Hello! In about:profiling, if you go to the bottom of the page there's a box, if you click that box a blue border appears but I don't know how to change it. It is this one:

Thanks!

77
1
submitted 2 years ago by Zethasu@fedia.io to c/FirefoxCSS@fedia.io

Hello!
I was wondering how am i able to change the tree background color (Some treechildren have gray background and others have black) and also the gray bottom border-color? I think it has to do with a shadow command but I'm not sure.

Thanks!

78
1
submitted 2 years ago by Zethasu@fedia.io to c/FirefoxCSS@fedia.io

Hey

I want to change this gray background in about:preferences in import data from another browser, I've tried but cant seem to get it to work, I don't know if it's the popup "shadow" or what could it be.

Thanks!

79
1
submitted 2 years ago by mrqwerky@fedia.io to c/FirefoxCSS@fedia.io

Hi. I've been experimenting with MrOtherGuy's vertical tabs script. I found that the tab bar could be moved to the right side of the window with just two simple changes:

change line 19 from: margin-left: var(--uc-vertical-tabs-width); to margin-right: var(--uc-vertical-tabs-width);
and

change line 31 from: left: 0; to right: 0;
Works for me.

80
0
submitted 2 years ago by Godie@lemmy.world to c/FirefoxCSS@fedia.io

I use some code that use the position of the tab to give some style but when that Firefox-view tab is active create a invisible tab that makes the code wrong. I would like to have that tab visible, and work with that or I don't know jeje

81
1
submitted 2 years ago by mrqwerky@fedia.io to c/FirefoxCSS@fedia.io

First, a big thank you to Mr. Other Guy for all his great work!

The following issue is on FF 115 ESR on Windows 10, using a fresh clean profile, using compact mode, with title bar enabled, and static menu bar enabled, and creating a bunch of new tabs in order to fill four rows. Using the July 18 commit of multi-row_tabs_below_content (set for three rows) and trying the March 11 and September 9 commits of fake_statusbar_w_bookmarks_bar.

With userChrome.css containing only the import of multi-row_tabs_below_content, the three rows of tabs appear correctly at the bottom of the window, and they scroll properly--all good. Interestingly, the bookmark bar now appears at the very bottom of the window, below the tab bar (why?). When the bookmark bar is toggled off/on (Shift-Control-B), the tab moves down/up as it should.

When the import of fake_statusbar_w_bookmarks_bar (either commit) is added after the tab bar import, the tab bar background appears to be four rows tall rather than three (with the bottom row hidden by the bookmark bar), the top row is empty so that only two rows of tabs are showing, and when the bookmark bar is toggled off, the third row of tabs appears at the bottom. With the bookmark bar visible, there is no indication anywhere of link address or activity when a link is clicked.

When I follow this same testing procedure on my working profile, with just the tabs bar import, the tabs at the bottom work fine, and the bookmarks bar still appears but this time it has all of my extension icons in it (there were no extensions in the clean profile), toward the left end. The link activity is shown in the bottom left corner of the main client area, above the tab bar.

When I add the status bar import, the behavior is the same as with the clean profile, but now the extension icons are at the right end of the status bar, and the link activity appears at the left end of the status bar (the desired behavior).

If I instead import the old version (from FF 99) of the fake status bar, now the tab bar is correct, and the status bar has the extension icons to the right, but the link activity is back in the client area rather than in the status bar.

Any assistance would be greatly appreciated.

82
1
submitted 2 years ago by Zethasu@fedia.io to c/FirefoxCSS@fedia.io

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!

83
1
submitted 2 years ago by Zethasu@fedia.io to c/FirefoxCSS@fedia.io

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!

84
1
submitted 2 years ago by Zethasu@fedia.io to c/FirefoxCSS@fedia.io

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!

85
1
submitted 2 years ago by Zethasu@fedia.io to c/FirefoxCSS@fedia.io

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

Thanks!

86
1
submitted 2 years ago* (last edited 2 years ago) by hansman@fedia.io to c/FirefoxCSS@fedia.io

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>

87
1
submitted 2 years ago by Zethasu@fedia.io to c/FirefoxCSS@fedia.io

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!

88
1
submitted 2 years ago by Zethasu@fedia.io to c/FirefoxCSS@fedia.io

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!

89
1
submitted 2 years ago* (last edited 2 years ago) by tjn21@fedia.io to c/FirefoxCSS@fedia.io

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.

90
1
submitted 2 years ago by Godie@fedia.io to c/FirefoxCSS@fedia.io

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.

91
0
submitted 2 years ago by black7375@fedia.io to c/FirefoxCSS@fedia.io

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

92
0
submitted 2 years ago by Zethasu@fedia.io to c/FirefoxCSS@fedia.io

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!

Firefox Customs

2 readers
2 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 2 years ago
MODERATORS