Thanks. I tried selecting every category and nothing pointed to the bookmark items. They are all folders and are on the menu bar, as are the toolbar buttons. I did find what seems to be the set of toolbar buttons but the following code has no effect on the hover colour :
#mainPopupSet { --toolbar-field-focus-background-color: #6495ed !important; }
This is what I see in the Browser Toolbox :
Hover background of toolbar bookmark items and buttons
I have created a standard hover background which, using various stanzas, applies to everything except the toolbar bookmark items and buttons. The following code doesn't have the desired effect on bookmarks. What will? The browser toolbox only shows the main window so I have improvised.
toolbarbutton.bookmark-item(hover) { background-color: #6495ed !important; }
I can't think what to use for toolbar buttons such as UBlock Origin.
I marked this solved then saw a post on Reddit suggesting the following to limit code to popups : @media (width >= 700px) {...} Would it be appropriate to bracket the added lines with that?
Thank you. That had the desired result on the addons page. I have seen a post on Reddit suggesting the following to limit code to popups :
@media (width >= 700px) {...}
Would it be appropriate to bracket the added lines with that?
Popup colours on about:addons
For some time the colours of the popup on about:addons has had the native colours (black on white) instead of the colours set in userContent.css. The addons page itself still has the colours set in the css file.
I opened the Browser Toolbox and disabled popup auto-hide but I wasn't able to identify the selector(s) to use.
This is my code :
@-moz-document url-prefix("about:"), url-prefix("chrome://"), url-prefix("resource://"){ :root { --in-content-page-color: #000080 !important; --in-content-text-color: #000080 !important; --in-content-page-background: #dbc3a3 !important; --in-content-box-background: #e2cfb6 !important; --in-content-deemphasized-text: var(--in-content-text-color) !important; scrollbar-color: #6495ed #d9d9d9 !important; /*var(--in-content-text-color) var(--in-content-page-background) !important;*/ color:var(--in-content-text-color) !important; }
What do I add to change the colours of the popup to conform with the page itself?
I think you will have to use a method other than Mozilla to sign in to connect. I can use google and one other which I forget. Once you are signed in, you may be able to change your connected email account.
An user script of general application is one which changes the background colour of some sites. Also, for facebook only, FBPurity. _https://greasyfork.org/en/scripts/979-nobrighter_ _https://www.fbpurity.com/_
I use bookmarklets also to change background colour. Two are based on a script posted on reddit, two others from _https://www.squarefree.com/bookmarklets/_.
I'm not seeing any such posts on fedia.
See also chrome://global/skin/icons/
After the first 'private' session ended, the mod replied to a post to the effect that someone had his phone and had made the sub private. This episode has lasted longer. The first was apparently 8 hours, this is now in its 3rd day.
Evidently, adding a tag to a bookmark enables that section. In my case it's already there.
Thanks for your help. My idea was misconceived. If the 'image' is hidden, there is nowhere to insert 'checkmarks'.
I amended the code. I am printing it here to be sure. The colour of the checkboxes has not changed. Back to the drawing board. I will try adding !important to the colour.
#menu-history-clear-recent-history .checkbox-check { appearance: none !important; background: #e2cfb6; }
Checkboxes in Clear Recent History
The question about checkboxes inspired me to try to change the colour of unchecked checkboxes in Clear Recent History (ctl+shft+del) in History > Clear Recent History.
I found the menu command in the Browser Toolbox and I used that to identify the modal. On my system is was the 343rd menuitem. My code doesn't work but I don't know why.
#menu-history-clear-recent-history{ .checkbox-check { appearance: none !important; background: #e2cfb6; } }
Change favicon of bookmarklets
I have a folder of bookmarklets. They all have the same favicon, i.e. the default (globe) icon. It would be useful to change at least two of them to distinctive icons.
I copied code posted recently on another forum. It is only partly effective in that the default icon disappears but, instead of the icon I have named, there is a faint orange blur. The icon I have named is the Facebook icon, a white f letter on a blue background. I began with an .ico file but changed it to a .jpg file, hoping that would help; it didn't. I also tried changing the size from 1616 to 2424 and 50*50, to no avail.
The code is below.
#personal-bookmarks .bookmark-item[scheme="javascript"][label="zap fb"] .toolbarbutton-icon, #personal-bookmarks .bookmark-item[scheme="javascript"][label="zap fb"] .menu-iconic-icon { width: 0 !important; padding-right: 16px !important; background-image: url ("fb16.jpg") !important; }
Link to the screenshot : https://fedia.io/media/f8/c7/f8c7076071c3f3dc7658167248963c658ebcc19ce69d45ed752f79918ed41ddb.png
The 'magazine' was originally created on lemmy so the older threads may originate there. I have looked at one and no comments are shown although there were replies. If you hover over 'more' in the heading, you will see a link to Open original URL. In the thread I was looking at, that opened the thread on lemmy.
I haven't done this but understand it's possible. You can move the Firefox View tab to another location, for example, to a toolbar. That might avoid the problem.
I have the following but I don't use the url bar for searching.
#urlbar { color: #yourchoice !important; }
Hide one of a double separator using userchrome.css
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.