userstyles.org - Midnight Surfing Alternative

[Edit] [Delete]

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

(Assuming Firefox Chrome Opera Internet Explorer Chrome on Android Safari on Android Other )

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;}

|_ 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 ========================

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.

Midnight Surfing Alternative by luckymouse is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.

Show code