Midnight Surfing Alternative

Added by luckymouse@userstyles, Created: May 01, 2011, Updated: May 11, 2015
  • With the style applied
  • Userstyles.org page

Description:

Warning: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 - http://freestyler.ws/style/103874/midnight-surfing-global-dark-style

More info
|_ Listing of other global color changing styles _|

userstyles's userstyles's Stretched popurls
http://freestyler.ws/style/72385/nightshift-eye-care
http://freestyler.ws/style/72387/global-dark-style-changes-everything-to-dark
http://freestyler.ws/style/17449/dark-global-style-twilight
http://freestyler.ws/style/17276/lights-out-white-pages-be-gone
http://freestyler.ws/style/72386/liqube-night-firefox
http://freestyler.ws/style/12758/carbon-extreme
http://freestyler.ws/style/7272/eyes
http://freestyler.ws/style/477/light-text-on-black-background
http://freestyler.ws/style/71805/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 ========================
2015-05-11
  • Removed p::first-line, as it was causing a spacing bug @ Wikipedia main page.
2015-03-13
  • Fixed page cloaking bug that was happening with Firefox 36.
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-052012-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.

Installs:
Applies to:
http://, https://, ftp://, file://... More »
License:
CC0 1.0 Universal.
luckymouse@userstyles has waived all copyright and related or neighboring rights to Midnight Surfing Alternative, to the extent allowed by law.

Related styles:

WARNING: This webware is not functioning properly. Please enable javascript in your browser and try again.