Firefox 40+ wacky button fix for windows 10

Discussion in 'Application Software' started by pf100, Aug 11, 2015.

  1. pf100

    pf100 Duct Tape Coder

    Oct 22, 2010
    2,069
    3,449
    90
    #81 pf100, Aug 27, 2015
    Last edited by a moderator: Apr 20, 2017
    (OP)
    I'll work on the double icons when I can get the time.
    Do you find anything wrong with the last line I added here? Because it fixes the button height without the titlebar for me. What do you think?
    Code:
    @-moz-document url(chrome://browser/content/browser.xul) {
    @media (-moz-os-version: windows-win10) {  
    #main-window:not([customizing]) {-moz-appearance: -moz-win-glass !important; background-color: transparent !important;  } 
    #titlebar-buttonbox .titlebar-button{background-color: transparent !important; padding-top:7px !important;}
    #titlebar-buttonbox .titlebar-button:hover{background-color: highlight !important;}
    #titlebar-buttonbox #titlebar-close:hover {background-color: hsl(355, 86%, 49%) !important;}
    #titlebar-buttonbox #titlebar-close:hover:active {background-color: hsl(355, 82%, 69%) !important;}
    #TabsToolbar { margin-top: 0px !important; }}}
     
  2. chris34

    chris34 MDL Member

    Oct 28, 2009
    188
    49
    10
    #82 chris34, Aug 27, 2015
    Last edited: Aug 27, 2015
    Not sure what you mean by button height. I never had such issue, and I never had to enable the original title bar to fix anything. I only started to have an issue with the double icons when I lowered Windows 10 default windows padding from 4 to 0.

    Here is with your css #TabsToolbar { margin-top: 0px !important; }


    WIth.PNG


    And here without as I use it every day (minus the theme)
    WIthout.PNG

    With #TabsToolbar { margin-top: 0px !important; } the tab at the very top without any space looks nicer than the original.
     
  3. pf100

    pf100 Duct Tape Coder

    Oct 22, 2010
    2,069
    3,449
    90
    I'm staying on IRC with mozilla until I get some answers. I'll get back to you on what they say. I'm glad you liked the tabtoolbar spacing removed.
     
  4. Marcus Corbacho

    Marcus Corbacho MDL Novice

    Mar 9, 2014
    21
    7
    0
    These settings are supported in any version and edition of Firefox? On Firefox Developer Edition cant see no chrome folder... I´m using Firefox Dev 42.0a2(2015-08-28)
     
  5. chris34

    chris34 MDL Member

    Oct 28, 2009
    188
    49
    10
    #85 chris34, Aug 29, 2015
    Last edited: Aug 29, 2015
    You need to create your own Chrome folder and userchrome.css in your firefox profile folder. Somebody mentioned in this thread that Firefox doesn't automatically create one since a couples of version ago.
     
  6. pf100

    pf100 Duct Tape Coder

    Oct 22, 2010
    2,069
    3,449
    90
    #86 pf100, Aug 29, 2015
    Last edited: Aug 29, 2015
    (OP)
    This is all explained in detail in the first post. And the name of the thread is "Firefox 40+ fix for windows 10 colors/aero glass". that means firefox 40, 41, 42, etc. all versions including dev.
     
  7. heartbrake

    heartbrake MDL Novice

    Aug 13, 2013
    45
    2
    0
    Did you enable the Aero glass theme by installing "Aero Glass for Win8.1+ v1.4"? Does it work without any bugs?
     
  8. Belarathon

    Belarathon MDL Senior Member

    Nov 21, 2007
    316
    37
    10
    #88 Belarathon, Sep 11, 2015
    Last edited by a moderator: Apr 20, 2017
    This is the best I've seen so far - totally consistent with Windows theme, perfectly aligned. Perfect in every way.

    Code:
    #main-window[windowtype="navigator:browser"] {
        background-color: transparent !important;
    }
     
    .titlebar-button {
        background-color: transparent !important;
        transition: background-color 0.2s ease;
    }
     
    .titlebar-button > .toolbarbutton-icon {
        list-style-image: none;
    }
     
    .titlebar-button:hover {
        background-color: rgba(0, 0, 0, 0.15) !important;
    }
     
    #titlebar-close:hover {
        background-color: #E81123 !important;
    }
     
    #titlebar-close:hover > .toolbarbutton-icon {
        list-style-image: url("chrome://browser/skin/caption-buttons.svg#close-white") !important;
    }
    
    
    I nabbed it off the web somewhere - I regret that I don't have proper attribution. Enjoy.
     
  9. chris34

    chris34 MDL Member

    Oct 28, 2009
    188
    49
    10
    Just a head up. Seems Mozilla dropped the ugly white title bar button box in Firefox 41 for a transparent box. If you were using the css just to remove this ugly white box like me, it's not needed anymore for Firefox 41.
     
  10. Garbellano

    Garbellano MDL Addicted

    Aug 13, 2012
    947
    248
    30
  11. chris34

    chris34 MDL Member

    Oct 28, 2009
    188
    49
    10
    #91 chris34, Sep 26, 2015
    Last edited: Sep 26, 2015
    My bad, maybe it's related to the build 10547

    Here is mine without anything in the userchrome.css on build 10547

    Capture.PNG
     
  12. Garbellano

    Garbellano MDL Addicted

    Aug 13, 2012
    947
    248
    30
    Im too in 10547...
     
  13. chris34

    chris34 MDL Member

    Oct 28, 2009
    188
    49
    10
    If you upgraded to build 10547 from 10240, switch your theme to one of the "Windows default themes" that came with build 10547. I just set an old theme created by winaero tweaker to get the colored title bar on build 10240 and the ugly white bar reappeared. IF you did a clean install and didn't touch themes, dunno. Just do the usual and blame Windows 10 I suppose. ;)
     
  14. Garbellano

    Garbellano MDL Addicted

    Aug 13, 2012
    947
    248
    30
    Clean install, nothing has been touched. I think its some issue with firefox.
     
  15. chris34

    chris34 MDL Member

    Oct 28, 2009
    188
    49
    10
    It's possible, Microsoft changed the mouse over highlight color for the minimize/maximize title bar buttons from blue to a transparent light gray.