Created
April 25, 2016 23:18
-
-
Save Arinerron/ea9cf9f8adc247505c3a15f422066f34 to your computer and use it in GitHub Desktop.
Dark theme for Stackoverflow...
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#answer-from-ask { | |
background-color: #4d4d4d; | |
color: #303030; | |
} | |
#email { | |
background-color: #4a4a4a; | |
border-color: #d9d9d9; | |
border-style: solid; | |
border-width: 1px; | |
color: #e3e3e3; | |
} | |
#featured-company-page { | |
display: none; | |
} | |
#formContainer { | |
background-color: #525252; | |
} | |
#hero-content { | |
background-color: #383838; | |
border-color: #383838; | |
} | |
#herobox-mini { | |
display: none; | |
} | |
#hlogo a { | |
-webkit-filter: invert(.8); | |
color: red; | |
filter: invert(.8); | |
} | |
#nav-questions { | |
background-color: #666666; | |
} | |
#newsletter-ad { | |
background: #333333; | |
background-color: #333333; | |
} | |
#newsletter-signup { | |
background-color: #5c5c5c; | |
} | |
#or { | |
background-color: #3d3d3d; | |
} | |
#password { | |
background-color: #4a4a4a; | |
border-color: #d9d9d9; | |
border-style: solid; | |
border-width: 1px; | |
color: #e3e3e3; | |
} | |
#question-header { | |
border-color: #555; | |
} | |
#sidebar { | |
background-color: #6b6b6b; | |
} | |
#sidebar h4, .sidebar h4 { | |
color: #fff; | |
} | |
#submit-button { | |
background-color: #525252; | |
} | |
#switch { | |
background-color: #525252; | |
} | |
#tabs a { | |
background: #444; | |
color: #DDD; | |
} | |
.everyonelovesstackoverflow, #hireme { | |
display: none; | |
} | |
.label-key,.label-key b, .label-key strong { | |
color: #ddd; | |
} | |
.nav a ,.post-tag { | |
background: #333; | |
border: 1px solid #444; | |
box-shadow: 2px 2px 3px rgba(0,0,0,0.5); | |
color: #EEE; | |
} | |
.nav li.youarehere a, .nav a:hover ,.post-tag:hover { | |
background: #2b9ced; | |
} | |
.new-login-form .form-item { | |
background: #222; | |
border: 1px solid #444; | |
box-shadow: 2px 2px 3px rgba(0,0,0,0.5); | |
} | |
.pre.default.prettyprint.prettyprinted { | |
scrollbar-3dlight-color: #FFFFFF; | |
scrollbar-arrow-color: #FFFFFF; | |
scrollbar-darkshadow-color: #FFFFFF; | |
scrollbar-face-color: #367CD2; | |
scrollbar-highlight-color: #FFFFFF; | |
scrollbar-shadow-color: #FFFFFF; | |
scrollbar-track-color: #FFFFFF; | |
} | |
.pre.default.prettyprint.prettyprinted::-webkit-scrollbar { | |
width: 12px; | |
} | |
.pre.default.prettyprint.prettyprinted::-webkit-scrollbar-thumb { | |
-webkit-border-radius: 10px; | |
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); | |
background: rgba(255,0,0,0.8); | |
border-radius: 10px; | |
} | |
.pre.default.prettyprint.prettyprinted::-webkit-scrollbar-track { | |
-webkit-border-radius: 10px; | |
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); | |
border-radius: 10px; | |
} | |
.show-votes .sidebar-linked .answer-votes, .show-votes .sidebar-related .answer-votes { | |
background: #222; | |
border: 1px solid #444; | |
color: #aaa; | |
} | |
.wmd-button-bar,.wmd-input { | |
border-color: #444; | |
} | |
a.badge-tag { | |
background-color: #171717; | |
border-color: #383838; | |
} | |
a.btn-secondary._block { | |
background-color: #2e2e2e; | |
} | |
a.button { | |
background-color: #383838; | |
border-color: #383838; | |
} | |
a.comment-user.owner { | |
background-color: #383838; | |
} | |
a.js-gps-track:hover { | |
background: #4a4a4a; | |
background-color: #4a4a4a; | |
} | |
a.question-hyperlink, span.vote-count-post { | |
color: #2b9ced; | |
} | |
a.vote-up-off { | |
color: #000000; | |
} | |
a.vote-up-off, a.vote-down-off { | |
-webkit-filter: brightness(2); | |
filter: brightness(.5); | |
} | |
@import url(http://fonts.googleapis.com/css?family=Quicksand:300,400); | |
body { | |
font-family: 'Quicksand'; | |
font-weight: 100; | |
} | |
body.new-topbar { | |
background-color: #2e2e2e; | |
} | |
code { | |
background: #222; | |
} | |
div.-item.-job._highlighted { | |
background-color: #383838; | |
} | |
div.-item.-job._highlighted.can-apply._topspot { | |
background-color: #4a4a4a; | |
} | |
div.-popout { | |
background-color: #424042; | |
} | |
div.ad502-room { | |
background-color: #616161; | |
} | |
div.answer { | |
border-color: #444; | |
} | |
div.col-2.card.impact-card { | |
background-color: #363636; | |
} | |
div.col-5.card.badges-card { | |
background-color: #363636; | |
} | |
div.col-5.card.rep-card { | |
background-color: #363636; | |
} | |
div.col-summary pre { | |
background-color: #1c1c1c; | |
} | |
div.container { | |
background: url(http://www.webtexture.net/wp-content/uploads/2011/07/8-Seamless-Dark-Metal-Grid-Patterns_thumb05.jpg) #222; | |
} | |
div.content-block { | |
background-color: #787878; | |
} | |
div.form-submit input { | |
background-color: #4a4a4a; | |
border-color: #525252; | |
} | |
div.graph { | |
background-color: #dedede; | |
} | |
div.gravatar-wrapper-32 img { | |
border-radius: 10px; | |
} | |
div.gravatar-wrapper-48 img { | |
border-radius: 10px; | |
} | |
div.grippie { | |
background-color: #0a0a0a; | |
} | |
div.incomplete-box.improvements { | |
background-color: #292929; | |
} | |
div.item-summary { | |
color: #d6d6d6; | |
} | |
div.modal-content { | |
background-color: #4a4a4a; | |
} | |
div.module.newuser ul { | |
background-color: #000000; | |
} | |
div.module.newuser.help-category-tree { | |
background-color: #2b2b2b; | |
} | |
div.module.newuser.sidebar-help { | |
background-color: #2b2b2b; | |
} | |
div.off-topic-examples.content-block { | |
background-color: #787878; | |
} | |
div.on-topic-examples.content-block { | |
background-color: #787878; | |
} | |
div.post-text blockquote { | |
background-color: #525252; | |
border-color: #262626; | |
border-style: solid; | |
border-width: 1px; | |
} | |
div.post-text p { | |
color: #ffffff; | |
} | |
div.post-text p strong { | |
color: #a8a8a8; | |
font-weight: bold; | |
} | |
div.post-text pre { | |
background: #222; | |
border: 1px solid #555; | |
} | |
div.post-text pre code { | |
background: #222; | |
} | |
div.postcell.fr { | |
background-color: #808080; | |
} | |
div.preferred-login.facebook-login { | |
background-color: #424242; | |
border-color: #424242; | |
color: #ede8ff; | |
} | |
div.preferred-login.google-login { | |
background-color: #424242; | |
border-color: #424242; | |
color: #ede8ff; | |
} | |
div.preferred-login.stackexchange-login { | |
background-color: #424242; | |
border-color: #424242; | |
color: #ede8ff; | |
} | |
div.qa-block { | |
background-color: #454545; | |
} | |
div.question-status { | |
background-color: #4f4f4f; | |
} | |
div.section-header h2 { | |
background-color: #333333; | |
border-color: #000000; | |
border-style: solid; | |
border-width: 1px; | |
padding-left: 12px; | |
} | |
div.snippet-hidden { | |
background: #333; | |
box-shadow: 2px 2px 3px rgba(0,0,0,0.4); | |
color: #DDD; | |
} | |
div.snippet-result div input { | |
background-color: #333333; | |
border-color: #141414; | |
} | |
div.subheader.answers-subheader h2 { | |
color: #FFF; | |
} | |
div.subheader.answers-subheader, #answers-header { | |
border-color: #444; | |
} | |
div.switcher label { | |
background-color: #2b2b2b; | |
} | |
div.tabs a { | |
background-color: #7a7a7a; | |
border-color: #242424; | |
color: #e0e0e0; | |
font-family: Consolas; | |
letter-spacing: 1px; | |
text-transform: capitalize; | |
} | |
div.tag-editor input { | |
border-color: #333333; | |
border-width: 1px; | |
} | |
div.tag-suggestions div p { | |
background-color: #b8b8b8; | |
color: #000000; | |
font-weight: bold; | |
} | |
div.the-stuff { | |
background-color: #3d3d3d; | |
} | |
div.topbar { | |
background-color: #333333; | |
} | |
div.user-action-time { | |
color: #f0f0f0; | |
} | |
div.user-details a { | |
font-weight: bold; | |
} | |
div.user-info { | |
background-color: #141414; | |
} | |
div.user-info-rep { | |
background-color: #787878; | |
} | |
div.user-info.user-hover:hover { | |
background: #2b2b2b; | |
background-color: #2b2b2b; | |
} | |
div.user-info:hover { | |
background: #2b2b2b; | |
background-color: #2b2b2b; | |
} | |
div.val-message.val-info { | |
background-color: #424242; | |
} | |
h1.question-hyperlink { | |
background-color: #545454; | |
color: #a8a8a8; | |
} | |
h2.space { | |
border-color: #444; | |
} | |
img.avatar-me.js-avatar-me { | |
border-radius: 10px; | |
} | |
img.gravatar { | |
border-radius: 10px; | |
} | |
img.main-image { | |
border-radius: 10px; | |
} | |
input.fr { | |
border-color: #7a7a7a; | |
border-style: solid; | |
border-width: 1px; | |
} | |
input[type=text], input[type=url], input[type=email], input[type=tel], textarea { | |
background: #333; | |
border: 1px solid #555; | |
font-family: Quicksand; | |
font-weight: 100; | |
} | |
li.wmd-button span { | |
color: #8a8a8a; | |
} | |
li.wmd-button.wmd-help-button.active-help { | |
background-color: #333333; | |
} | |
pre.default.prettyprint.prettyprinted { | |
scrollbar-arrow-color: green; | |
scrollbar-base-color: orange; | |
scrollbar-darkshadow-color: blue; | |
} | |
rect.overlay { | |
background-color: #1a1a1a; | |
} | |
span.atn { | |
color: #98FC5D; | |
} | |
span.badge2-alternate { | |
background-color: #5e5e5e; | |
color: #c7c7c7; | |
} | |
span.badge3-alternate { | |
background-color: #5e5e5e; | |
} | |
span.badgecount { | |
color: #ebebeb; | |
} | |
span.feed-icon { | |
border-raduis: 10px; | |
} | |
span.kwd { | |
color: #2b9ced; | |
} | |
span.page-numbers.current { | |
background-color: #4d4d4d; | |
} | |
span.pln { | |
color: #c7c7c7; | |
} | |
span.pun { | |
color: #ccc; | |
} | |
span.str,span.atv { | |
color: orange; | |
} | |
span.tag { | |
color: #dd1278; | |
} | |
span.user-location { | |
color: #e6e6e6; | |
} | |
td.comment-text { | |
border-color: #575757; | |
} | |
td.post-signature { | |
background-color: #121212; | |
} | |
td.post-signature.owner { | |
background: #444; | |
border: 1px solid #555; | |
} | |
textarea.wmd-input { | |
background: #222; | |
} | |
textarea.wmd-input.processed.gr_ver_2 { | |
background-color: #000000; | |
color: #999999; | |
} | |
ul.mdhelp-tabs { | |
background-color: #1a1a1a; | |
} | |
ul.mdhelp-tabs li { | |
color: #3300ff; | |
} | |
input.ask-title-field { | |
color: #ffffff; | |
} | |
textarea.wmd-input.processed { | |
color: #ffffff; | |
background-color: #adadad; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment