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 hidden or 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