| Author | luckymouse |
|---|---|
| Created | May 2, 2011 |
| Updated | Apr 20, 2012 |
| Installs (this week) | 80 |
| Installs (total) | 2,101 |
| Average rating |
|
Alt. title - "Midnight Surfing Lite". Bound to mess things up. Mainly tested on Firefox (G. Chrome users beware)
Simpler and smaller (about 1/2 file size), with very minor color changes.
Compared to the original, performance is worse when dealing with icons. When having to give objects solid BG colors - it's better (gives it to objects that need it) or worse (obscures elements, thus interferes with functionality/usage).
Original - Midnight Surfing - Global Dark Style
Simpler and smaller (about 1/2 file size), with very minor color changes.
Compared to the original, performance is worse when dealing with icons. When having to give objects solid BG colors - it's better (gives it to objects that need it) or worse (obscures elements, thus interferes with functionality/usage).
Original - Midnight Surfing - Global Dark Style
More Info
Hopefully, it's not convoluted enough to discourage people to edit to their liking.
Look for a:link to change link color. ( I recommend #76AFD5 )
Look for /* Base */ , edit value color: #CCC to change color of text.
To change most of a page's main/dominant background color, find an early list of elements until you come across
/* Popup divs that use visibility: hidden and display: none */
div[style*="display: block"],
div[style*="visibility: visible"]
{background-color: #1a1a1a !important;}
Change #1a1a1a to what you prefer.
Some websites use a nested table layout - Look for table table to change how a table looks.
/* :::::: Tables, cells :::::: */
table table {background: #212121 !important;}
|_ Listing of other global color changing styles _|
myfavolours - global custom color scheme
NightShift - eye care
Global dark style - changes everything to DARK
Dark global style - Twilight
Lights Out (White Pages be Gone!)
Liqube Night - rev. 4
Carbon eXtreme
eyes
Light text on black background
Update log ========================
Look for a:link to change link color. ( I recommend #76AFD5 )
Look for /* Base */ , edit value color: #CCC to change color of text.
To change most of a page's main/dominant background color, find an early list of elements until you come across
/* Popup divs that use visibility: hidden and display: none */
div[style*="display: block"],
div[style*="visibility: visible"]
{background-color: #1a1a1a !important;}
Change #1a1a1a to what you prefer.
Some websites use a nested table layout - Look for table table to change how a table looks.
/* :::::: Tables, cells :::::: */
table table {background: #212121 !important;}
|_ Listing of other global color changing styles _|
myfavolours - global custom color scheme
NightShift - eye care
Global dark style - changes everything to DARK
Dark global style - Twilight
Lights Out (White Pages be Gone!)
Liqube Night - rev. 4
Carbon eXtreme
eyes
Light text on black background
Update log ========================
2012-04-20 - Notably, slightly improved Youtube HTML5 player appearance. Covered ::first-line and ::first-letter pseudo selectors. Fixed an issue with NoScript-blocked .swf objects. Selectors added - li ul , span[class*="note"]
2011-10-17 - Worked around the problem with the HTML5 player @ Youtube. However, because of the fix, XUL elements won't be styled. So something like Fx add-on Resurrect Page's buttons on neterror screens will not be styled. Combined "DIV" with some classes.[April 2012] Huh? I thought the player was under XUL namespace. Guess not.
2011-08-24 - Simply added "div" to [class*="description"]
2011-05-14 - Merged some selectors and properties. Reduced brightness of th, caption BG color.
2011-05-08 - Increased specificity of lightbox fix.
2011-05-07 - applied opacity to scrollbars, switched namespace order.
2011-05-04 - Removed color property from code,pre etc.
Feedback
Discussions
Ask a new question or add a review for this style.
