HOME | DD

muckSponge In reply to twb2077 [2019-07-12 03:42:06 +0000 UTC]

Hey, sorry for (very) late response. It's tied to a number of other buttons but you can use something like this to force it to have its own style - might not work if you place bookmarks in random toolbars:

/* change shape */

#PlacesToolbarItems > .bookmark-item
{
    border-radius: 0 !important;
}

/* change colour on hover */

#PlacesToolbarItems > .bookmark-item:hover:not([disabled])
{
    background-color: red !important;
}

/* change colour on press or when open */

#PlacesToolbarItems > .bookmark-item:hover:active:not([disabled]),
#PlacesToolbarItems > .bookmark-item[open]:not([disabled])
{
    background-color: blue !important;
}

👍: 0 ⏩: 0

muckSponge In reply to twb2077 [2019-05-06 09:45:40 +0000 UTC]

If you want to add the default sized space above the tabs, right click on a toolbar -> Customize -> check Drag Space. If you want to adjust that specific margin because you don't like the current one, there's a CSS variable which does it. If you're on macOS, the important line is about 159 in variables.css. If you're not on macOS, you can add a new line to variables.css:

:root[extradragspace]
{
    --space-above-tabbar: 8px !important;
}

Replace "8px" with whatever you want. If you don't want it to affect the tabs when in full screen mode, add ":not([inFullscreen])" to the selector (first line you added).

Sorry for the late response!

👍: 0 ⏩: 0

muckSponge In reply to TheGTAone [2018-11-25 04:31:53 +0000 UTC]

Toolbar icons:

--toolbarbutton-icon-fill-attention

Urlbar focus border:

--toolbar-field-focus-border-color

Tab loading spinner:

--tab-loading-fill

Might be a few others; they can be difficult to track down. Some are defined by my theme, others are defined by FIrefox's built-in theme.

To modify, write something like this at bottom of global.css:

:root

{

    --toolbarbutton-icon-fill-attention: orange !important;

    /* ... etc. */

}

👍: 0 ⏩: 0

muckSponge In reply to evilserge [2018-10-02 02:03:13 +0000 UTC]

No problemo amigo!

👍: 0 ⏩: 0

muckSponge In reply to GetBackLoretta [2018-09-07 03:42:31 +0000 UTC]

Thanks for trying it out

👍: 0 ⏩: 0

muckSponge In reply to Vishal-Gupta [2018-08-30 14:41:29 +0000 UTC]

Thanks! Good stuff. I need to sort out better text colours when accent colour is used for the titlebar.

👍: 0 ⏩: 0

muckSponge In reply to Terepin [2018-08-29 11:52:01 +0000 UTC]

It's technically not an add-on. I believe they only accept WebExtensions now. This is essentially a hack because Mozilla do not allow any kind of CSS themes anymore.

👍: 0 ⏩: 0

muckSponge In reply to evilserge [2018-08-29 00:40:31 +0000 UTC]

Even when you place your cursor on the tab? It's meant to appear on mouse over (for all unpinned tabs) or when the tab is selected. I'll double check on my Windows 10 machine later today to make sure it's working. I know it works fine on OS X (using it right now).

👍: 0 ⏩: 1

evilserge In reply to muckSponge [2018-08-30 19:29:43 +0000 UTC]

I'm testing again and the problem was have used a custom theme, in a default system working flawless  10/10

👍: 0 ⏩: 1

muckSponge In reply to evilserge [2018-08-31 01:56:58 +0000 UTC]

Just out of curiosity, is that a custom Firefox theme or a custom OS theme?

👍: 0 ⏩: 1

evilserge In reply to muckSponge [2018-08-31 07:08:57 +0000 UTC]

OS Theme

👍: 0 ⏩: 0

muckSponge In reply to UbbeD [2018-08-27 03:44:23 +0000 UTC]

That's unfortunate. Could you provide details about your system including OS and Firefox version? If you open userChrome.css and add the following entry and restart Firefox (or use Browser Toolbox to edit it) does most text turn red?

* { color: red !important; }

If not, your chrome folder isn't working, in which case you'll need to double check that it is directly inside your active profile directory.

👍: 0 ⏩: 1

UbbeD In reply to muckSponge [2018-08-27 08:22:35 +0000 UTC]

windows 10 firefox quantum 61.0.2, i tried to add that but no changes

