myfavolours - global custom color scheme

myfavolours - global custom color scheme
347
2187

Install

The recommended way to install user styles is to use Firefox with Stylish.

If you already have Firefox with Stylish, make sure this site is allowed to run JavaScript.

By myf.
Created Apr 06 2007, last updated Jan 20 2010.
53 installs this week, 6163 total.
Average rating: Good

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

Discussions [Start new]

Mail the admin.