Mozilla will shut down Pocket’s services on July 8, 2025. At that time users will no longer be able to access the Pocket website, apps and API. You can export your saved items and API data until October 8, 2025 before they are permanently removed. For more information, see this article.

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

  • No replies
  • 0 have this problem
  • 5 views
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 ''@-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; } }''

Modified by James (On Vacation)