Windows 10 will reach EOS (end of support) on October 14, 2025. For more information, see this article.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was closed and archived. Please ask a new question if you need help.

css code for chrome files no longer works

more options

duplicate of /questions/1498770 thread

Recently (around Fx 134) css code for chrome files stopped working. The code I use is set out below. It previously changed the background colour to tan ( #dbc3a3 ), the text colour to dark blue ( #000080 ) and the font size to 17 px. The code found at the following location also no longer works for chrome files : https://gist.github.com/MrOtherGuy/c592f6443dd228022966cbe5715ad5c9

@-moz-document url-prefix("about:"), url-prefix("chrome://"), url-prefix("resource://"){

 :root {
     --in-content-page-color: #000080 !important;
     --in-content-text-color: #000080 !important;
     --in-content-page-background: #dbc3a3 !important;
     --in-content-box-background: #e2cfb6 !important;
     --in-content-deemphasized-text: var(--in-content-text-color) !important;
     scrollbar-color: #6495ed #d9d9d9 !important; 
     --background-color-box: var(--in-content-page-background) !important;
     --text-color: var(--in-content-text-color) !important;      
     color:var(--in-content-text-color) !important;
     --background-color-canvas: var(--in-content-page-background) !important;
     --table-row-background-color-alternate: var(--in-content-box-background) !important;    
 menulist > menupopup{ background-color: var(--in-content-page-background) !important; }}}
 

@-moz-document url-prefix("chrome:") {

 html, body, div, h1, p, table, td, tr { background-color: #dbc3a3 !important;
   color: #000080 !important;
   font-size: 17px !important; }
 tr:hover { background-color: #b3d1ff !important; }
 tr.odd:hover { background-color: #b3d1ff !important; }

}

<i>duplicate of [/questions/1498770] thread</i> Recently (around Fx 134) css code for chrome files stopped working. The code I use is set out below. It previously changed the background colour to tan ( #dbc3a3 ), the text colour to dark blue ( #000080 ) and the font size to 17 px. The code found at the following location also no longer works for chrome files : https://gist.github.com/MrOtherGuy/c592f6443dd228022966cbe5715ad5c9 <code>@-moz-document url-prefix("about:"), url-prefix("chrome://"), url-prefix("resource://"){ :root { --in-content-page-color: #000080 !important; --in-content-text-color: #000080 !important; --in-content-page-background: #dbc3a3 !important; --in-content-box-background: #e2cfb6 !important; --in-content-deemphasized-text: var(--in-content-text-color) !important; scrollbar-color: #6495ed #d9d9d9 !important; --background-color-box: var(--in-content-page-background) !important; --text-color: var(--in-content-text-color) !important; color:var(--in-content-text-color) !important; --background-color-canvas: var(--in-content-page-background) !important; --table-row-background-color-alternate: var(--in-content-box-background) !important; menulist > menupopup{ background-color: var(--in-content-page-background) !important; }}} @-moz-document url-prefix("chrome:") { html, body, div, h1, p, table, td, tr { background-color: #dbc3a3 !important; color: #000080 !important; font-size: 17px !important; } tr:hover { background-color: #b3d1ff !important; } tr.odd:hover { background-color: #b3d1ff !important; } }</code>

Modified by James (doing minimal support)

All Replies (1)

more options

You need to find a css edit that works with latest Firefox browser version or that css creator has updated it to work with Firefox.