CustomCSSforFx icon indicating copy to clipboard operation
CustomCSSforFx copied to clipboard

issue with latest firefox 142 and 143

Open p060477 opened this issue 4 months ago • 22 comments

Guidelines

Does the issue occur without any files inside /chrome/ folder?

Yes

Description of the Issue

Issue description, userChrome.css/userContent.css 'settings' the issue occurs with and steps to reproduce the issue

Does the issue occur with the most recent version of CustomCSSforFx (release/test/dev build)?

Yes, with the latest release

Screenshots showing the issue

pls see this image:

Image

as you can see the folder in bookmars tab are coloured as always in yellow but their sub-folder has no clour... see for ex the bookmars tab folder named:CH is yellowed colour but its subfolders: CH2, crea spartito and CT have really no colour... how to have also them in yellow colours as for their main folder named CH? thxs in adv cheers

System information

  • OS & OS version: win 10 home 64
  • DPI/HiDPI/scaling value, if not 100% (e.g. 125%, 150%...):
  • Firefox version: 143
  • Firefox theme (e.g. default, build in light/dark, external theme + link): dark

p060477 avatar Sep 16 '25 14:09 p060477

to be clearer i want it back to this:

Image

that is the theme i've on my tor browser based on firefox 128esr....the chrome folder is the same as my latest ff 143 that have this issue i'd like to solve:

ff 143 theme

Image

p060477 avatar Sep 16 '25 17:09 p060477

Yeah, looks like both the Bookmarks Menu and Bookmark Toolbar subfolders have reverted back to the monochrome icons. I was also using those yellowish looking folders.

Image

Bookmark Menu: Image

MarkRH avatar Sep 16 '25 21:09 MarkRH

I can confirm this issue with the System Theme (auto) 1.4.2 in Windows 10 22H2

Edit: GlennPC's suggestion below goes in to the my_userChrome.css file

Nicholas-Steel avatar Sep 16 '25 21:09 Nicholas-Steel

Try this to get the yellow icons back:

.bookmark-item[container] > :is(.menu-icon, .toolbarbutton-icon){ content: url("./image/folder-item.png") !important; }

glennpc avatar Sep 17 '25 00:09 glennpc

Try this to get the yellow icons back:

.bookmark-item[container] > :is(.menu-icon, .toolbarbutton-icon){ content: url("./image/folder-item.png") !important; }

This did not work for me when added to my_userChrome.css in Firefox 143, Windows 10 22H2.

Nicholas-Steel avatar Sep 17 '25 03:09 Nicholas-Steel

@Nicholas-Steel do you have bookmark_icons_colorized.css enabled in the userChrome.css ?

glennpc avatar Sep 17 '25 04:09 glennpc

Try this to get the yellow icons back:

.bookmark-item[container] > :is(.menu-icon, .toolbarbutton-icon){ content: url("./image/folder-item.png") !important; }

That did not work for me. It actually removed the icons completely.

Image

and

Image

I do have bookmark_icons_colorized.css enabled. Hmmm.

MarkRH avatar Sep 17 '25 04:09 MarkRH

@MarkRH perhaps the folder-item.png file is missing?

glennpc avatar Sep 17 '25 04:09 glennpc

@MarkRH perhaps the folder-item.png file is missing?

Since my chrome folder is structured differently, forgot I needed to change the path to:

/* Set Bookmark Folders back to yellow in FX143 */
.bookmark-item[container] > :is(.menu-icon, .toolbarbutton-icon) {
   content: url("./classic475/image/folder-item.png") !important;
} /**/

So now they show up. But, it also affects the icons in the Bookmark Menu that I don't think were folder icons before, like Recent Tags and such. Maybe I'm misremembering.

Image

MarkRH avatar Sep 17 '25 05:09 MarkRH

@Nicholas-Steel do you have bookmark_icons_colorized.css enabled in the userChrome.css ?

Yeah. In my case it remains the wireframe icons in the menu (toolbar is correct yellow), not the yellow vanilla folder.

Image

Nicholas-Steel avatar Sep 17 '25 05:09 Nicholas-Steel

Since my chrome folder is structured differently, forgot I needed to change the path

Oh that's why. Perhaps when @Aris-t2 gets back on, he can help you further.

glennpc avatar Sep 17 '25 05:09 glennpc

hi, i'm a little bit confused..but have you solved? if yes could you pls write here in details what we have to do to rehave:

Image

maybe only Aris will be able to finally help us and solve hope to see him here soon thxs to all cheers

p060477 avatar Sep 17 '25 07:09 p060477

now i'm in the same situation of MarkRH:

Image

Bookmarks toolbar, Other Bookmarks, Most Visited ,Recent Tags ,Recently Bookmarked all are really NOT folder created by me as new folders.. so they really do not have to have the yellow colour i mean this: image/folder-item.png...cause as i said they really are not folders created by me so they shouldn't be in yellow..... how to solve?

p060477 avatar Sep 17 '25 16:09 p060477

to be more clear at all see this image:

Image

looking at the left side of screen this is my situation now... but the right should be the right side tried this my_userChrome.css file: .bookmark-item[container]>:is(.menu-icon,.toolbarbutton-icon){ content:url("./image/folder-item.png")!important; } .bookmarksToolbar[container]>:is(.menu-icon,.toolbarbutton-icon){ content:url("./image/bookmarksToolbar.png")!important; } .unsortedBookmarks[container]>:is(.menu-icon,.toolbarbutton-icon) { content:url("./image/unsortedBookmarks.png")!important; }

