Article
· Jun 16, 2023 2m read

Darker docs on Firefox with Dyslexic friendlier font

An interim idea to bring more dark to the docs with different font.

Process:

  • In Firefox web browser address bar navigate to: "about:support"
  • Look for label "Profile Folder", and click on the corresponding "Open Folder" button.
  • Drill-down / Open sub-folder called Chrome.
  • Create file here called: userContent.css

Content of file:

@-moz-document domain(docs.intersystems.com) {
:root {
 --iscbluelightest:#0c0405 !important;
 --iscbluelight:#91331f !important;
 --iscblue:#ccc96a !important;
 --iscbluedark:#c6bbb1 !important;
 --iscbluedarker:#dddacc !important;
 --iscbluedarkest:#e5e3d8 !important;
 --iscgreen:#fe5f63 !important;
 --iscgreenlight:#401b1c !important;
 --iscturquoise:#482bc2 !important;
 --iscyellow:#034db6 !important;
 --iscyellowdark:#00197f !important;
 --iscred:#35ffff !important;
 --iscredlightest:#060d0b !important;
 --iscwhite:#000000 !important;
 --iscoffwhite:#040404 !important;
 --iscwhiteporcelain:#130f0e !important;
 --iscgraylightest:#100f0e !important;
 --iscgraylighter:#1f1f1f !important;
 --iscgraylight:#343434 !important;
 --iscgray:#a1939e !important;
 --iscgraydark:#a19688 !important;
 --iscgraydarker:#bcb7b2 !important;
 --iscgraydarkest:#cccccc !important;
 --textcolor:#fff !important;
 --linkcolor:var(--iscgraydarker) !important;
 --font-family-default:Comic Sans !important;
 --font-family-heading:Comic Sans !important;
 --font-weight-default:400;
 --font-size-default:16px
}
div.caution {
 color:#ffffff !important;
}
span.caution {
 color:#ffffff !important;
}
/*
div.programlisting {
    background-color:#002200 !important;
    color:#00ca00 !important;
}
span.COS20 {
    color:#c0b733 !important;
}
span.COS24 {
 color:#d4ca76
}
span.COS11 {
    color:#d4ca76 !important;
}
span.COS06 {
    color:#ffffff !important;
}
span.COS03 {
    color:#00ffff !important;
} */
}

 

Example view

Discussion (0)2
Log in or sign up to continue