HN dark

hn.css

/* @import url(https://fonts.googleapis.com/css?family=Open+Sans); */
/* Global Main Body Background color */
body {
    background-color: rgb(30, 30, 30);
    color: rgb(230, 230, 230);
}

/* Global Text Area, Input Box and Button color */
textarea,
input {
    background-color: rgb(40, 40, 40);
    color: rgb(255, 255, 255);
}

/* Content Background color */
#hnmain {
    background-color: rgb(35, 35, 35);
    color: rgb(230, 230, 230);
}

/* "Y" Logo size */
#hnmain > tbody > tr:nth-child(1) > td > table > tbody > tr > td:nth-child(1) > a > img {
    width: 1.0em;
    height: 1.0em;
    filter: grayscale(100%) brightness(50%);

    
}

/* "Hacker News" Logo/Title Text and main menu positioning */
.hnname {
    color: rgb(120, 120, 120);
    margin-right: 10px;
    font-size: 1.0em;
}
.hnname a         { color: rgb(120, 120, 120) !important; }
.hnname a:link    { color: rgb(120, 120, 120) !important; }
.hnname a:hover   { color: rgb(120, 120, 120) !important; }
.hnname a:visited { color: rgb(120, 120, 120) !important; }


/* Main Menu text size, seperator colors */
.pagetop { 
    font-size: 1.0em; 
    color: rgb(150, 80, 0);
}
/* "Hacker News" Logo/Title text size and color */
.pagetop b { 
    font-weight: bold;
    color: rgb(0, 0, 0) !important;
    margin-left: 5px;
}
.pagetop a         { color: rgb(160, 160, 160); }
.pagetop a:link    { color: rgb(160, 160, 160); }
.pagetop a:hover   { color: rgb(255, 255, 255) !important; }
.pagetop a:visited { color: rgb(160, 160, 160); }

/* Current Page Link Selection */
.topsel a {
    color: rgb(0, 0, 0);
    font-size: 1.1em; 
    font-weight: bold;
}
.topsel a:link    { color: rgb(180, 180, 180); }
.topsel a:hover   { color: rgb(255, 255, 255) !important; }
.topsel a:visited { color: rgb(180, 180, 180); }


/* Personal Login Name text style and color */
#me {
    font-weight: light;
    font-size: 1.0em;
    color: rgb(128, 128, 128);
}

/* Content Link text style and size */
.title a {
    font-family: "Open Sans", "Verdana", sans-serif;
    font-size: 1.01em;
}

/* Content Link non-visited color */
a, .title a                 { color: rgb(180, 180, 180); }
a:link, .title a:link       { color: rgb(190, 190, 180); }

/* Content Link hover color */
a:hover, .title a:hover     { color: rgb(255, 255, 245); }

/* Content Link visited color */
a:visited, .title a:visited { color: rgb(105, 105, 105); }

/* Content Link Domain emphasis (color) */
.sitebit a               { color: rgb(100, 100, 130) !important; }
.sitebit a:link          { color: rgb(80, 80, 110) !important; }
.sitebit a:hover         { color: rgb(140, 140, 170) !important; }
.sitebit a:visited       { color: rgb(90, 90, 110) !important; }
.sitebit a:visited:hover { color: rgb(140, 140, 170) !important; }


.subtext a               { color: rgb(120, 120, 120); }
.subtext a:link          { color: rgb(120, 120, 120); }
.subtext a:hover         { color: rgb(190, 190, 190); }
.subtext a:visited       { color: rgb(120, 120, 120); }
.subtext a:visited:hover { color: rgb(190, 190, 190); }


/* Content Link Subtext position and text size */
.subtext {
    padding-top: 1px;
    padding-bottom: 3px;
    font-size: 0.65em;
    color: rgb(90, 90, 90);
}

/* Content Score emphasis (color and text bold) */
.score {
    color: rgb(105, 105, 105);
    font-weight: thin
}

/* Username emphasis (color) */
.hnuser { color: rgb(140, 140, 140) !important; }

