aris-t2/customcssforfx

Custom CSS tweaks for Firefox

customcssforfx's Issues

[C][Fx58] buttons_on_navbar_squared_buttons.css button icons are squished.

On latest Nightly (58.0a1 (2017-11-01)) navbar button icons are squished.

P.S. I may be mistaking but it looks like Mozilla has changed button height and offsets because they look taller and closer to each other comparing to previous build

[Win7][Classic][Fx57]: Show Searchbar Labels doesn't autosize terms list height

Screenshot easiest to explain.
Before:

After:

Notice the big gap after the second term. Be cool if it autosized as well. I'll see if I can figure something out.

(Gah, content security policy preventing showing the images directly.. ok figured how to upload into post)

Make commenting/uncommenting lines twice easier

Currently to enable/disable specific option you need to add/remove comment both starter (/*) and finisher (*/). I suggest using comment terminator /**/ at the end of line so you need only to add/remove comment starter at the line start.

So instead of:

enabled option line
/* disabled option line */

It would look like:

enabled option line /**/
/* disabled option line /**/

ac_popup_url_and_title_50percent_width misses Switch tab selector

Hi,
ac_popup_url_and_title_50percent_width module misses Switch tab selector in its code.
Because of this item Switch tab has bigger offset compared to others

I believe this issue can be fixed by adding [actiontype="switchtab"] in line 42, 50 and 56.
Also there is a duplicated selector in those lines ([actiontype="searchengine"])
https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/locationbar/ac_popup_url_and_title_50percent_width.css

Add to bookmarks button

Is it possible to add the "add to bookmarks" star icon to the urlbar, just like RSS icon with Awesome-RSS addon?

[XBL DEPRECATION] - classic autocomplete popup, version numbers in add-on manager and old search will be gone 'soon'

XBL has been deprecated and is being replaced by WebComponents, with ongoing work on this being tracked by bug 1397874 and Are We XBL Still?.

This will break everything in /classic/xml/.

[macOS][web content] top level image option does not work properly

Let me know if I got this wrong, but I don't see the background of an image or the surrounding area resetted as in classic/css/webcontent.

I tried to uncomment v1 and also v2, restarted Firefox 57 after every change, but opening a raw image still looks like this:

Sidenote: I also uncommented this line to show that I have the files in the right place. Every other @import in both userChrome.css and userContent.css are commented

[Request] Tab Context Menu Cleanup

Hi, this menu is a little messy IMO, can there be some options to clean it up, to remove some of the listed items, I find these mostly to be all redundant, and get in the way of the more useful ones like, like Undo Closed Tab.

https://i.imgur.com/D6y5k7i.png

Some of my reasons;

Reload Tab = Hit F5 or Refresh button
Duplicate Tab = Middle click the Refresh button
Move to New Window = Drag the Tab off of Firefox
Send Tab to Device = What is this?
Reload All Tabs = I've never used this personally, I don't keep dozens of old tabs laying around.
Bookmark All Tabs... = ... indeed, seems like a good way to goof and annoy you.
Close Tabs to the Right = Middle-click them.

Classic urlbar panel delay on pasting local URL (regression, had been fixed in CTR)

In june, I reported a CTR bug about delay of ~ 1 second or more between pasting an address and pressing enter until the URL starts to load:
http://forums.mozillazine.org/viewtopic.php?p=14753308#p14753308

It was hard for you to reproduce the issue, but you finally managed to fix it:
http://forums.mozillazine.org/viewtopic.php?p=14753568#p14753568

But now, with this userChrome.css version of "Alternative appearance (classic)" (ac_popup_classic_with_two_lines.css), the bug has returned, at least if you paste a local URL like file:///H:/Users/Pictures/Screenshot - 13, 2017 5.08 PM.png or H:\Users\Pictures\Screenshot - 13, 2017 5.08 PM.png.

To reproduce this bug you must have already let the urlbar panel with suggestions appear at least once since you opened Firefox. Paste a URL like the one above, then quickly press Enter.

Firefox 58.0b1 (Developer Edition).

"Search with" is still shown when using ac_popup_searchwith_and_visit_items_hidden.

Hi!

I'm using ac_popup_searchwith_and_visit_items_hidden.css to hide the "Search with" and "Visit" links. The "Visit" one disappears, but the "Search with Google" is still there. I'm using Firefox 57.

Making each tab a different color in FF 57

