Skip to content

Apply as needed - fix dark mode text by osirisgothra

Screenshot of Apply as needed - fix dark mode text

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

FOR DARK MODE EDGE/CHROME, FIXES WHITE TEXT UNREADABLE!!

SEE CODE FOR DETAils (oops caps)

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;
}

}

Reviews

No reviews yet.