- Midnight Surfing Alternative

More screenshots: page
  • 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
Author luckymouse
License CC0
Created May 2, 2011
Updated May 11, 2015
Installs (this week) 103
Installs (total) 32,373
Average rating Good
Show CSS


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

Color editing tips:

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 ========================
  • Removed p::first-line, as it was causing a spacing bug @ Wikipedia main page.
  • Fixed page cloaking bug that was happening with Firefox 36.
  • Merely a maintenance update.
  • Updated :first-letter code to reduce load lag.
  • Added :not(:empty) to ::first-letter because it was giving me significant page load lag on some pages.
  • 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
  • Covered about:newtab. Thanks to caspy7 for notifying me about the code bit posted by mcdavis941 (user 4312) - the window selector in particular.
  • 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"]
  • 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.
  • Simply added "div" to [class*="description"]
  • Merged some selectors and properties.
  • Reduced brightness of th, caption BG color.
  • Increased specificity of lightbox fix.
  • Applied opacity to scrollbars
  • Removed color property from code,pre etc.



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