Hi Newbie here I've always relied on extensions and some about/;config tweaks to customize Firefox
Have managed to move tabs to bottom with bookmarks toolbar directly above

Could anyone provide the code to make each tab a different color as per colorful tabs extension for Firefox 56 and before this will help my wife who has a vision problem

Many thanks

How do I get the tabs to show in between location & search bar but ABOVE bookmark toolbar?

I'm so sad that the best add on no longer works with the update! I've been messing with this all morning.

How do I get the tabs to show in between location & search bar but ABOVE bookmark toolbar?

squared_buttons and AppButton

On latest build when using appbutton_on_navbar_orange and enabling buttons_on_navbar_squared_buttons AppButton becomes stretched.

if available, dropdown menu of search bar is possible?

https://userstyles.org/styles/122214/firefox-search-bar-show-engine-names-firefox-43

so i found this css, so maybe add to your project?

Tabs have white background

The entire tabs toolbar has a white background and i can't seem to remove it (i've successfully removed backgrounds for the rest of the toolbar).

And a sorta unrelated question: where do you even find all these values to plug into userChrome?

How to report issues properly? READ BEFORE REPORTING ISSUES!

Before posting issues make sure...

• ...everything previously available in chrome folder got backuped and removed
• ...the latest '.zip' release incl. all files and correct folder structure is inside profiles chrome folder
• ...no @namespace references are inside CSS files
• ...this projects code was not mixed with CSS from other/custom/own files

---

1. Hit "new issue" button on this page or hit "issues" and then hit "new issue" button.

• you must be signed into Github to be able to report an issue

2. Add a proper issue title.

• if the issue is related to 'NoiaButtons' code, add [NB] to title

If it only happens...

• ...on a specific OS, also add [Win], [Lin] or [macOS] to the title.
• ...on a specific browser version, also add [Fx 'version number'] to the title, e.g. [Fx57]
• ...on a specific OS theme, also add [OS theme name] to the title, e.g. [Aero Glass], [Classic]
• ...with a specific browser theme, also add [browser theme name] to the title

Ex. 1: [Win][Lin][Fx58] wrong active tab color
Ex. 2: [NB][Fx57] downloads buttons too small

3. Post a screenshot of your full browser window and point to the issue on it.

• Attach screenshot to your post by dragging & dropping it into the post OR
• Post a link to an uploaded screenshot (Imgur, Tinypic, Dropbox etc.)

4. Describe the issue

• what should or should not happen
• what does happen

5. Post your configuration

• OS / OS version / OS theme
• browser (default Firefox or a fork)
• browser version (default, beta, developer/Aurora, Nightly) and version number
• browser theme (default theme, dark/light theme, lw-theme)
• other add-ons (if you find a conflict)

[TABS BELOW CONTENT SUPPORT THREAD] - tabs on windows bottom

hello
what is the code to locate tabs at the bottom of the firefox 57 screen (just above the windows start button)?

it was suggested to try this=

/* Puts tabs on the bottom */
#TabsToolbar {
-moz-box-ordinal-group: 2;
border-bottom: 1px solid #888 !important;
}
#nav-bar{ border-top-width: 0px !important; }

but the tabs are still located near the top

move the address bar?

Hi,
Is it possible to move the address bar? When i turn on "legalcy extension" in Nightly this possibility exists.

[C][Win10][Fx58] custom back-forward observations

The current userChrome.css 1.2.2 and previous versions have a duplicated line. Both lines 66 and 69 refer to custom_backforward_small_ff3_strata.css. Is there a chance that the associated png can be displayed with a couple more pixels on the left and less on the right?

List of features available in this project

'Classic' CSS tweaks for Firefox

Download from here: Releases

Howto instructions on main page: CustomCSSforFx

Restore more features with JavaScript: CustomJSforFx

Support this project: Paypal.me

General discussion: Talk, questions, suggestions

FOXSCAPEuC: FOXSCAPE theme for Firefox userChrome.css by Michael Walden

---

The only way to modify ui is adding custom CSS code to userChrome.css and userContent.css files inside browsers profile folder. Keep in mind CSS code can not create entirely new items, buttons or toolbars. Only already present ui items can be modified!

(CTR) = known from Classic Theme Restorer add-on
(CTB) = known from Classic Toolbar Buttons add-on

(NB) = known from NoiaButtons add-on look here
(N4) = known from Noia4 theme
(GMF) = known from GlassMyFox add-on (window transparency on Windows 8/10 can only be achieved by third party tools like Glass8)

---

Currently available CSS tweaks for Firefox Quantum (57+) this project offers

General configuration files to control many parts of this project

• tab/toolbar colors:
  • default grey / AeroBlue / transparent / AeroGlass (GMF) / classic grey / Firefox 3.6
  • Noia 4 grey / lightgrey / dark (N4)
• tab width, height, border, close button size

[Tabs]

• classic squared tabs / squared tabs 'australized' (CTR)
• classic squared tabs > fully squared
• custom text settings > text color/shadow/bold/italic for default, hovered, active, unloaded/pending tabs
• custom tab colors for squared tabs variations (edit file and set manually tab background colors for default, active, hovered, unloaded,, newtab tabs + active tabs color for navigation toolbar and bookmarks toolbar) + Aero colors
• 'tabs not on top' (tabs below navigation and bookmarks toolbars) (CTR)
• 'tabs not on top' + 'navigation toolbar' in titlebar [experimental]
• tabs below main content [experimental]
• multirow tabs / multiple tab lines [experimental]
• tab title
  • in Firefox titlebar
  • remove blur overlay
  • left, centered, right position
• custom tab loading animations (CTR)
• always show 'all tabs' button
• hide 'empty' favicon on pinned tabs
• restore missing 'empty' favicon (CTR)
• close button settings: always show, on active tab only, on hover only, hidden, hidden for one tab, at tabs start
• 'new tab' button always visible
• close button size
• close button icons: Win7/10, white, red, Fx3.6

[Buttons]

• application/hamburger button in Firefox titlebar
  • label + dropmarker
  • icon only (+ different icons)
  • icon + label (+ different icons)
  • colors > auto, orange, Aurora, Nightly, Palemoon, transparent etc.
• application/hamburger button popup menu
  • hide sync item
  • colorized icons
• application/hamburger button popup > hide panel arrow
• application/hamburger button on navigation toolbar
  • move to navigation toolbars start
  • different icons
  • colors > auto, orange, Aurora, Nightly, Palemoon, etc. + white Fx icon
  • hide separator
• classic button appearance on navigation toolbar (CTB)
• transparent button appearance on navigation toolbar (GMF)
• panel popups > hide arrow
• buttons on navigation toolbar
  • squared button appearance
  • custom border roundness
  • more compact (in compact mode)
  • huge buttons
• custom toolbar button icon colors / white icons
• custom icons (CTB) (see instructions inside file)
• bookmarks toolbar > old button size
• bookmarks menu button > classic popup and custom button title on bookmarks toolbar (edit file to set custom title)
• bookmarks menu button popup > hide unneeded menuitems
• forward button > hide button when disabled
• back/forward buttons
  • custom appearance > large/small, Fx2/3, IE8/9 etc. (CTB)
  • custom appearance > connected to location bar
  • separated history popups for back and forward buttons
  • hide left-click (history) popup
• zoom buttons on toolbars > hide reset button

[General UI]

• old search (CTR) (*)
• context menu buttons
  • replace back, forward, reload etc. buttons with labels (+ show icons)
  • colorized back, forward, reload and bookmarks button icons
• hide private mode indicators
• searchbar
  • hide 'plus' indicator from search glass
  • hide search engines
• bookmarks > restore old colorful icons (folder, feed etc.)
• findbar
  • short findbar on top
  • short findbar on top > fade out on hover
  • show full findbar instead quick findbar
  • show lw-themes background image
  • close at findbars start
• reduce popup/panel fade time
• reduce overflow menus width and remove button text
• increase general font size (might break some items, if a too high value is set manually)
• hide 'send to device' menuitems
• sidebar dark appearance

[Toolbars]

• simulated add-on bar (bookmarks toolbar on bottom + bookmarks still on top)
• cheat default "status" popup into simulated add-on bar
• old left and right toolbar padding
• toolbar colors
• tabs toolbar tweaks > remove unneeded spaces, reduce button sizes etc.
• bookmarks toolbar > old toolbar height
• show menubar in full-screen mode
• show bookmarks toolbar in full-screen mode
• icons + text mode
• text only mode
• sidebar
  • remove size restrictions
  • enable lw-theme support
  • colorized heard icons

[Location Bar]

• smaller font size in compact mode
• colorized default icons > reader, star, action, dropmarker
• alternative reader icons
• identity box
  • colors for secure/insecure/valid/chromeui/extensionsui
  • custom/hidden padlock icons
  • replace 'i'-icon with globe icon
  • hide labels
