Closed Aris-t2 closed 2 years ago
nicolaasjan
commented
2 years ago Classic squared tabs do not provide an container indicator (on purpose)
Why is that, if I may ask? The code I found works as far as I can see.
#tabbrowser-tabs .tab-context-line {display: none;} /* 2px container line */
#tabbrowser-tabs .tab-background {border-bottom: solid 2px var(--identity-icon-color) !important;} /* 2px highlight line for active tab */
jack-ii
commented
2 years ago @Aris-t2
Try this for toolbar buttons and new-tab tab icons:
#TabsToolbar toolbarbutton .toolbarbutton-icon {
fill: red !important;
}That works, thank you :)
But because the "tab_background_text" also sets the new-tab brackground hover color, it is too bright when I uninstall the addon. But it would be really good if I didn't have to use it because it causes a couple of other problems.
custom_tab_color_settings.css
background: #363953 !important;} Doesn’t work properly bc some white transparent thing is overlaying it and I don't know how that can be colored or removed. The position, offset, etc. are not important, it will have a very low contrast and not really be visible like in fx88.
Not very important, but maybe you know how to recolor this 1px border. It's darker than in fx88. I've tried a few classes and ids but nothing happens. In themes it is called "toolbar_bottom_separator".
WDenda
commented
2 years ago One question came up, since reading the new 4.x compatibility. Using FF78.12.xESR, I wonder how does ESR fit into this release scheme? Is using latest ESR with 4.x safe because I use only 78. compatible settings in custom_css_for_fx_v3.3.1 right now, (TabsBelowContent "/ - Fx 74+ Windows/Linux"). Which version setting should I use in ESR, on 4.x?
Sounds dumb, but I am only a user with limited knowledge.
Aris-t2
commented
2 years ago @nicolaasjan Container tabs did not exist back then, when "classic squared tabs" were the "current tabs" used by Firefox. You also see an container indicator inside location bar, so I never bothered adding a line for classic squared tabs. Your code works fine. I might add something like that in a future update as a separate option.
@jack-ii
Replace the content of custom_tab_color_settings.css with this an report how it is working:
Firefox uses this rule to color navigator toolboxes bottom border. Replace the color with your own.
#navigator-toolbox {
border-bottom: 1px solid var(--chrome-content-separator-color);
}@WDenda v4 is also for ESR, but ESR 91.
https://ftp.mozilla.org/pub/firefox/candidates/91.0-candidates/
https://ftp.mozilla.org/pub/firefox/candidates/91.0esr-candidates/
jack-ii
commented
2 years ago @Aris-t2 Yes remove :-moz-any solves the problem. Now everything is okay so far and I can update my Fox, thank you very much for your great work!
WDenda
commented
2 years ago @Aris-t2 v4 is also for ESR, but ESR 91.
https://ftp.mozilla.org/pub/firefox/candidates/91.0-candidates/
https://ftp.mozilla.org/pub/firefox/candidates/91.0esr-candidates/
Ok, I thank you very much for this answer and your further going work. When FF_ESR 91 arrives here, I'll upgrade my v3.3.1/2 to 4.x, and everything is fine.
Aris-t2
commented
2 years ago 91/91esr will be officially released tomorrow: https://wiki.mozilla.org/Release_Management/Calendar
They are even already inside "release" area on Mozillas server:
M7amma
commented
2 years ago Hello how can I make this window have square corners instead of rounded corners?
Jee-Hex
commented
2 years ago Yellow star button on favicon is not showing up on Fx89+ when ./css/locationbar/starbutton_alternative_icon_v2.css is active.
.urlbarView-row[type="bookmark"] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-type-icon {
fill: var(--toolbarbutton-icon-fill-attention);
}seems to be the culprit and adding the following to my_userChrome.css fixed the issue on my end.
.urlbarView .urlbarView-row[type=bookmark] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-type-icon {
fill: #ffd100 !important;
}
spacesynth
commented
2 years ago 
@import "./css/locationbar/megabar_expanding_breakout_disabled.css";
@import "./css/tabs/tabs_below_navigation_toolbar_default_tabs.css";
@import "./css/tabs/tabs_container_indicator_for_classic_squared_tabs.css";
#editBookmarkPanelImage, #editBookmarkPanelFaviconContainer {
display: none !important;
}
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#urlbar .urlbar-history-dropmarker {
display: none !important;
}
#page-action-buttons #pageActionButton {
display: none !important;
}
#PanelUI-menu-button {
display: none !important;
}
menupopup.textbox-contextmenu :-moz-any(menu,menuitem),
popupset > menupopup :-moz-any(menu,menuitem),
popupset >*:not(menupopup) menupopup :-moz-any(menu,menuitem),
toolbarbutton:not(#bookmarks-menu-button):not(#alltabs-button):not(.bookmark-item) menupopup :-moz-any(menu,menuitem),
#PlacesToolbar :-moz-any(menu,menuitem),
#main-menubar menupopup :-moz-any(menu,menuitem),
#sourceeditor-context :-moz-any(menu,menuitem) {
-moz-appearance: none !important;
color: black !important;
background: #f2f2f2 !important;
}
menupopup.textbox-contextmenu :-moz-any(menu,menuitem)[_moz-menuactive="true"],
popupset > menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"]:not([id^="BMB"]),
popupset > menupopup menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"]:not([id^="BMB"]),
popupset >*:not(menupopup) menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"],
toolbarbutton:not(#bookmarks-menu-button):not(#alltabs-button):not(.bookmark-item) menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"],
#PlacesToolbar :-moz-any(menu,menuitem)[_moz-menuactive="true"],
#main-menubar menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"],
#sourceeditor-context :-moz-any(menu,menuitem)[_moz-menuactive="true"] {
-moz-appearance: none !important;
background-color:LightSkyBlue !important;
/* font-weight: bold !important;*/
color:black!important;
}
menuseparator {
-moz-appearance: none !important;
border-top: solid 1px #d7d7d7 !important;
margin: 0px 0px 0px 0px !important;
}
menupopup > menuitem, menupopup > menu {
padding-block: 2px !important;
}
#tabbrowser-tabs {
--tab-min-height: 22px !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
padding-bottom: 30px !important;
}Proton is disabled. Now how could I get rid of the tiny black bar between the tab-row and the viewport with the grey website? It is about 1px in size and part of the Firefox-UI. Any wizard here who can spare me just a moment of their time? Please.
Aris-t2
commented
2 years ago @Marvinoo
.dialogBox {
border-radius: 0 !important;
}@Jee-Hex This will be fixed on next update.
@vaporwave9 Remove the line using this:
#navigator-toolbox {
border-bottom: 0px !important;
}or change color using this:
#navigator-toolbox {
border-bottom: 1px solid grey !important;
}@Aris-t2 Thank you Zen master of CSS! I am off to a good run with ESR 91. At least 1 year of peace now thanks to v4.0.1pre1 🙏
9jkh
commented
2 years ago Hi Aris,
For the 90.0.2, Mac, with Proton fully enabled, had location bar and separate search bar outlines mostly resolved using the following, found by chance elsewhere: (Note: haven't found a way to transpose the first CSS to Search Bar. Although for some reason, this happened anyway in the 90.0.2. Btw, not seeing anything for this in the 4.0.1pre1.)
#urlbar-background {
border-width: 1px !important;
border-radius: 1px !important;
}
/*remove URL bar shadow*/
#urlbar-background, #searchbar {
box-shadow: none !important;
}
However, now with the 91ESR (using the 90.0.2 Profile, updated) no black outline on either URL bar or Search bar until hover. Clicking outside both fields shows no outline at all - they both just "float." Clicking inside either does produce blue outline.
I'm wondering if you might be able to suggest something that produces the previous behavior with the 90.0.2. Or ideally, the way these fields appear in the 78.12ESR before the arrival of Proton, where there is a black outline without hover, and blue outline with same 1px appears stronger on clicking inside on both fields.
91ESR click outside no outline/floats
78.12 click outside black outline shows
91ESR click inside/focus/blue border
78.12 click inside/in focus/blue border
EdwardKiefer
commented
2 years ago 91.0 using version 4.0.0 now and option "@import "./css/generalui/context_bfrsb_labels_with_icons.css"; /**/" seems to have a bug now where the icon size next to back, forward, refresh etc is about 1/4 the size of text. This was working fine in FF 90.0/4.0pre10 and I looked at the files but can't figure whats changed.
Edit: Ok, I figured out iwhat messes with context menu icon size when you enable "@import "./css/generalui/popup_compact_menus.css"; /**/"
Edit2 Seems to be something in this section.
padding: 2px !important; margin-inline-start: -6px !important; height: 16px !important; }
The best I could do is this
padding: 0 !important; margin-inline-start: -6px !important;
} but still has little to much padding, I just don't know how to fix it.
nicolaasjan
commented
2 years ago I have the following code for a thin border around the urlbar and the seachbar, which worked in Fx 90, but now in Fx 91 the urlbar has a thick border again...
The searchbar is OK.
4.0.1pre2.
#urlbar-background, #searchbar {
border-width: 1px !important;
/* border-radius: 1px !important; */
}
#urlbar-background, #searchbar {
box-shadow: none !important;
}
Aris-t2
commented
2 years ago @nicolaasjan
This should override browsers default code:
#urlbar-background, #searchbar {
border-width: 1px !important;
}
#urlbar[focused="true"] > #urlbar-background,
#urlbar[open] > #urlbar-background,
#searchbar:focus-within {
box-shadow: unset !important;
}That did the trick. Thanks!
9jkh
commented
2 years ago Hi Aris,
Mac
For the URL bar/Search bar outline issue, as described here https://github.com/Aris-t2/CustomCSSforFx/issues/404#issuecomment-895404927
I have now tried your latest:
#urlbar-background, #searchbar {
border-width: 1px !important;
}
#urlbar[focused="true"] > #urlbar-background,
#urlbar[open] > #urlbar-background,
#searchbar:focus-within {
box-shadow: unset !important;
}and what I had been using
#urlbar-background {
border-width: 1px !important;
border-radius: 1px !important;
}
/*remove URL bar shadow*/
#urlbar-background, #searchbar {
box-shadow: none !important;
}But the issue persists. Both fields float without any border until hovering or clicking.
Would appreciate a suggestion to restore the thin black outline, which had been present in the 90.0.2 prior to updating to the 91ESR. You can see the thin black outline I'm referring to in the screenshot "78.12 click outside black outline shows" in my post above.
Thanks
Screenshot both fields just float with no border at all:
Aris-t2
commented
2 years ago @9jkh
Current 4.0.1pre builds offer this by default (urlbar_restore_visible_border.css):
#urlbar:not([focused="true"]) #urlbar-background,
#urlbar[open="true"] #urlbar-background,
#urlbar[focused="true"][open="true"] #urlbar-background,
#searchbar:not(:focus-within) {
border: 1px solid var(--chrome-content-separator-color) !important;
}I did not test this on macOS yet.
Edit (4.0.1pre3 - default setup - only enabled appbutton_in_titlebar_macOS_fix.css)
EdwardKiefer
commented
2 years ago @Aris-t2 4.0.1 pre3 working now fine with "@import "./css/generalui/context_bfrsb_labels_with_icons.css"
Acid-Crash
commented
2 years ago Hi @Aris-t2 Thank you for the latest update A quick observation. On Win10 FF91 (Custom CSS v4.0.0) when enabling _./css/toolbars/top_toolbarcolors.css and opening Browser toolbox, browsers main window turns gray
hopalongrock
commented
2 years ago For me Bookmarks sidebar and download window is grayed (same versions)
hopalongrock
commented
2 years ago In Menu button/History the recent history list has light blue background. Disabling all 4 "application/hamburger button popup" option, or using the default userChrome.css doesn't help Without CustomCSSforFx it's the usual white background. How can I re-set to white background?
Aris-t2
commented
2 years ago @Acid-Crash / @hopalongrock
Have you set colors for active and inactive windows inside general_variables.css?
You might also try to use top_toolbar_OS_accent_colors.css. It uses default Firefox variables and offers correct accent colors, if the window ist active. It switches back to "gray", once the window is inactive.
@hopalongrock Please always post screenshots. I'm not sure what you mean. Where you do have a "light blue background"?
Edit
9jkh
commented
2 years ago @Aris-t2
@9jkh
Current 4.0.1pre builds offer this by default (
urlbar_restore_visible_border.css):#urlbar:not([focused="true"]) #urlbar-background, #urlbar[open="true"] #urlbar-background, #urlbar[focused="true"][open="true"] #urlbar-background, #searchbar:not(:focus-within) { border: 1px solid var(--chrome-content-separator-color) !important;
That did it! Black border is back. Many thanks!
hopalongrock
commented
2 years ago @Aris-t2
I don't know what causes this color:
hopalongrock
commented
2 years ago @Aris-t2
I'm sorry, the
toolbarbutton.bookmark-item { background-color:PaleTurquoise !important;
code in my_userChrome.css causes this, I somehow overlooked.
I thought that that the code only changes the bookmark toolbar background color.
EdwardKiefer
commented
2 years ago Very minor issue with @import "./css/generalui/context_bfrsb_labels_without_icons.css"; // @import "./css/generalui/context_bfrsb_labels_with_icons.css"; //
With either enabled the mouse over hover (back, fowared, refresh and stop) have a blue highlight were all other are light gray. I am on 91.0 with dark theme in OS, so FF is dark too.
Aris-t2
commented
2 years ago @EdwardKiefer
4.0.1pre5 should fix that.
EdwardKiefer
commented
2 years ago @EdwardKiefer
4.0.1pre5 should fix that.
Yes, fixed now :)
p1nkyy
commented
2 years ago Hi please help, I'm using FF 91, custom_css_for_fx_v4.0.0, proton is enabled. My tab becomes transparent and a bit too tall IMO, also space in page context menu becomes too big. These are 2 main problems I'd like to fix first if possible. Do I have to change to 4.0.1pre5? Do I need to change values in general_variables? Thanks before!
EdwardKiefer
commented
2 years ago Try setting this one on "@import "./css/generalui/popup_compact_menus.css"; /**/". That will help with spacing so not so much padding.
rebop
commented
2 years ago Hi @Aris-t2
Updated to 4.0 and 90 FF. I am AMAZED how quickly this is going and how few errors. Right now would say half through and only one issue:
I KNOW you helped me with this exact issue a long time ago, but cannot find the solution. The first image is 4.0 right now. The second from 3.1.7. You showed me how to color the back button and add the drop shadows. Would love that again.
Thanks.
OK, done! So much easier than ever before.
Three more "things". Can't say issues exactly.
Mega bar roundness does not work for me. It is ether square or VERY round. Would like a small radius. Cannot figure why I cannot do that.
Would like location and search bars a few pixels less high. Match the height of the icons.
And last, there is a tracking icon and page icon in the location bar. Can these be changed?
That's it!
Screenshots if needed.
AndersOhrt
commented
2 years ago Hi @Aris-t2
I updated to Firefox 91 today, and now Proton is forced on. I'm trying to get my tabs and location bar back to the Photon look, and need some help.
My goal is to get back to this:
I've updated to 4.0.1pre5, but there are so many options that I'm not sure which are correct for my case. I have enabled classic_squared_tabs and classic_squared_tabs_fully_squared, and now it looks like this:
What I'm missing is:
Can I get closer with other imports, or does that require custom css?
Acid-Crash
commented
2 years ago @Acid-Crash / @hopalongrock Have you set colors for active and inactive windows inside
general_variables.css?
You might also try to use
top_toolbar_OS_accent_colors.css. It uses default Firefox variables and offers correct accent colors, if the window ist active. It switches back to "gray", once the window is inactive.
Hmmm, seems like I did exactly the same.
Enabled the top_toolbar_OS_accent_colors.css (everything else inside general_variables.css is default)
Once I activate dev tools, the main window turns gray.
Actually, it makes some sense since DevTools window is active and the main window turns inactive.
Also I am able to click throught (DevTools inspector) the gray color.
UPD. This also seems to be affecting Savefile PopUp (background now has different color)
here is my config, also if needed i can create a separate ticket if thir requires additional attention
Aris-t2
commented
2 years ago @p1nkyy
To shrink tab size, you have to change density inside "customizing mode". You might also want to unlock compact button mode in about:config: browser.compactmode.show > true
Also test default_tabs_enhanced.css for more prominent tab visibility of non-active tabs.
@repop The is no 100% solution to get everything back pixel by pixel the way it was before. At least this projects files do not offer that.
You might want to test different box-shadows inside e.g. buttons_on_navbar_classic_appearance.css.
box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset,
0 0 0 2px rgba(255,255,255,.1) inset,
0 0 0 1px rgba(0,0,0,.4) inset !important;--->
box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset,
0 0 0 2px rgba(255,255,255,.1) inset,
0 0 0 1px rgba(0,0,0,.4) inset,
1px 1px 2px rgba(0, 0, 0, 0.15) !important;"Mega bar roundness"
Change --megabar_border_roundness value inside general_variables.css. There is no perfect solution.
"Would like location and search bars a few pixels less high." Enable compact mode. Besides that there are no other options to change location and search bars height.
"tracking icon and page icon in the location bar" This project does not offer different icons for those two.
@AndersOhrt This project does not offer the tab appearance present in Fx56-88(/90). Your config is the closest to it atm.
classic_squared_tabs_fully_squared.css will be renamed to tabs_fully_squared.css and modified to affect top and bottom corners of current default tabs too.
Tab border color on top, not sides --> there is no option present to achieve that, try:
#main-window #TabsToolbar .tabbrowser-tab .tab-content {
border-left: 0 !important;
border-right: 0 !important;
}Larger tab margin
#main-window #TabsToolbar .tabbrowser-tab {
margin-left: 2px !important;
margin-right: 2px !important;
}Tab separator 1px, or 2px. This one will require much tweaking. Start with this:
#main-window #TabsToolbar .tabbrowser-tab:not([last-visible-tab])::after {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
content: "" !important;
border-right: 1px solid black !important;
border-radius: 0 !important;
padding-left: 5px !important;
}Hide new tab button Remove it from tabs toolbar in customizing mode.
Square urlbar borders
Use urlbar_border_roundness.css and set values inside general_variables.css.
Urlbar borders 1px on focus Look through this topic. A solution was posted a short while ago.
@Acid-Crash The gray window glitch seen in your animation and on downloads window was already fixed in 4.0.1pre4.
p1nkyy
commented
2 years ago Hello, thanks for responding. Tab has gotten a bit clearer but it still looks quite weak.
customizing mode that you meant where I can tinker with my tab height please?
DavyRay
commented
2 years ago Hello,
I have a couple of issue since upgrading to FF91 and installing the latest project files..
1) the padding when right clicking or viewing bookmarks is back to being huge. In the past i went to about:config and set browser.proton.contextmenus.enabled to false. Now this switch does nothing regardless if i set it to true or false.
2) I use an addon called multi-account containers. It used to have a color bar on the top (or bottom) of each tab to indicate which container was open for that tab. Now the color bar is no longer there. No idea how to get that color bar to show up. Perhaps if i made the tabs taller, that would fix the issue.
Any ideas?
Edit:
Fixed issue #1 by enabling @import "./css/generalui/compact_menus_proton.css"; /**/
Fixed issue #2 by adding the following code:
Found another issue....
The close tab "x" seems to be invisible. I can click where it should be and the tab does close. Is there a way to get that "x" to reappear?
rebop
commented
2 years ago Thanks for the reply @Aris-t2 . I wil not be able to look at your reply / suggestions until tonight.
Must say that my last posts were at 2 AM after 4 hours of making CSS work. Today I found two more issues to post.
Will post more tonight.
Aris-t2
commented
2 years ago @p1nkyy
2-3. You are most likely using the wrong file. Switch from tabs_below_navigation_toolbar.css to tabs_below_navigation_toolbar_default_tabs.css
@DavyRay
The close tab "x" seems to be invisible. I can click where it should be and the tab does close. Is there a way to get that "x" to reappear?
Post a screenshot. Using default config with or without "closeicon*" settings works fine.
Maybe you did enable tab_close_hidden.css.
@rebop Take your time, no need to hurry.
OnScoobySnacks
commented
2 years ago macOS Big Sur 11.5.1 - using the latest 4.0.1 and Firefox 91.0 (same issue with 4.0.0)
Using appbutton_in_titlebar_macOS_fix.css along with appbutton_in_titlebar.css and appbutton_in_titlebar_aurora.css ALL tabs are slightly larger than a pinned tab, even a single tab. I only changed a few settings prior to the 4.0.x update so I was able to find the issue rather quickly.
In appbutton_in_titlebar_macOS_fix.css the last block of code is causing the issue:
#TabsToolbar .titlebar-spacer[type="pre-tabs"] { display: initial !important; }
When commented out all is good. I can supply screen shots if required.
OSS
DavyRay
commented
2 years ago @DavyRay
The close tab "x" seems to be invisible. I can click where it should be and the tab does close. Is there a way to get that "x" to reappear?
Post a screenshot. Using default config with or without "closeicon*" settings works fine. Maybe you did enable
tab_close_hidden.css.
@Aris-t2 I have attached a screenshot of the tab
I went to this section "/* close icons for general ui and tabs - [only use one at a time] ***/" and all was disabled. As an example i enabled the "@import "./css/generalui/close_icon_red.css"; /**/" option and restarted. All i saw was a red dash that 90% vanished when i hovered my mouse over it.
As for tab_close_hidden.css It is disabled. I do have "@import "./css/tabs/tab_close_always_visible.css"; /**/" enabled. I tried to disable that as well, but nothing changed so far as I could tell.
rebop
commented
2 years ago Got one :)
""Mega bar roundness" Change --megabar_border_roundness value inside general_variables.css. There is no perfect solution"
Did not realize that general radius setting overrode the setting in the megabar roundness css. Now works as desired. Learned something.
More to come.
ThiefMaster
commented
2 years ago With FF 92 this stupid "Firefox Suggest" label showed up. Is there already a rule to disable it? If not that'd be a nice new feature.
https://www.reddit.com/r/firefox/comments/o7rjdl/any_way_to_remove_this_awkward_firefox_suggest/
TW462
commented
2 years ago Hello Aris-t2,
I have updated to the latest 4.0.1 release and I am wondering if the background for the browser window is suppose to be a light background as per my screenshot? Using the previous updates like 4.0.0pre10 had a darker (greyish or dark) I don't recall, but I know it wasn't this light. I tried looking thru the user.Chrome & userContent files but I can't find any coding for background coloring for the browser main window. Is this something Mozilla had a hand in?
I think I was on version 89 or 90 of FF with the background being darker. I don't know if the version of FF matters.
Keep up the excellent work, and let me (us) know.
Thank you in advance.
rebop
commented
2 years ago @Aris-t2 you said:
""Would like location and search bars a few pixels less high." Enable compact mode. Besides that there are no other options to change location and search bars height."
I can only find compact by editing about:config and then when enabling get a warning "not supported".. It does give me EXACTLY what I would like. I tend to recall you warned against it as well.
What are the risks?
Aris-t2
commented
2 years ago @OnScoobySnacks Thanks for the note. I will look into this glitch.
@DavyRay
Its hard to pinpoint what is causing this on your end. Try to a fresh version of your chromefolder with just the latest unmodified files of this project. Also make sure layout.css.devPixelsPerPx is set to -1.0 during your tests.
@ThiefMaster
.urlbarView-row[label]{
display: none !important;
}@TW462 This is not how it has to look. Seems like you have some sort of contrast theme/settings enabled somewhere. Not sure why your titlebar is white and why there is a white gap between tabs toolbar and navigation toolbar.
Try a clean setup of this projects files without modifications.
@rebop
Mozilla wanted to drop compact mode and earned a huge shitstorm. As a temporary solution they hid compact mode behind the about:config switch option for all users, that did not use compact mode before updating to a certain Firefox version.
The "risk" using it is the same as using any other Firefox feature. Mozilla is going to change or remove it eventually.
EdwardKiefer
commented
2 years ago @Aris-t2 There still a small issue with these two options (ver4.0.1) @import "./css/generalui/popup_compact_menus.css"; // and @import "./css/generalui/context_bfrsb_labels_with_icons.css"; //
The problem now is the icons are much smaller with back, forward, refresh etc. Also the text padding vertically seems to close and I think it is clamping down the size of the icon image.
I fixed it on my end by editing the @import "./css/generalui/popup_compact_menus.css"; /**/ file here.
padding: 2px !important; margin-inline-start: -6px !important; height: 24px !important; } note the 24 was a 16px before but I don't know if this is right way to fix it, seems to be ok visually now. Any value from 22-24 seems about right.
re11ding
commented
2 years ago I just wanted to point out it is in fact possible to fix the windows accent color issue that came with proton. Super sorry if this has already been mentioned, but basically I was able to replace the titlebar and menu bar with the appropriate color schemes to return the windows accent color to the program. Probably can be optimized or done better, but here it is none the less.
#TabsToolbar:not(:-moz-window-inactive) {
background: -moz-accent-color;
color: -moz-accent-color-foreground;
}
toolbox#navigator-toolbox:not(:-moz-window-inactive) {
background: -moz-accent-color;
color: -moz-accent-color-foreground;
}
.toolbarbutton-animatable-box:not(:-moz-window-inactive), .toolbarbutton-1:not(:-moz-window-inactive) {
fill: currentColor !important;
}
toolbarbutton[id^="scrollbutton"]:not(:-moz-window-inactive) {
fill: currentColor !important;
}EDIT: Apparently this has already been discussed, but I'll keep this here to show how I achieved it, if that matters at all. This makes it so it's only applied when active and reverts if not. Make of that what you will!
Make sure you have updated your configuration to the most recent version of this projects files and are using the latest version of the "options" required by your Firefox version >before< reporting problems!
Continued from https://github.com/Aris-t2/CustomCSSforFx/issues/3, https://github.com/Aris-t2/CustomCSSforFx/issues/41, https://github.com/Aris-t2/CustomCSSforFx/issues/88, https://github.com/Aris-t2/CustomCSSforFx/issues/109, https://github.com/Aris-t2/CustomCSSforFx/issues/133, https://github.com/Aris-t2/CustomCSSforFx/issues/163, https://github.com/Aris-t2/CustomCSSforFx/issues/189, https://github.com/Aris-t2/CustomCSSforFx/issues/211, https://github.com/Aris-t2/CustomCSSforFx/issues/241, https://github.com/Aris-t2/CustomCSSforFx/issues/273, https://github.com/Aris-t2/CustomCSSforFx/issues/308 and https://github.com/Aris-t2/CustomCSSforFx/issues/368.
Instead of opening new "issues" for general talk we can use this area for discussions, feedback and questions. Open new "issues" for real bugs and problems.
Custom JS scripts to restore more classic features https://github.com/Aris-t2/CustomJSforFx
Things this project will not target/recreate
Things not possible with CSS