



Wanted to do something easier on the eyes. Hope people like it. Made specially thinking in Wrongplanet.net, to read it at night :)
Dark theme that works fairly well in many websites, browsed Lifehacker, Google, Gmail, Hotmail, Myspace, etc, looks fine :)
Hotmail now looks fine
** Edit 2007-07-02:
Added "Dark Style textboxes" By XerBlade
http://userstyles.org/styles/591
** Edit: 2007-07-05:
Gmail now looks better :)
** Edit 2007-08-06
some additions, also, Hotmail now looks fine *blushes*
** Edit: 2007-09-30
I think I'll upload an updated one, darker, will try it for a week to see how it looks
Before
|
After
|
first of all, this is a great style.
I make some update. Please try.@namespace url(http://www.w3.org/1999/xhtml);
/* computerlove yay */body, span, background, select, form, td, th, tr, p, dd, dt {
background:#111515 !important;
color:#CCCCCC !important;
}div {
background:none !important;
color:#CCCCCC !important;
}ol {
background-color:#253535 !important;
}h1 {
background:#253535 !important;
color:#dddddd !important;
}h2 {
background:#000000 !important;
color:#dddddd !important;
}h3, h4, h5, h6 {
background:inherit !important;
color:#dddddd !important;
}font, p {
color: #bbbbbb!important;
}table {
background:black !important;
}ul {
background:#223333 !important;
color:#CCCCCC !important;
}li, code {
background:inherit !important;
color:#dddddd !important;
}strong, blockquote {
background:inherit !important;
color:#ffffff !important;
}a {color:gainsboro !important;}
a:link {color:cornflowerblue!important;font-weight:normal!important; }
a:visited {color:lightpink !important }
a:active {color:red !important;}
a:hover {color:gold!important;}input, input.post {
color:#000000 !important;
}/* ------------WRONGPLANET FORUM ----------------------- */
@-moz-document domain("wrongplanet.net") {textarea.post, select, .title, .content, .storytitle, .storycat, .boxtitle, .boxcontent, .option, .tiny, .cellbox, .formtexts {
color:#FFCC66!important;
}/*
td.row1 {background:#111111 !important;}
td.row2 {background:#222222 !important;}
*/.quote {
background:#252525 !important;
color:#FFCC66!important;
}
}/* -------------------------------------------------------- */
/*
Dark Style Textboxes
By XerBlade
http://userstyles.org/styles/591
*/pre, textarea {
color: white !important;
background: black !important;
border-left-color: gray !important;
border-right-color: gray !important;
border-top-color: gray !important;
border-bottom-color: gray !important;
}/* Uncomment this part if you also want to apply to forms and the like. */
input:not([type="button"]):not([type="checkbox"])
:not([type="submit"]):not([type="reset"]),
select {
color: white !important;
background: black !important;
border-left-color: gray !important;
border-right-color: gray !important;
border-top-color: gray !important;
border-bottom-color: gray !important;
}/* ----------------------- GMAIL -------------------------- */
@-moz-document domain("mail.google.com") {
* { color:cornflowerblue!important; }button {
background-color:#000000 !important;
color:#dddddd !important
}
}/* ------------------ HOTMAIL ------------------------------ */
@-moz-document domain("live.com") {
*, #span, ul.li, #ContentColumnInner, #ContactsReadPane { background-color:inherit !important; }
}/* ----------- GOOGLE READER - PENDING ----------------------- */
@-moz-document url("www.google.com/reader/view/") {
}
A nice base to build on, but the colors need tweaking.