• history dropmarker
  • always visible
  • at location bars end
• star button
  • last button / second last button, if dropmarker is at the end
  • yellow icon (CTR)
• dark background color for location bar and search bar
• hide 'go' button
• hide page action button (three dots)
• hide page action separator
• hide 'popup blocked' indicator
• custom border roundness for location bar and search bar
• autocomplete popup
  • classic popup (attached to location bar + two-lined results + auto-width) (*)
  • show url only (+ show title on hover)
  • 'title and url' / 'url and title' share ~50% of popups width each
  • aero color for hovered/active results
  • bold/underlined key-search results
  • custom height

[Add-on Manager (about:addons)]

• alternative appearance (CTR)
• always show 'Recent Updates' category
• change description pages content order
• add-ons views
  • show add-on version number (*)
  • compact and more compact
  • only show buttons on 'hover'
  • replace button labels with icons

[Preferences page (about:preferences)]

• alternative appearance (CTR)
• alternative appearance v2 (more classic colors)

[Web Content]

• old top level image appearance (top left on white background)
• alternative appearance for inbuilt screenshot add-on

(*) This will work as long XBL is supported by Firefox.

---

Already in Firefox Quantum without custom code or WebExtensions

[Buttons]

• star/bookmark button: button in location bar
• bookmarks menu button: disconnected from star button (see 'Customize...' area)
• back and forward buttons: disconnected from location bar
• back and forward buttons: separately movable within navigation toolbar
• stop and reload buttons: buttons combined and outside location bar
• sidebar button: one button for bookmarks, history and synced tabs
• application/hamburger button: popup 'visually closer' to the old one (no huge icons)
• downloads button: progress indicator below icon

[General UI]

• flexible spaces (see 'Customize...' area)
• drag space: space above tabs toolbar (see 'Customize...' area)
• toolbar modes: compact, normal, large (see 'Customize...' area)

---

Things possible by installing WebExtensions

[Buttons]

• Old 'Firefox' menu (WIP): Application Menu
• RSS button in location bar: Awesome RSS
• Reload/stop buttons in location bar: Reload in address bar or Australis-like refresh in URL bar or Reload button in Location bar
• Separated 'Reload' button: Reload button
• Separated 'Stop' button: Stop button
• Separated 'Minimize' button: Minimize Window Button
• Separated 'Maximize' button: Maximize/Restore Window Button
• Separated 'Close' button: Close Window Button

[General UI]

• custom 'about:newtab' url: New Tab Override
• custom 'about:newtab' page: New Tab Tools

[Tabs]