👍: 0 ⏩: 1

muckSponge In reply to UbbeD [2018-08-27 14:26:22 +0000 UTC]

This sounds like a more general issue of not being able to load the userChrome.css. I'd recommend enabling the browser toolbox and seeing if there is a userChrome.css file listed in the style editor. A pretty concise tutorial can be found here . I'm not really sure what you can do if your browser won't load a userChrome.css file. You could try creating a new profile.

👍: 0 ⏩: 0

muckSponge In reply to dpcdpc11 [2018-08-25 04:07:55 +0000 UTC]

Just updated it with Windows support yesterday. It's not perfect but it should be fully functional. Titlebar buttons are really big and the first tab has a left border when it doesn't need it but otherwise it's pretty good. I also updated the installation instructions because I forgot a step.

👍: 0 ⏩: 0

muckSponge In reply to link6155 [2018-08-24 05:06:03 +0000 UTC]

Oops, I forgot an additional installation step. Go to about:config, search for "svg.context-properties.content.enabled" and make sure it is set to true. This allows SVGs to use the fill, stroke, fill-opacity and stroke-opacity properties of their parents, even if they aren't embedded in the DOM. The theme makes extensive use of SVGs as background-images and list-style-images which are meant to inherit the color of the element they are assigned to so without this, everything will look completely messed up.

I just have a few Windows-specific tweaks I need to make before it's properly ready for Windows, such as removing the back button border and fixing the space above the titlebar.

👍: 0 ⏩: 1

Ngamer01 In reply to muckSponge [2018-08-24 12:33:19 +0000 UTC]

Hey I figured you should be told this, so Mozilla is looking to cut userChrome.css support in the future from all Mozilla-supported products.  Apparently they don't want bad users breaking Firefox, so everyone will suffer yet another cut feature for yet more Chrome-parity stuff instead!

👍: 0 ⏩: 2

muckSponge In reply to Ngamer01 [2018-08-25 04:06:11 +0000 UTC]

"We also recognize that a property manifest won’t have all the capabilities of direct CSS manipulation, especially during the time we’re expanding coverage to cover the most common use cases. So, for theme authors who need additional capabilities (and are willing to bear the burden of supporting them), we’ll provide an “experimental” section of the manifest to continue to allow direct CSS manipulation of the Firefox UI. This is similar in spirit to WebExtension Experiments, and usage will also be restricted to pre-release versions of Firefox."

I hope this at least still holds true (though requiring a pre-release version of Firefox seems pointless)... Who has ever maliciously hacked Firefox by using userChrome.css? Maybe you can do something with bindings but why don't they just not allow you to assign bindings through CSS??

Furthermore, it's not like userChrome.css is part of any extension framework so it would not be expected by users for userChrome.css tweaks to remain stable and in working condition after browser refactors. They've refactored things in the past and theme developers just had to deal with it - and they did deal with it.

👍: 0 ⏩: 0

dpcdpc11 In reply to Ngamer01 [2018-08-24 14:24:27 +0000 UTC]

Any official info about this? It seems a really dumb ass move from the Mozilla people!
Customization went all the way down in the last years on the Mozilla products. 
I really can't understand some of these companies and their stupid moves. 

👍: 0 ⏩: 1

Ngamer01 In reply to dpcdpc11 [2018-08-24 16:28:17 +0000 UTC]

I found out about on Mozillazine (a non-official Mozilla forum).

Link:  forums.mozillazine.org/viewtop…

👍: 0 ⏩: 1

dpcdpc11 In reply to Ngamer01 [2018-08-24 19:21:39 +0000 UTC]

Damn bastards! At least they should give an option for their shitty UI to inherit the Windows theme style. For each of my Windows Themes I had to create a basic userChrome.css to match Firefox and not look like total crap!

👍: 0 ⏩: 0

muckSponge In reply to link6155 [2018-08-24 04:16:43 +0000 UTC]

Oh dear, it is more messed up than I expected. Windows support is planned, might take a few days before I have something usable to upload - looks like it is mostly just some differences in CSS variable names between macOS and Windows.

👍: 0 ⏩: 0

muckSponge In reply to Terepin [2018-08-23 02:31:22 +0000 UTC]

Yeah, it's been a while Been meaning to put some more stuff on here but my time has been so fragmented these days.

👍: 0 ⏩: 0