but really do not solve at all...my situation remains the one showed on the left side of the image i post above

where is Aris...??

p060477 avatar Sep 18 '25 07:09 p060477

this is the right situation pre ff 143 infact this image is taken from my tor which is based on ff 128esr:

Image

i take its chrome folder and put it in my ff 143 but really do not solve.... so the matter is a BUG between Aris-t2 CustomCSSforFx and the new ff 143 so really hope Aris to finally reappear here to solve thxs in adv cheers

p060477 avatar Sep 18 '25 07:09 p060477

Since Firefox 143 the folder icons in bookmark popups stopped reacting to list-style-image. The fix is to target .menu-icon directly and set your own icon:

menupopup[placespopup="true"] .bookmark-item[container] > .menu-icon { content: url("image/folder-item.png") !important; }

Image

For me it works.

wodixxxx avatar Sep 20 '25 09:09 wodixxxx

@wodixxxx : thxs but i really do not want them as in yr image.....(infact you use url("image/folder-item.png") i'd like them as per my latest pic as i still have in my tor browser:

Image what about: bookmarks toolbar,other bookmarks,most recents,most visited and recent tags with yr code they are all in yellow colour as per folder-item.png but they really aren't folders created by me so the yellow colour is wrong they ,for example, should be as:

Image Image Image Image

see the picture of my tor situation:

Image

so pls write the exact code i've to use thxs really so much in adv cheers

p060477 avatar Sep 20 '25 10:09 p060477

Try this to get the yellow icons back: .bookmark-item[container] > :is(.menu-icon, .toolbarbutton-icon){ content: url("./image/folder-item.png") !important; }

This did not work for me when added to my_userChrome.css in Firefox 143, Windows 10 22H2.

I figured out my issue, it turns out I had an unescaped comment in my my_userChrome.css file. The icons are back to being yellow once I addressed this mistake while adding your commands to the file.

Nicholas-Steel avatar Sep 23 '25 14:09 Nicholas-Steel

this issue is still there unsolved: what about: bookmarks toolbar,other bookmarks,most recents,most visited and recent tags with yr code they are all in yellow colour as per folder-item.png but they really aren't folders created by me so the yellow colour is wrong they ,for example, should be as:

Image Image Image Image

see the picture of my tor situation:

Image

so pls write the exact code i've to use thxs really so much in adv cheers

p060477 avatar Sep 23 '25 14:09 p060477

No need to repeat yourself, if someone has the answer to your problem they'll post the solution.

Nicholas-Steel avatar Sep 23 '25 14:09 Nicholas-Steel

This answer from @anzuno in the Discussions thread fixed the issue for me.

In ./chrome/css/generalui/bookmark_icons_colorized.css, overwrite line 116 and beyond with:

/*** Fx143 ***/
#bookmarksToolbarFolderMenu > :is(.menu-icon,.menu-iconic-icon),
#BMB_bookmarksToolbar > :is(.menu-icon,.menu-iconic-icon),
#editBMPanel_toolbarFolderItem > :is(.menu-icon, .toolbarbutton-icon) {
content: url("./../../image/bookmarksToolbar.png") !important;
}

#menu_unsortedBookmarks > :is(.menu-icon,.menu-iconic-icon),
#BMB_unsortedBookmarks > :is(.menu-icon,.menu-iconic-icon),
#editBMPanel_unfiledRootItem > :is(.menu-icon,.menu-iconic-icon) {
content: url("./../../image/unsortedBookmarks.png") !important;
}

#editBMPanel_folderMenuList[selectedGuid="unfiled_____"] {
list-style-image: url("./../../image/unsortedBookmarks.png") !important;
}

#editBMPanel_folderMenuList[selectedGuid="toolbar_____"] {
list-style-image: url("./../../image/bookmarksToolbar.png") !important;
}

#editBMPanel_folderMenuList[selectedGuid="menu________"] {
list-style-image: url("./../../image/bookmarksMenu.png") !important;
}

.bookmark-item[container] > :is(.menu-icon, .toolbarbutton-icon),
.folder-icon > :is(.menu-icon, .toolbarbutton-icon) {
content: url("./../../image/folder-item.png") !important;
}

#editBMPanel_bmRootItem > :is(.menu-icon, .toolbarbutton-icon) {
content: url("./../../image/bookmarksMenu.png") !important;
}

/* "Other Bookmarks" folder in the Bookmarks Toolbar */
#OtherBookmarks > :is(.menu-icon, .toolbarbutton-icon) {
content: url("./../../image/unsortedBookmarks.png") !important;
}

nicolaasjan avatar Sep 23 '25 18:09 nicolaasjan

in my case what about: bookmarks toolbar,other bookmarks,most recents,most visited and recent tags solved only 2 bugs of the 5...the three lefst remains in yellow see:

Image

to sum up solved the first 2:bookmarks toolbar,other bookmarks but not the 3 left: most recents,most visited and recent tags that are still yellowed colour as folder created by me so the trick partially fix: 2/5

p060477 avatar Sep 23 '25 19:09 p060477