Skip to content

Instantly share code, notes, and snippets.

@brcooley
Last active December 14, 2015 06:49
Show Gist options
  • Save brcooley/5045265 to your computer and use it in GitHub Desktop.
Save brcooley/5045265 to your computer and use it in GitHub Desktop.
Custom (dark) theme for hacker news. Plays nice with Hacked Hacker News Chrome extension
* {
color: inherit;
font-family: inherit;
font-size: inherit;
}
.comhead {
color: #aaa;
}
.default {
background-color: #444;
border-bottom-color: #555;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #555;
border-left-style: solid;
border-left-width: 1px;
border-radius: 6px;
border-right-color: #555;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #555;
border-top-style: solid;
border-top-width: 1px;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
}
.pagetop {
color: #222;
line-height: 175%;
}
.pagetop > b {
font-size: 1.2em;
font-variant: small-caps;
font-weight: bold;
}
.pagetop > b > a:link, .pagetop > a:link, .pagetop > b > a:visited, .pagetop > a:visited {
color: #222;
}
.reading {
background-color: #666;
box-shadow: none;
color: #ddd;
}
.subtext {
color: #aaa;
font-size: 0.9em;
}
.title {
font-size: 1.2em;
}
.title > span.comhead {
font-size: 0.9em;
}
.unread {
background-color: #555;
}
a:link {
color: #d3bcad;
}
a:visited {
color: #9a7b67;
}
body {
background-color: #222;
color: #ccc;
font-family: "Open Sans", sans-serif;
font-size: 62.5%;
}
center > table {
background-color: #333;
font-size: 1.3em;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
}
font {
color: #ddd;
}
input, select {
background-color: #444;
border-bottom-color: #666;
border-left-color: #666;
border-right-color: #666;
border-top-color: #666;
}
pre {
font-family: monospace;
}
textarea, input[type='text'] {
background-color: #444;
border-bottom-color: #666;
border-bottom-style: solid;
border-bottom-width: 2px;
border-left-color: #666;
border-left-style: solid;
border-left-width: 2px;
border-radius: 6px;
border-right-color: #666;
border-right-style: solid;
border-right-width: 2px;
border-top-color: #666;
border-top-style: solid;
border-top-width: 2px;
padding-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment