Firefox Fights Back - Firefox 57

Page 64 of 91 FirstFirst ... 1454626364656674 ... LastLast
  1. FerchogtX's Avatar
    Posts : 322
    Windows 10 x64 Pro 20H2
       #630

    Edwin said:
    Thanks for the heads up!

    My card can only handle 1440p but at least it doesn't stutter!
    Same case here, I assume the newer AMD cards from 2017 are cappable of VP9 4K decoding, at least the table in AMD doesn't lie, they say my card is able to reach FHD using VP9, still... the latest drivers seem to enhance what the GPU can do and makes it able to decode QHD 1440p, which is good enough, I mean, not that my 1366x768px screen is able to display all those pixels, right? XD

    By the other hand, I guess AMD Linux users will benefit a ton from this as well, since h264 decoding is disabled by default there, and VP9 is enabled instead.

    Glad it worked for you
      My Computers

  2. rezpower's Avatar
    Posts : 324
    Windows 10 Pro 64bit
       #631

    I was able to customize my top site icons and add a background picture thanks to FerchogtX. But I was wondering if there is any way to have the background picture only in newtab and not once you go to webpages. Right now the image comes up on lot of sites and sometimes it replaces also the blank spaces where you can fill a form or enter a text!
      My Computer

  3. FerchogtX's Avatar
    Posts : 322
    Windows 10 x64 Pro 20H2
       #632

    rezpower said:
    I was able to customize my top site icons and add a background picture thanks to FerchogtX. But I was wondering if there is any way to have the background picture only in newtab and not once you go to webpages. Right now the image comes up on lot of sites and sometimes it replaces also the blank spaces where you can fill a form or enter a text!
    Are you sure your userContent.css has all your code wrapped inside this?
    Code:
    @-moz-document url("about:newtab") {
    }
    Example:

    Code:
    @-moz-document url("about:newtab") {
        .main {
          //Some CSS
        }
    }
    Otherwise, all the customizations will afect other webpages as well...
      My Computers

  4. rezpower's Avatar
    Posts : 324
    Windows 10 Pro 64bit
       #633

    FerchogtX said:
    Are you sure your userContent.css has all your code wrapped inside this?
    Code:
    @-moz-document url("about:newtab") {
    }
    Example:

    Code:
    @-moz-document url("about:newtab") {
        .main {
          //Some CSS
        }
    }
    Otherwise, all the customizations will afect other webpages as well...
    Aiiii I totally forgot that! you are right this was the problem! Now fixed :)
    Thanks again!
    Last edited by rezpower; 15 Nov 2017 at 19:46.
      My Computer

  5. Edwin's Avatar
    Posts : 17,028
    Windows 10
       #634

    You could also wallpaper an "about:blank" tab in the same manner. (if you need a quick new tab without all the stuff)

    Code:
    @-moz-document url("about:blank") {
    
      body {
        background: url("./FFBG.jpg") no-repeat fixed !important;
        background-position: center !important;
        background-size: cover !important;
      }
    
    }
      My Computer


  6. Posts : 10
    Windows 10
       #635

    Edwin said:
    CSS is good!!!

    Colorize Toolbar Buttons:

    Code:
    @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
    
    @-moz-document url(chrome://browser/content/browser.xul),
      url(chrome://global/content/customizeToolbar.xul)
    {
    
    /*BLUE*/
      #tabview-button .toolbarbutton-icon,
      #save-page-button .toolbarbutton-icon,
      #developer-button .toolbarbutton-icon,
      #preferences-button .toolbarbutton-icon,
      #webrtc-status-button .toolbarbutton-icon
      {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
        <feColorMatrix in='SourceGraphic' type='matrix' values=\
        '0.38 0.3 0.3 0.0 0.0 \
        0.3 0.38 0.3 0.0 0.0 \
        0.3 0.3 0.38 0.0 0.3 \
        0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
      }
    
    /*LIME*/
      #pocket-button .toolbarbutton-icon,
      #context-back,
      #context-forward,
      #back-button .toolbarbutton-icon, 
      #forward-button .toolbarbutton-icon,
      #new-window-button .toolbarbutton-icon,
      #new-tab-button .toolbarbutton-icon,
      #go-button:hover,
      #downloads-button:not([attention]),
      #zoom-in-button .toolbarbutton-icon,
      #copy-button .toolbarbutton-icon,
      #add-ons-button .toolbarbutton-icon,
      #find-button .toolbarbutton-icon,
      #sidebar-button .toolbarbutton-icon
      {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
        <feColorMatrix in='SourceGraphic' type='matrix' values=\
        '0.38 0.3 0.3 0.0 0.1 \
        0.3 0.38 0.3 0.0 0.28 \
        0.3 0.3 0.38 0.0 0.0 \
        0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
      }
    
    /*RED*/
      #context-stop,
      .tabs-closebutton:hover .toolbarbutton-icon,
      .tab-close-button:hover .toolbarbutton-icon,
      #downloads-button[paused] .toolbarbutton-icon,
      #urlbar-stop-button:hover,
      #cut-button .toolbarbutton-icon,
      #zoom-out-button .toolbarbutton-icon,
      #stop-button .toolbarbutton-icon,
      #characterencoding-button .toolbarbutton-icon
      {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
        <feColorMatrix in='SourceGraphic' type='matrix' values=\
        '0.38 0.3 0.3 0.0 0.4 \
        0.3 0.38 0.3 0.0 0.0 \
        0.3 0.3 0.38 0.0 0.0 \
        0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
      }
    
    /*ROYAL*/
      #tabview-button .toolbarbutton-icon,
      #context-reload,
      #history-button .toolbarbutton-icon,
      #history-panelmenu .toolbarbutton-icon,
      #fullscreen-button .toolbarbutton-icon,
      #urlbar-reload-button:hover,
      #paste-button .toolbarbutton-icon,
      #reload-button .toolbarbutton-icon
      {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
        <feColorMatrix in='SourceGraphic' type='matrix' values=\
        '0.38 0.3 0.3 0.0 0.0 \
        0.3 0.38 0.3 0.0 0.07 \
        0.3 0.3 0.38 0.0 0.3 \
        0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
      }
    
    /*POPPY*/
      #urlbar[level="broken"] #page-proxy-favicon
      {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
        <feColorMatrix in='SourceGraphic' type='matrix' values=\
        '0.38 0.3 0.3 0.0 0.4 \
        0.3 0.38 0.3 0.0 0.1 \
        0.3 0.3 0.38 0.0 0.0 \
        0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
      }
    
    /*ORANGE*/
      #loop-button .toolbarbutton-icon,
      #feed-button .toolbarbutton-icon
      {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
        <feColorMatrix in='SourceGraphic' type='matrix' values=\
        '0.38 0.3 0.3 0.0 0.4 \
        0.3 0.38 0.3 0.0 0.2 \
        0.3 0.3 0.38 0.0 0.0 \
        0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
      }
    
    
    /*GOLD*/
      #password-notification-icon,
      #home-button .toolbarbutton-icon,
      #open-file-button .toolbarbutton-icon,
      #email-link-button .toolbarbutton-icon
      {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
        <feColorMatrix in='SourceGraphic' type='matrix' values=\
        '0.38 0.3 0.3 0.0 0.4 \
        0.3 0.38 0.3 0.0 0.3 \
        0.3 0.3 0.38 0.0 0.0 \
        0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
      }
    
    /*CYAN*/
      #sync-button .toolbarbutton-icon,
      #social-share-button .toolbarbutton-icon
      {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
        <feColorMatrix in='SourceGraphic' type='matrix' values=\
        '0.38 0.3 0.3 0.0 0.0 \
        0.3 0.38 0.3 0.0 0.3 \
        0.3 0.3 0.38 0.0 0.3 \
        0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
      }
    
    /*PURPLE*/
      #panic-button .toolbarbutton-icon,
      #privatebrowsing-button .toolbarbutton-icon,
      #print-button .toolbarbutton-icon
      {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
        <feColorMatrix in='SourceGraphic' type='matrix' values=\
        '0.38 0.3 0.3 0.0 0.18 \
        0.3 0.38 0.3 0.0 0.0 \
        0.3 0.3 0.38 0.0 0.26 \
        0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
      }
    
    /*AZURE*/
      #urlbar-go-button:not(:hover),
      #urlbar .autocomplete-history-dropmarker:not(:hover),
      #searchbar .searchbar-search-button:not([addengines]),
      #searchbar .search-go-button,
      #context-bookmarkpage,  
      #PanelUI-menu-button .toolbarbutton-icon, 
      #nav-bar-overflow-button .toolbarbutton-icon,
      #classic_bm_button23-toolbar-button > .toolbarbutton-icon,
      #bookmarks-menu-button:not([starred]) .toolbarbutton-icon,
      #bookmarks-button .toolbarbutton-icon,
      #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon
      {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
        <feColorMatrix in='SourceGraphic' type='matrix' values=\
        '0.38 0.3 0.3 0.0 0.0 \
        0.3 0.38 0.3 0.0 0.15 \
        0.3 0.3 0.38 0.0 0.3 \
        0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
      }
    
    
    /* Restore classic colors for verified identity and verified domain */
    
      #urlbar .verifiedDomain
      {
        background: linear-gradient(hsl(215,60%,92%), hsl(215,58%,88%)) !important;
        box-shadow: 0 1px 0 hsla(215,54%,33%,.05) inset !important;
        -moz-border-end-color: hsla(215,54%,33%,.2) !important;
        color: hsl(215,54%,33%) !important;
      }
    
      #urlbar .verifiedDomain:hover
      {
        background: linear-gradient(hsl(215,85%,85%), hsl(215,70%,68%)) !important;
      }
    
      #urlbar .verifiedDomain[open="true"],
      #urlbar .verifiedDomain:hover:active
      {
        background: linear-gradient(hsl(215,80%,80%), hsl(215,67%,65%)) !important;
        box-shadow: 0 1px 1px hsla(215,54%,33%,.7) inset,
          0 1px 3px 1px hsla(215,54%,33%,.5) inset !important;
      }
    
      #urlbar .verifiedIdentity
      {
        background: linear-gradient(hsl(91,70%,90%), hsl(93,60%,81%)) !important;
        box-shadow: 0 1px 0 hsla(92,81%,16%,.05) inset !important;
        -moz-border-end-color: hsla(92,81%,16%,.2) !important;
        color: #2f6600 !important;
        font-weight: bold !important;
      }
    
      #urlbar .verifiedIdentity:hover
      {
        background: linear-gradient(hsl(92,69%,77%), hsl(92,44%,51%)) !important;
      }
    
      #urlbar .verifiedIdentity[open="true"],
      #urlbar .verifiedIdentity:hover:active
      {
        background: linear-gradient(hsl(92,65%,70%), hsl(92,40%,48%)) !important;
        box-shadow: 0 1px 1px hsla(92,81%,16%,.6) inset,
          0 1px 3px 1px hsla(92,81%,16%,.5) inset !important;
      }
    }
    Attachment 163920

    My New Tab page:

    Attachment 163921
    Can you tell me exactly the steps of how you do that?
    I just did not know from where to start.
      My Computer

  7. rezpower's Avatar
    Posts : 324
    Windows 10 Pro 64bit
       #636

    Thanks guys. It's nice to learn something new whenever possible. The "@-moz-document url("about:newtab")" came at a great moment as I was struggling with a new problem: I would open firefox and as it opens the homepage non of the customization nor the background was there. Then when I would open a new tab all was as I wanted. So I added same settings for about:home and all is perfect now :)

    To achieve this I searched the web earlier and just found few addons on mozilla website. But all of them were asking for permissions to view all my visited pages and bookmarks etc and I didn't install them as I thought that was too much info to share ! Same thing done with a little script it really cool :)
    Edwin said:
    You could also wallpaper an "about:blank" tab in the same manner. (if you need a quick new tab without all the stuff)

    Code:
    @-moz-document url("about:blank") {
    
      body {
        background: url("./FFBG.jpg") no-repeat fixed !important;
        background-position: center !important;
        background-size: cover !important;
      }
    
    }
    Last edited by rezpower; 15 Nov 2017 at 19:47.
      My Computer

  8. IownAmoneyPit's Avatar
    Posts : 973
    Windows 10 Home/10 Pro x 3/Windows 10 Insider Preview ?
       #637

    These are some good add-ons that still work with Firefox 57.

    My Speed dials look almost identical to when I was using Speed Start.

    Firefox Fights Back - Firefox 57-capture.jpg

    Firefox Fights Back - Firefox 57-ashampoo_snap_2017.11.15_18h35m34s_001_.jpg
      My Computers

  9. Edwin's Avatar
    Posts : 17,028
    Windows 10
       #638

    akremjab said:
    Can you tell me exactly the steps of how you do that?
    I just did not know from where to start.
    The colorized buttons or the New Tab background or both?
      My Computer


  10. Posts : 10
    Windows 10
       #639

    Edwin said:
    The colorized buttons or the New Tab background or both?
    If you don't mind, just the start of all, I mean from where do I start the tweaking.

    I tried to go to about:tab (it gives me wrong link) and about:newtab (it opens a new tab) on the address bar but with no avail.
      My Computer


 
Page 64 of 91 FirstFirst ... 1454626364656674 ... LastLast

  Related Discussions
Our Sites
Site Links
About Us
Windows 10 Forums is an independent web site and has not been authorized, sponsored, or otherwise approved by Microsoft Corporation. "Windows 10" and related materials are trademarks of Microsoft Corp.

© Designer Media Ltd
All times are GMT -5. The time now is 19:52.
Find Us




Windows 10 Forums