Avatar for Username

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. Please ask a new question if you need help.

css code for chrome files no longer works

Terry
Terry
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

All Replies (1)

markwarner22
markwarner22
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.