Global style forcing given colour scheme.
Features (shows/reveals) :
- does not affect anything but colours (preserves layout)
- disables background images -- this is intended feature, not a bug. Many designs cannot stand this, but it is not flaw of this userstyle but a flaw of concrete designs. No information should be represented _only_ as a background-image.
- some basic semantics (headings, navigation, emphasizes, etc.)
- visited / unvisited links
- some IMO neat form styling effects.
Unfinished, still kinda attempt. See source.
More info and discussion: http://userstyles.org/forum/comments.php?DiscussionID=150
Changelog:
2007-09-04: + "current / active / selected" item emphasized; + brighter border for focused inputs (and links)
2007-09-17: - revert: solid background for TDs (was not a good idea); ~ source cleanup
2007-09-24: ~ screen shots up-to-date;
2008-08-18: + form elements fix for FF3 ("-moz-appearance : none"), thanks rounded form styles for hint
2008-10-11: - disabled (commented) "text-decoration: none" for links, to comply above description.
2010-01-07: few minor fixes: ~ "body" has no longer solid background: in many layouts it fits just the initial viewport so the actual overlapping content is technically just above the root "html" element; ~ disabling text-shadow (Sadly, it is really necessary)
2010-01-23: ~ even more dynamics for forms elements, disabling backgrounds for generated (:before,:after) content (also necessary)
See/try also:
- Simple approach: Light text on black background
- Individual site approach ( "painted black" series ): http://userstyles.org/styles/search/painted+black
- Midnight Surfing (Global) : very nice alternative; bit darker
- NightShift - eye care
- Carbon eXtreme : old copypaste of this by different user. Dunno if I should feel honored or offended. (Linking here just to keep track for future.)
Notes / Known bugs:
- many sites relies on bacgkround images. As said, not a bug of this style.
- "popups", flyouts, dropdowns, rollovers … there are many cases, when absolutelly positioned element does not get any solid background and remains transparent and so unreadable; I am working on it, but there cannot exist any bulletproof solution for this. If only there was any class convention for this … (Setting solid background colour for nearly everythig would spoil more than it would solve.)
- "lightboxoids", big navigational links floating above content - the opposite problem as above; there are situations, where I set solid background to elements that were intended to remain transparent (eg. "next/prev") areas of lightboxoid popups.
- Some galleries or "fancy dynamic slideshows" uses background-image instead of real image. I think this monstrosity does not even deserve to be fixed.
- Selects: missing arrows (gonna mess with the "initial" value or tweak whole style, stay tuned)
Before
|
After
|