• Sidebar tabs: Tabs Center Redux or Tree Style Tab (additional CSS code in userChrome.css required to hide default tabs toolbar for now > add this to userChrome.css #TabsToolbar { visibility: collapse !important; } and enable "title bar" in 'Customize...' area)
• Close tab button on tabs toolbar: Close Tab Button Quantum
• Close tab button on toolbar: Simple Close Tab button
• Tab groups in button popup: Tabs Group Extension

---

Other projects

Curved tabs: Photon Australis by wilfredwee
UserChrome.js and scripts for Firefox 57+ by Endor8 (in German)
UserChrome.js for Firefox 57+ by nuchi
simpleMenuWizard for Firefox 57+ by stonecrusher
more Add-on Bars for Firefox 57+: by tkhquang

---

Promo screenshots

[Fx57][Win7][Classic]v1.1.6: icons_colorized.css causes icons to swap locations.

Originally, I made a report here bsiegel/http-version-indicator#6 cause I thought it had to do with HTTP/2 Indicator :: Add-ons for Firefox

With /css/locationbar/icons_colorized.css being imported it causes the location bar icons to start flipping positions and/or disappear with the mouse hovering over them.

Before: https://i.imgur.com/cHUS6Lu.png
After: https://i.imgur.com/TRQ5XOp.png

It would also do it with these two:
https://addons.mozilla.org/en-US/firefox/addon/awesome-rss/
https://addons.mozilla.org/en-US/firefox/addon/feedly-webextension/

57beta12 in Windows 7 Pro with Classic Theme.

General discussions, feedback, questions belong here (v1, v2 -outdated- use v3)

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.

Trying to makes CSS code Firefox 57+ ready?
Remove all @namespace references. They are the reason, if your code refuses to work.

Application/hamburger button in tabs toolbar?
Look here: #46

Things this project will not target/recreate

• curved tabs
• old complete themes
• ...

Things not possible with CSS

• more toolbars like add-on/status bar (CSS can not create new toolbars)
  • displaying full sized status popup below window content is possible
  • moving bookmarks toolbar to windows bottom is possible
• new buttons (CSS can not create new buttons)
• additional menuitems (CSS can not create new items)
• old search (some things are not compatible to Fx 57+)
• custom/new/different functions for buttons/menuitems/menus
• activity indicator
• preferences window
• additional location bar
• favicon in location bar
• moving menubar items to a different toolbar
• restart button
• ... many more

addonlists_show_addon_version_number.css not working

Hi,

addonlists_show_addon_version_number.css is not working.
Just shows a blank about:addons page.

Thanks

buttons_on_navbar_classic_appearance - Buttons on BookmarkBar

When toolbar button is placed in BookmarkBar it styling remains default.

Is it possible to replicate classic_appearance in smaller scale maybe for such buttons as well (without touching actual bookmarks styling).

smaller_tab_width_in_overflow_mode and pinned tabs

After module is enabled in pinned tabs part of title becomes visible.

I believe that pinned tabs shouldn't have any title name after module is enabled.

[C][Win][Fx58] - tabthrobber_fx56 problem

The tabthrobber leaves a remnant of the loading.png on screen. It is about 6px higher and 6px to the right of proper location. If I delete both ".tab-loading-burst[bursting]::before" lines, the throbber works. Starting Fx58 with no addons gives the same results.

Win 10, Fx58-10/25, std light theme

[Fx57b6] How to override tabs_below_navigation_toolbar.css colors to default.

Instead of me always commenting out this section:

/*  mrh
#TabsToolbar:not(:-moz-lwtheme){
  border-left: 1px solid #5f7181 !important;
  border-right: 1px solid #5f7181 !important;
  background-image: linear-gradient(#f9f9fa,#f9f9fa) !important;
}

#TabsToolbar:-moz-lwtheme{
  background: rgba(255,255,255,0.4) !important;
}

@media (-moz-os-version: windows-win7),(-moz-os-version: windows-vista) {
  @media all and (-moz-windows-theme:aero) {
	#TabsToolbar:not(:-moz-lwtheme) {
	  background: #dbeaf9 !important;
	}
  }
}
*/

What would I need to do keep it at the default colors using a later override?

I'm using a Windows Classic theme so it looks like this: http://www.markheadrick.com/firefox/firefox57-appearance.jpg

Thanks
(Apparently using backticks doesn't really format it as code here.)

General discussions, feedback, questions belong here (v2 -outdated- use v3)

Continued from here #3

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.

Trying to makes CSS code Firefox 57+ ready?
Remove all @namespace references. They are the reason, if your code refuses to work.

Application/hamburger button in tabs toolbar?
Look here: #46

Things this project will not target/recreate

• curved tabs
• old complete themes
• ...

Things not possible with CSS

• more toolbars like add-on/status bar (CSS can not create new toolbars)
  • displaying full sized status popup below window content is possible
  • moving bookmarks toolbar to windows bottom is possible
• new buttons (CSS can not create new buttons)
• additional menuitems (CSS can not create new items)
• old search (some things are not compatible to Fx 57+)
• custom/new/different functions for buttons/menuitems/menus
• activity indicator
• preferences window
• additional location bar
• favicon in location bar
• moving menubar items to a different toolbar
• restart button
• ... many more

Win10 maximized window Tab min-height

Window control buttons seem to be squished On Win10 (Nightly58, Drag space - ON, TitleBar - OFF) when classic_squared_tabs.css are enabled.

I believe this is happening because of

#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox, .tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] { min-height: 26px !important; }
If min-height is commented out bug becomes fixed.

[Win][Fx57][Compact dark theme] active tab non-distinguishable from other tabs on dark windows

When use Compact Black theme.

I must use lighter Personas e.g. https://addons.mozilla.org/pl/firefox/addon/black-15433/, In Compat black I can not find active. I can not see bottom border is active / deactive or squeezing active tab.

Maybe to more CSS commented (disable all colorized icons).

recentupdates_category_always_visible min-height issue

Win10 Nightly58.
When entering about:addons and then clicking the Recent Updates button there is slight slide down effect.
I believe this is happening because of min-height property.
According to other visible elements min-height should be set to 48px

in module files
https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/aboutaddons/recentupdates_category_always_visible.css
min-height is set to 40px.
Guess this should be changed to 48px as the rest of the elements

Could someone compile something to fit these requested fixes?

https://support.mozilla.org/en-US/questions/1185524

I'd be really grateful ^^'

[macOS][Fx57] 'tabs below' not working for me

Hi, sorry, I am probably doing something totally wrong, but I cannot get the tabs below nav bar to work in 57. I am using a Mac...does this only work for Windows? I created a chrome folder in profiles folder, then used textedit to create a userChrome.css file, then pasted in the code. Restarted firefox but no love there. Seems like I am missing something simple. Can you help?
Thanks in advance, loved (and contributed to) CTR,
Debbie

Appbutton in tab bar

I want application button back in the tab bar, where it was before.

I use Linux, and appbutton_in_titlebar.css is Windows only.

Things possible in Firefox 57+ (by using CSS code in userChrome.css/userContent.css)

As long as userChrome.css and userContent.css are supported by Firefox, Photon UI content can be modified using CSS tweaks, but CSS code can not create entirely new items, buttons or toolbars.

Most CSS code is copy/pasted from already available 'Classic Theme Restorer' and 'Classic Toolbar Buttons' add-on code.

Promo screenshots (Win7s AeroBlue colors are possible on other OSs too)

Tested / confirmed working in userChrome.css/userContent.css (at the moment)

• [Tabs] squared tabs (with rounded top corners)
• [Tabs] custom tab height
• [Tabs] (old) tab appearance/colors for active/non-active/hovered/pending/unread tabs
• [Tabs] remove ridiculous tab toolbar gap before first tab (in normal window mode without menubar)
• [Tabs] tabs not on top: tabs toolbar after navigation and bookmarks toolbars
• [Tabs] empty tab favicon: tab icon for tabs without favicons
• [Tabs] hide tabs toolbar for tab sidebar WEs (not visible on screenshots)
• [Buttons] navigation toolbar buttons: 'classic' button appearance (like offered by Classic Toolbar Buttons add-on)
• [Buttons] bookmarks toolbar buttons: 'default' button appearance
• [Buttons] default browser buttons: custom icon colors
• [Buttons] application/hamburger button: move button to the left
• [Buttons] application/hamburger button: cheat button into tabs toolbar
• [Buttons] application/hamburger button: custom label ("Firefox" on screenshots)
• [Buttons] application/hamburger button: different colors (Default, Aurora, Nightly, Transparent...)
• [Buttons] bookmarks menu button: label on bookmarks toolbar
• [Buttons] bookmarks menu popup: classic appearance
• [Buttons] custom images for toolbar buttons (like offered by Classic Toolbar Buttons add-on)
• [Buttons] downloads button: always visible (there is also an option for that in 'Customize...' mode)
• [Buttons] 'more' compact navigation toolbar buttons
• [Buttons] text / icon+text modes
• [Location Bar] location bar and search bar text size
• [Location Bar] location bars dropmarker at the end
• [Location Bar] change location bars icon padding
• [Location Bar] identity box colors for secure/valid connections
• [Location Bar] width/height tweaks to location bar popup
• [Location Bar] location bar popup: classic two lined results
• [General] hiding ui elements not removable by default (e.g. action menu in location bar, private mask)
• [General] context menu item labels instead of icons for back, forward, reload, bookmark this page
• [General] lw-theme support for squared tabs and 'tabs not on top' appearance
• [General] bookmarks toolbar: old padding
• [General] bookmarks toolbar: old height
• [Add-on Manager] alternative appearance
• [Add-on Manager] add-on version number in main lists
• [Preferences] alternative appearance
  ...
  Full list: #2

Notes

• [Buttons] application/hamburger button 'in titlebar': space before tabs has to be adjusted manually (depends on custom button title length), 'Titlebar' and 'Drag Space' checkboxes have to be disabled 'Customize...' area)
• [Buttons] application/hamburger button jumps back to nav-bar, if menubar is visible (prevents overlapping glitches)
• [Location Bar] popup width has to be adjusted manually to match location bars width for normal, maximized and fullscreen window modes

Already in Firefox 57+ without installing WebExtensions (compared to Firefox 56 or older)

• [Buttons] star/bookmark button: button in location bar
• [Buttons] bookmarks menu button: disconnected from star button (see 'Customize...' area)
• [Buttons] back and forward buttons: disconnected from location bar
• [Buttons] back and forward buttons: separately movable within navigation toolbar bar
• [Buttons] stop and reload buttons: buttons combined and outside location bar
• [Buttons] sidebar button: one button for bookmarks, history and synced tabs
• [Buttons] application/hamburger button: popup 'closer' to the old one (no huge icons)
• [Buttons] downloads button: progress indicator below icon
• [General] flexible spaces (see 'Customize...' area)
• [General] drag space: space above tabs toolbar (see 'Customize...' area)
• [General] toolbar modes: compact, normal, large (see 'Customize...' area)

Things possible by installing WebExtensions

• [Buttons] Old 'Firefox' menu (WIP): Application Menu
• [Buttons] RSS button in location bar: Awesome RSS
• [Buttons] Reload/stop buttons in location bar: Reload in address bar or Australis-like refresh in URL bar
• [General] custom 'about:newtab' page: New Tab Override
• [Tabs] Sidebar tabs: Tabs Center Redux (additional CSS code in userChrome.css required to hide default tabs toolbar for now)

Not properly working using CSS tweaks

• [Tabs] custom tab widths: issues with overflow mode like on previous Fx versions, if modified through custom CSS areas

Not possible

• 'real' buttons in titlebar (moving buttons to a toolbar and cheating them into titlebar is possible)
• actually/manually moving existing buttons to different locations than toolbars (e.g. feed button in location bar, application/hamburger button to tabs toolbar)
• additional toolbars, add-ons bar, status bar
• custom scrollbars

appbutton_on_navbar_start_position pop-up window

When using appbutton_on_navbar_start_position there is an issue with urlbar right offset on pop-up windows.
It doesn't have any offset so it looks kinda cropped.

I believe this can be fixed by adding toolbar #urlbar-container {margin-inline-end: !important;} and negative margin-inline-end for next element in toolbar (to compensate increased distance between elements)

URL used for testing purposes:
http://on-line.vodafone.ua/ru/messenger
type any number then click on the button and a pop-up window will appear)

[Win][Fx57][Compact Dark Theme] Context menu > Replace back, forward, reload etc. buttons with labels seem to be misaligned.

I noticed while using the latest 1.2.8 version;

@ import url(./css/generalui/context_bfrsb_labels_without_icons.css);

has a slight alignment problem.

https://i.imgur.com/tq7o6D9.png

How to make an exception for the "Firefox Button" when the other buttons are displayed with labels?

Hello and thank you for your work!
I copied your scripts appbutton_on_navbar_start_position and toolbar_mode_icons_and_text to my userChrome.css. Both worked perfectly, but the appbutton looks not quite good in Firefox Developer Edition due to its way too long name. Is there a way to either alter the name to just "Firefox", or to remove the name for that specific button at all?

My current solution is very hacky:

#PanelUI-button .toolbarbutton-text {
  width: 48px !important; //this shows "Firefox...", which looks better, but still sad
  content: 'Main Menu' !important; //this has no effect :(
  display: none !important; //this too; 
}

Sorry if I'm doing it wrong by posting an issue here, just suggest a way to contact you that is most convenient, if that's okay at all.

Thanks!

[Lin][macOS][Fx57] userContent.css @import not working when e10s is enabled

This is just a hint, that the @import lines of userContent.css are ignored, when electrolysis (multiple content processes) is enabled in Firefox 57.

