Skip to content

Instantly share code, notes, and snippets.

@Arinerron

Arinerron/styles.css

Created Apr 25, 2016
Embed
What would you like to do?
Dark theme for Stackoverflow...
#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
You can’t perform that action at this time.