userstyles.org - Midnight Surfing Alternative

More screenshots: Userstyles.org page
Warning:
  • It has been reported that this style interferes with pdf.js, making documents unsightly.
Alt. title - "Midnight Surfing Lite". Bound to mess things up. Mainly tested on Firefox.

Simpler and smaller (about 1/2 file size of the original), 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

To use this style, install Firefox and Stylish. If you already have Stylish, make sure this site is allowed to run JavaScript.

(Though installing Stylish is recommended, if your browser supports user scripts, you can also install this style as a user script.)

Midnight Surfing Alternative
14255
47391
Advertisement
Author luckymouse
License CC BY
Created May 2, 2011
Updated Feb 21, 2014
Installs (this week) 93
Installs (total) 8,554
Average rating Good
Show CSS

Notes

|_ 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 (Firefox)
Carbon eXtreme
eyes
Light text on black background
Black Web (Google Chrome specific)

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 )
/* ::: anchor/links ::: */

a {
color: #71BAA5 !important;
background-color: #1a1a1a !important;
opacity: 1 !important;
text-indent: 0 !important;}

a:link {color: #ACC7F6 !important;} /* hyperlink */
a:visited {color: #CDB4E7 !important;}
a:hover {color: #FFE900 !important; background-color: #363037 !important;}
a:active {color: #FFAE00 !important;}
Look for /* Base */ , edit value color: #CCC to change color of text.
/* Base */

*, ::before, ::after {

color: #CCC !important;
border-color: #444 !important;
outline-color: #444 !important;
text-shadow: none !important;
box-shadow: none !important;
-moz-box-shadow: none !important;
background-color: transparent !important;}
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;}
Update log ========================

2013-09-01
  • Merely a maintenance update.
2013-04-20
  • Updated :first-letter code to reduce load lag.
2012-08-19
  • Added :not(:empty) to ::first-letter because it was giving me significant page load lag on some pages.
2012-08-06
  • Added a 1px dotted bottom border to acronym and abbr elements. Fx does this by default, but some sites remove this indicator.
  • Colored kbd element.
  • Removed the progress element selector
2012-06-05
  • Covered about:newtab. Thanks to caspy7 for notifying me about the code bit posted by mcdavis941 (user 4312) - the window selector in particular.
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
2011-05-04
  • Removed color property from code,pre etc.

Feedback

Discussions

Ask a new question or add a review for this style.