Workaround is to set browser.tabs.remote.autostart.2 to false in about:config.

A bug report at mozilla has already been filed: #1416184

configuration:

• Ubuntu 16.04.3 LTS
• Firefox 57 (64 bit)
• light theme

identitybox_colors in DarkTheme

When any "Dark" theme is enabled identity boxes (their default state) look like in Active/Pressed state.

Maybe this is a design choice, still it looks a bit unusual (sections look squished).
Maybe dark theme should share styling from Light one?

[Windows][tabs not on top mode] move navigation toolbar to Firefox titlebar

Hi!
Can you, please, add this style to your pack: https://support.mozilla.org/en-US/questions/1185966 ?

Request: Arrange Address bar results by type

Hi,

I'm trying to sort the results you get when your start typing in the urlbar.
You get different types of entries.
type= "bookmark" for Bookmarks
type= "favicon" for History
type= "searchengine" for search suggestions.

Is there a way to arrange those results?

I played around with this code:

/Address/
#PopupAutoCompleteRichResult richlistitem[type='visiturl'] {
-moz-box-ordinal-group: 0!important; }

/Opened tabs in bookmarks/
#PopupAutoCompleteRichResult richlistitem[type='action bookmark'] {
-moz-box-ordinal-group: 1!important; }

/Opened tabs/
#PopupAutoCompleteRichResult richlistitem[type='action favicon'] {
-moz-box-ordinal-group: 2!important; }

/Bookmarks/
#PopupAutoCompleteRichResult richlistitem[type='bookmark'] {
-moz-box-ordinal-group: 3!important; }

/History/
#PopupAutoCompleteRichResult richlistitem[type='favicon'] {
-moz-box-ordinal-group: 4!important; }

/Search suggestions/
#PopupAutoCompleteRichResult richlistitem[type='searchengine'] {
-moz-box-ordinal-group: 5!important; }

But then when using the keyboard is moves according to the default sort like this:

https://i.imgur.com/OcpqT79.mp4

Thanks.

Google Chrome buttons

Can you add support for a Google Chrome look?

I like their icon design more than Firefox.

[C][Fx58] buttons_on_navbar_squared_buttons Stop-Reload button animation

When enabled Stop-Reload button animation jumps to the left and returns back when animation is finished.
Affected on all modes.
Most noticeable on "tablet" mode.

Firefox profile on other drive don't seem to work for CustomCSSforFx

Because of the ssd drive a have program data put in a map on a other HD.
Is it possible this can give problems in finding the right data.

This
/* TABS TOOLBAR POSITION (not in titlebar / not on top) - only use one at a time ***************/
/ - TABS BELOW TITLEBAR (Fx56-like) ***********************************************************/
/ @import url(./css/tabs/tabs_below_titlebar_above_navigation_toolbar.css); /
/ - TABS BELOW NAVIGATION AND BOOKMARKS TOOLBARS (tabs not on top) ****************************/
/ @import url(./css/tabs/tabs_below_navigation_toolbar.css); /
@import url(./css/tabs/tabs_below_navigation_toolbar_aero.css); / <-- AERO colors /
/ @import url(./css/tabs/tabs_below_navigation_toolbar_transparent.css); /
/ @import url(./css/tabs/tabs_below_navigation_toolbar_aeroglass.css); */

And this
/* tab close icon settings - only use one at a time ********************************************/
/@import url(./css/tabs/tab_close_always_visible.css); /
@import url(./css/tabs/tab_close_on_active_tab_only.css);
/ @import url(./css/tabs/tab_close_show_on_hover_only.css); /
/ @import url(./css/tabs/tab_close_hidden.css); /
/ @import url(./css/tabs/tab_close_hidden_for_only_one_visible_tab.css); /
/ @import url(./css/tabs/tab_close_at_tabs_start.css); */

Don't works

[MULTIROW TABS SUPPORT THREAD] - multiple tab lines

First of all, Thank you for this FF57 life saver repo 👍

Maybe you can save my live by finding a solution to had multiple lines tabs possible (was possible via Tab Mix Plus prior to FF57). This will be great as i downgrade back to FF56 for this, session manager and passifox.

I'm not so confindent asking this as even chrome don't have this function :/

I really need this.

identitybox_colors - .extensionPage

When identitybox_colors module is enabled, there is no styling changes for extension page.

I believe this can be fixed by adding .extensionPage class to that file

chrome_fx57_v1.1.4.zip is invalid, unable to open.

Something happened with the chrome_fx57_v1.1.4.zip file. Windows and 7zip are unable to open it. The 1.1.3 file is fine.

buttons_on_navbar_squared_buttons - Icon Badges

When buttons_on_navbar_squared_buttons is enabled (buttons_on_navbar_classic_appearance is also enabled) Button Icon Badges are placed to high (compared to original position).
Because of this it seems that icon badge is a bit overlapped by the tabbar

1px space between menu bar and on left side of tabs to much

There is a 1px grey line between the navigation and menu bar.
Then on the left side of the tabs is a 1px grey bar but only if Fx is maximized.

I have enabled:

@import url(./css/tabs/classic_squared_tabs.css);
@import url(./css/tabs/tabs_below_navigation_toolbar.css);
@import url(./css/tabs/tab_close_always_visible.css);
@import url(./css/tabs/tab_throbber_fx56.css);
@import url(./css/generalui/bookmark_icons_colorized.css);
@import url(./css/toolbars/navbar_more_compact_mode.css);

OS: Windows 8.1 / Default theme
Fx: 57.0b9
Theme: default
Density: compact