FOR DARK MODE EDGE/CHROME, FIXES WHITE TEXT UNREADABLE!!
SEE CODE FOR DETAils (oops caps)
Apply as needed - fix dark mode text by osirisgothra
Details
Authorosirisgothra
LicensePublic Domain
Categoryglobal - fix text when running chrome or edge (chromium) in it's experimental "Dark Mode" -- might work for other stuff too
Created
Updated
Size1.1 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Yeah, see the docs/flyer
Not really a real style, just a fix, not even worth writing notes about since it does only one thing! and its super lean, this page you are reading uses more code than the style does (you wont notice it at all unless you are on a page that has that kind of text)
Source code
/* ==UserStyle==
@name Apply as needed - fix dark mode text
@version 20211123.18.25
@namespace userstyles.world/user/osirisgothra
@description FOR DARK MODE EDGE/CHROME, FIXES WHITE TEXT UNREADABLE!!
SEE CODE FOR DETAils (oops caps)
@author osirisgothra
@license Public Domain
==/UserStyle== */
@-moz-document url-prefix("http") {
/* Apply as needed - fix dark mode text
Fixes dark mode text on light-imaged pages (or gradient/fill pages)
by adding a dark shadow slightly to all text inside a div or p element (and subelements)
this does not override already-overriden values (on purpose) to avoid
serious alterations to the page being viewed
* turns on optical sizing
* disables kerning (helps when reading small fonts)
* semi transparent effect (for when pages have color that should be shown)
* shadow will not override existing by design
*/
body, main, header, footer, head, foot
{
text-shadow: rgba(0,0,0,0.8) 1px 1px 1px;
text-rendering: geometricPrecision;
font-optical-sizing: auto;
font-kerning: none;
}
}