/* Comments Link emphasis (color and text size) */
.subtext > a:nth-last-child(1) {
    color: rgb(160, 125, 95) !important;
    font-size: 1.1em
}
.subtext > a:nth-last-child(1):link          { color: rgb(160, 125, 95) !important; }
.subtext > a:nth-last-child(1):hover         { color: rgb(210, 160, 120) !important; }
.subtext > a:nth-last-child(1):visited       { color: rgb(160, 125, 95) !important; }
.subtext > a:nth-last-child(1):visited:hover { color: rgb(210, 160, 120) !important; }

/* Comment background color, line height */
.comment-tree tr.athing,
.comment .c00 {
    background: rgb(35, 35, 35);
    color: rgb(210, 210, 210);
    font-size: 1.0em;
    line-height: 1.4em
}

/* Comment content link color */
.comment .c00 a { color: rgb(115, 130, 180); }
.comment .c00 a:visited { color: rgb(110, 120, 130); }

.age a               { color: rgb(90, 90, 90); }
.age a:link          { color: rgb(90, 90, 90); }
.age a:visited       { color: rgb(90, 90, 90); }
.age a:hover         { color: rgb(190, 190, 190); }
.age a:visited:hover { color: rgb(190, 190, 190); }

/* Comment Reply Button color, text style */
.reply a {
    color: rgb(100, 100, 90) !important;
    font-weight: normal;
    font-size: 1.0em;
    text-decoration: none !important;
}

/* Extra space between table rows (content links, other) */
tr.spacer { height: 9px !important; }

/* Custom Upvote Arrow */
.votearrow {
    background: none;
    border-left: rgba(255, 130, 0, .60) 2px solid;
    border-top: rgba(225, 115, 0, .70) 2px solid;
    width: 4px;
    height: 4px;
    margin: 5px 6px;
    padding: 0;
    transform: rotate(45deg);
}

.votearrow.rotate180 {
    background: none;
    border-left: rgba(255, 130, 0, .60) 2px solid;
    border-top: rgba(225, 115, 0, .70) 2px solid;
    width: 4px;
    height: 4px;
    margin: 2px 6px;
    padding: 0;
    transform: rotate(225deg);
}

.ind{
	
}

/* Bottom menu link color */
.yclinks a { color: rgb(140, 140, 140); }

/* Fixes for link visibility on sub pages (user profile page, etc) */
.profileform a { color: rgb(130, 130, 130); }
#hnmain > tbody > tr:nth-child(3) > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > a { color: rgb(130, 130, 130); }
#hnmain > tbody > tr:nth-child(3) > td > table > tbody > tr:nth-child(5) > td:nth-child(2) > a { color: rgb(130, 130, 130); }
#hnmain > tbody > tr:nth-child(3) > td > table > tbody > tr:nth-child(6) > td:nth-child(2) > a { color: rgb(130, 130, 130); }
#hnmain > tbody > tr:nth-child(3) > td > table > tbody > tr:nth-child(7) > td:nth-child(2) > a { color: rgb(130, 130, 130); }

#hnmain > tbody > tr:nth-child(3) > td > table > tbody > tr:nth-child(2) > td:nth-child(2) > a:hover { color: rgb(190, 190, 190); }
#hnmain > tbody > tr:nth-child(3) > td > table > tbody > tr:nth-child(5) > td:nth-child(2) > a:hover { color: rgb(190, 190, 190); }
#hnmain > tbody > tr:nth-child(3) > td > table > tbody > tr:nth-child(6) > td:nth-child(2) > a:hover { color: rgb(190, 190, 190); }
#hnmain > tbody > tr:nth-child(3) > td > table > tbody > tr:nth-child(7) > td:nth-child(2) > a:hover { color: rgb(190, 190, 190); }

input[type=submit] {
    color: rgb(200, 120, 0);
    font-size: 0.9em;
    font-weight: lighter;
    margin-top: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Verdana, Geneva, sans-serif;
}
input[type=text] {
    font-family: Verdana, Geneva, sans-serif;
    padding: 6px;
    margin-bottom: 8px;
}
textarea {
    font-family: Verdana, Geneva, sans-serif;
    padding: 6px;
}