Skip to content

Instantly share code, notes, and snippets.

@vittorioromeo

vittorioromeo/stylish_stackoverflow.css

Last active June 27, 2017 18:05
Show Gist options
  • Save vittorioromeo/4bccb1e761c96c20abe2c329ad01d297 to your computer and use it in GitHub Desktop.
Save vittorioromeo/4bccb1e761c96c20abe2c329ad01d297 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
stylish_stackoverflow.css
@-moz-document domain("serverfault.com"), domain("superuser.com"), domain("stackapps.com"), domain("mathoverflow.net"), domain("askubuntu.com"), regexp("^https?://((chat|meta|es|ja|pt|ru)\\.)*stackoverflow\\.com.*"), regexp("^https?://((?!(www|area51|gaming)).*\\.)?stackexchange\\.com.*") {
/***************************************************************
Stack Overflow Dark v2.10.3 (2017-06-15)
https://github.com/StylishThemes/StackOverflow-Dark
http://userstyles.org/styles/35345
** Will apply to almost all Stack Exchange Sites **
Except:
* Area 51 (area51.stackexchange.com)
* Gaming (gaming.stackexchange.com)
** Please open an issue to report sites where the style breaks **
https://github.com/StylishThemes/StackOverflow-Dark/issues
previous version information contained at the userstyles site
****************************************************************/
* {
border-color: #444 !important;
text-shadow: none !important;
box-shadow: none !important;
}
body {
background-color: #191919 !important;
background-image: none !important;
background-clip: border-box !important;
background-origin: padding-box !important;
background-attachment: scroll !important;
background-repeat: repeat !important;
background-size: auto !important;
background-position: left top !important;
}
/* custom code font */
pre.prettyprint {
font-family: "Fira Code", Monaco, Consolas, "Liberation Mono", Menlo, Courier, monospace !important;
}
code {
font-family: "Fira Code", Monaco, Consolas, "Liberation Mono", Menlo, Courier, monospace !important;
}
/* === custom color === */
a, .profile-popup a, .seWrapper a, .gs-title b, .spoiler:hover a {
color: #9ed132 !important;
}
.nav .primarynav li a:hover, .message.message-config .actions .button, .btn-careers:hover,
.btn-careers:visited, .question-list-layout a:hover {
color: #fff !important;
background: #9ed132 !important;
}
a.post-tag:hover, .bounty-indicator, .bounty-indicator-tab, .bounty-award,
span.bounty-indicator-tab, #change-picture, .top-badge,.supernovabg, .hotbg,
.nav li.youarehere a, .nav a:hover, a.button:hover, .edit-count, .pager a:hover span,
.bounties-tab, .login-link, #sidebar a[href*="/questions/ask"],
#sidebar a[href*="/questions/ask"]:visited {
background-color: #9ed132 !important;
color: #000 !important;
}
.newnav .tabs-list-container .bounties-tab { color: #000 !important; }
#tabs a.youarehere:before, .tabs a.youarehere:before,
.newnav .tabs-list-container .tabs-list .intellitab a.youarehere:before {
background-color: #9ed132 !important;
}
/* === text selection === */
::selection {
background: #9ed132 !important;
color: #fff !important;
}
::-moz-selection {
background: #9ed132 !important;
color: #fff !important;
}
/* === input focus hightlight === */
input:focus, textarea:focus {
border-color: #9ed132 !important;
box-shadow: inset 0 1px 2px rgba(0,0,0,0.075), 0 0 2px #9ed132 !important;
outline-color: transparent !important;
}
.tag-editor input:focus, .previous-button, .next-button, .btn-clear {
border: 0 !important;
box-shadow: none !important;
}
.menu-switcher {
filter: none !important;
-webkit-filter: none !important;
}
/* === hidden === */
div.hireme, div#hireme, .next-answer-hook-container, .intellitab:after {
display: none !important;
}
/* === background color === */
/* from darkest to lightest grey */
.search-container input[type=text], .-link:focus {
background-color: #000 !important;
}
.popup-badges .all-badge-progress .completed:before, .previous-button, .next-button, #footer,
/* === herobox when not logged in === */ #herobox.alternate,
.message-title {
background-color: rgba(0,0,0,0.4) !important;
}
header {
background-color: #080808 !important;
}
#custom-header, .review-bar, .diff-choices a.selected, #header #topbar, td.owner, a.owner, .question-status,
.profile-popup, .profile-popup div, .profile-popup th, .profile-popup td, #global, .actual-edit-overlay,
input:not([type='submit']), textarea, #search input, .tag-editor, .f-select > select, textarea#input {
background-color: #111 !important;
color: #ddd !important;
}
.onebox, .profile-ad, .message.message-config,
.so-header a:hover, .so-header a.topbar-icon-on, .topbar-dialog .header, .header-edit-section:hover,
.timeline-item, .sidebar-profile .-item {
background: #151515 !important;
}
html, blockquote, #post-preview, .nav .primarynav li a, #chat, #hsearch .textbox, .form-item, .grippie,
.welovestackoverflow, #wmd-button-bar, .wmd-button-bar, .qa-block, .content-block, .user-info-rep, .sidebar,
.popup, .full-diff, .val-success, .search-form .filter-pane nav {
background: #191919 !important
}
.authcomment, .seIntro, .seFooter {
background-color: #191919 !important;
border: 2px solid #262626 !important;
}
#tabs a {
border: 1px solid transparent !important;
}
#tabs a.youarehere, .tabs a.youarehere, .tag-suggestions, .dropdown li,
.proposed-change .diff-buttons a:not(.selected), #logout-form, .snippet-holder,
.CodeMirror, .CodeMirror-gutters, .snippet-box-edit, .badge-progress.completed,
.timeline-item:before, .item-select-table .item, .title-box {
background-color: #191919 !important;
border-color: #444 !important;
}
.tabs a.youarehere {
border-bottom: 0 !important;
}
#user-about-me, .user-about-me, .mine .messages, .avatar-card, .tag-container, .dropdown {
background: #191919 !important;
border: 0 !important;
color: #C1BEBA !important;
}
#chat .mine .messages {
background-color: #292929 !important;
border: 1px solid #444 !important;
}
#chat div.moderator {
color: #366fb3 !important;
}
.topbar-dialog, .share-tip, .messages,
#tag-menu, #overlay-header, .action-list .action-selected, .switcher-nudge-lightbox,
.user-rep-chart-summary-tooltip:hover, .current-site-container, #or, .account-number, .topbar,
.wmd-prompt-dialog, .wb-popup-content, .wb-hat-details, .docs-review-page .history-table tr.even td,
kbd, kbd code, .switcher label, .timeline-item-actions, .cv-story .section-opener h2,
.cv-story .section-opener:after, .header-edit-section .ctas,
.item-select-table .item:hover, .visa-wrapper, .chosen-choices {
background-color: #222 !important;
color: #ddd !important;
}
.profile-popup, .profile-popup tr, .profile-popup th, .profile-gravatar, .newuser, .roomcard,
.seWrapper, h2.index.header, .privilege-table-row:hover, .list-originals .item.hover,
.list-originals .body-summary, .review-instructions-reason, .room-mini, #formContainer, #switch,
.login-topbar, .newsletter-category, .newsletter-item, .blogcontainer, .usercard-xxl, .roomcard-xxl,
.docs-review-page .topic-draft-bar, .badge-progress, .avatar-wrapper, .timeline-line {
background-color: #222 !important;
border-color: #555 !important;
color: #ddd !important;
}
#header #topbar, .revision-comment, .date-span, .form-submit input, .preferred-login,
.mdhelp, .wmd-help-button.active-help, .date_brick, .more-info, .review-stats-current-user,
.review-stats-count-current-user, .topbar-menu-links {
background: #222 !important;
color: #ddd !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
}
.topbar.newheader, .network-items>a, .icon-help, .icon-help:hover {
background-color: #222 !important;
}
.calendar, .calendar-small, .mspark .mspbar, #promo-box, #input-area .input-hint,
.tour-page .feature-selection li a.triggered, .ob-docs,
.topbar.newheader .topbar-wrapper .topbar-links .search-container #search input[name="q"],
.mainbar.discussion .discussion-item, #input-area {
background: #222 !important;
}
.tour-page .tour-content section:nth-child(n+1), .users-page .user-info:hover {
background: rgba(34,34,34,.5) !important;
}
.ad502-room, .message.message-config .actions, .tag-container .col, .congrats, .task-stat-table td {
background-color: #232323 !important;
border: 1px solid #191919 !important;
}
.rep-recent-row, .bounty, .diff-choices a:hover, div.meter, .narrow .votes, .ob-post-votes, .card,
.congrats {
background-color: #232323 !important;
color: #bbb !important;
}
.answer, #system-message, .commentlist, .revision td, #hero-content, .mdhelp-tabs .selected, .tabs .selected,
.rep-card .rep-col, .sort select, .-job._highlighted {
background: #232323 !important;
color: #999 !important;
}
.container, .tour-page .headline, .tour-page .cta {
background-image: none !important;
}
.tagged-interesting, .tagged-interesting .views, .highlight-row, .highlighted, .card.rep-card .graph,
.badge-progress:hover, #newsletter-ad, .search-form .icon-advanced-search,
.message.gray, .choose-tracker-menu li:hover {
background-color: #242424 !important;
background-image: none !important;
}
#newsletter-ad {
padding: 10px !important;
}
#newsletter-ad:before {
content: 'Love this site?';
font-size: 18px !important;
}
.youarehere, .dropdown li.selected a, .dropdown li.selected a:hover, .ob-docs .example-metric,
.choose-tracker-menu, .version-row, .version-name, .post-tag, .post-tag:visited,
.switcher input[type="radio"]:checked+label, .double-input .separator, .geo-tag {
background: #333 !important;
color: #ccc !important;
}
.nav li, .seNav, .topbar a.topbar-icon-on, .topbar a.topbar-icon-on:hover, .owner, .nav a,
.module li.current, .seCurrent, .community-bulletin, .owner-revision td, .markdown-diff .skip,
#footer .container, .body-diffs .skip, .newsletter-anon, .tag-suggestions>div:hover,
.topbar-dialog .modal-content li:hover, .timestamp:hover+div.message .meta, div.message:hover .meta,
#side-menu ul li a:hover, .conversation-info, .message.reply-parent, .message.reply-child,
.sidebar-element .list li .rep-and-badges, .congrats .actions, .newsletters-toggle,
.tag-suggestions>div:focus, .current-site a.site-link:hover, #sub-navs>a:hover,
#sub-navs .menu-item:hover {
background-color: #333 !important;
}
.owner-answer, .question-status, .notification, #feed-ticker, #top-menu, .vote-revision td,
.topbar-dialog .unread-item, .privileges-wrapper .stroke, .progress-bar .bar {
background: #404040 !important;
}
tr.comment:hover, .reply-parent, .timestamp, .usercard, .page-numbers.current,
.comment-help, .answer-help-background, .mdhelp-tabs, .tabs li, .hi, .seNavLinks a:hover,
.seNavLinks a:focus, .itemBoxNew, .pagination a.current, .pagination a.selected, .pagination a:hover,
.wb-wearing, .impact-card hr {
background-color: #444 !important;
color: #ddd !important;
}
#chat .messages .mention {
background: #666 !important;
}
#post-text-container div span {
background: #c1beba !important
}
.-logo img {
background: #fff !important;
}
.sidebar-element .list li .rep-and-badges:before {
background: linear-gradient(270deg, #333, rgba(51,51,51,0));
}
/* === Brown(ish) === */
.new-post-activity, #new-answer-activity, .val-info, .highlight, a.youarehere:before,
.message.regular {
background-color: rgba(51,34,17,.4) !important;
}
pre .spaces {
background-color: #321 !important;
color: #eee !important;
}
/* chat room buttons */
a.button {
background: #840 !important;
color: #eee !important;
}
/* === Green === */
.accepted-answer, .suggested-edit .inserted, .markdown-diff .inserted, .rep-increase, .progress-bar .percent,
.recommended, .vote.accepted, .suggested-edit .inserted>div, .full-diff .inserted>div,
.message.success {
background: #232 !important;
}
span.diff-add {
background: #3F4E1D !important;
color: #92CC09 !important;
}
.answered, .answer-votes, .answered .vote-count-post {
background: #232323 !important;
color: #4b553c !important
}
.answered-accepted, .answered-accepted strong, .rep-up.bounty-indicator-tab, .user-rep-chart-summary-bar,
.special-rep {
background: #4b553c !important;
color: #fff !important
}
.answered strong {
color: #4b553c !important
}
.vote-count-post [style="color:green"] {
color: green !important;
}
/* === Red === */
.deleted-answer, .suggested-edit .deleted, .markdown-diff .deleted, .suggested-edit .deleted>div,
.full-diff .deleted>div, .realtime-post-deleted-notification p, .message.incomplete,
.message.error {
background-color: #200 !important;
}
span.diff-delete {
background-color: #400f00 !important;
color: #ff4a15 !important;
}
.summary a.moderator-tag {
background-color: #400 !important;
}
.summary a.moderator-tag:hover {
background-color: #600 !important;
}
.vote-count-post [style="color:maroon"] {
color: maroon !important;
}
/* === Transparent background === */
div.message .meta, .spaces, .comment, span.feed-icon, a.role-switch, .nav.careers li, .nav.careers li:hover,
.switcher-nudge-content p, #content, #tabs a, .tabs a, #chat .username, #chat .messages, .tag-container,
.prettyprint code, .lv-info, .lv-stats-wrapper, .lv-stats-wrapper .number, .container, .bottom-notice,
#question-header, .question-form .form-item, .post-menu>a:hover, #main-content,
#mainbar, #mainbar-full, .mainbar-full, #logout-page, #sidebar, .footerwrap, #footer-menu, .module,
#sidebar #newsletter-ad, #sidebar .ad-container, #sidebar .everyonelovesstackoverflow, .mention,
.tag-suggestions>div .more-info, .user-tags .answer-votes, .expanded:hover, .sidebar-accordion,
.sidebar-accordion a:hover, .sidebar, .sidebar *, .tag-filter-isany, .col-section.expanded,
.timeline-mine header, .timeline-sidebar header, .sidebar-profile.is-visible, .cv-section,
.cv-story .avatar-wrapper, .btn-clear, .header-edit-section, .personal-statement, .link-text,
.match-preferences .seniority-selector, .field-with-bg, #tags .message.regular,
#profile-side #side-menu a {
background-color: transparent !important;
}
#tabs a:hover, .tabs a:hover {
background-color: #191919 !important;
border: 1px solid #444 !important;
}
.highcharts-container rect[fill="#FFFFFF"], rect[fill="rgb(255, 255, 255)"] {
fill: transparent !important;
}
.spoiler, .spoiler * {
color: transparent !important;
}
.spoiler:hover, .spoiler:hover * {
color: inherit !important;
}
/* === Dark border === */
.body-diffs table * {
border-color: #111 !important;
}
.welovestackoverflow, .question-summary, .subheader,
.company-module .-details strong:before {
border-color: #333 !important;
}
a.required-tag {
border-color: #555 !important;
}
.message .message-tip-top-right:before, .message .message-tip-top-left:before {
border-bottom-color: #191919 !important;
}
.search-form .filter-pane a._active, .search-form .filter-pane a:hover {
border-bottom-color: #c0c0c0 !important;
}
.left-arrow, .timeline-item:nth-child(odd):after {
border-right-color: rgba(119,119,119,0.4) !important;
}
.previous-button:hover .left-arrow {
border-right-color: #c0c0c0 !important;
}
.right-arrow, .timeline-item:nth-child(even):after {
border-left-color: rgba(119,119,119,0.4) !important;
}
.next-button:hover .right-arrow {
border-left-color: #c0c0c0 !important;
}
#input-area .input-hint:after {
border-left-color:#222 !important;
}
/* === No/hide border === */
div.list > div {
border-right: 0 !important;
}
.module, .tabs a, div.message, .full-diff td, .post-tag:not(.required-tag),
.wb-outer:not(.wb-selected), .page-numbers.dots {
border-color: transparent !important;
}
.left-arrow, .right-arrow {
border-bottom-color: transparent !important;
border-top-color: transparent !important;
}
div.message:hover, .timestamp:hover + div.message {
visibility: inherit;
border: 1px dotted #333;
}
/* blue label count */
.bounty-indicator-tab, .hero.profile, .jobs-banner.-blue, #reg-alert-modal:hover,
.-popout .btn-secondary:hover, .search-btn, .tags .jobs a, .btn-secondary, #job-board-save {
background: #046 !important;
color: #ccc !important;
border: 1px solid #135 !important;
}
.hero-box {
background: #182030 !important;
}
.review-actions input, .btn, .chosen-choices .search-choice {
background: #182030 !important;
color: #ccc !important;
border: 1px solid #135 !important;
}
.review-actions input:hover, .btn:hover, .btn-secondary:hover, #job-board-save:hover {
background: #273045 !important;
}
/* === Text Color === */
div, input, .accepted-answer .post-text, .accepted-answer .user-action-time, #question-header a,
.post-text, .user-info, .topbar-dialog .header h3, .topbar-dialog .header h3 a, .topbar-dialog span,
.search-result .answered .vote-count-post strong, .votes-cast-stats th, .subheader h1, .vote.accepted,
.message.message-config h1, .message.message-config h2, .message.message-config h3, .message.message-config h4,
.spoiler:hover, .company-module a:hover *, .search-form .label, .search-form label, .list.companies p,
#snpte-button-run, .comment-link, .timeline .header h4, .-title, #profile-side #side-menu a:hover {
color: #ddd !important;
}
/* placeholder */
::-webkit-input-placeholder {
color: #ddd !important;
}
::-moz-placeholder {
color: #ddd !important;
}
.user-details td, .content-page, h2, h2 a, .profile-popup a:hover, .module h4, .page-description,
#openid_identifier, .form-item label, .subheader h2 {
color: #c1beba !important
}
.comment, #top-menu a, .subheader a, .reputation a, .reputation-score, .relativetime.old,
.votes-cast-stats td, .mini-counts span, #chat .system-message, .card .rep, a.badge, a.badge-tag,
.user-card .user-stats .number, .user-card .user-card-name, a.question-hyperlink:hover,
a.answer-hyperlink:hover, .cv-story .time-frame {
color: #aaa !important;
}
.ob-post-tag, .ob-user-tag {
color: #999 !important;
}
.answered-accepted strong, .youarehere, .nav .primarynav li a, .nav a, a:hover, .rep-up.special-rep {
color: #fff !important;
}
input, .actual-edit-overlay {
-webkit-text-fill-color: #fff !important;
}
a:visited {
color: #65793e !important;
}
.rep-up {
color: #4b553c !important;
}
.rep-down {
color: #d65 !important;
}
/* dark blue */
.result-highlight {
color: #aa0 !important;
}
/* brown/dark orange */
.warm {
color: #840 !important;
}
/* orange */
.hot {
color: #a20 !important;
}
/* light brown */
.unanswered {
color: #9a4444 !important;
}
/* === Style adjustments === */
.nav a, .post-tag, .comment-link, .tag-synonym-link, a.post-tag:hover, .topbar a,
.search-form .filter-pane a:hover, .comment-link:hover, .tag-synonym-link:hover {
text-decoration: none !important;
}
.form-item {
padding-left: 20px !important;
}
.tag-container .col {
margin: 0 !important;
border: #333 1px solid !important;
}
.tag-container.row {
margin: 2px !important;
}
.stats {
margin-top: 5px !important;
}
#hsearch, .statscontainer {
margin-right: 5px !important;
}
.stats {
margin-bottom: 4px !important;
}
.nav .primarynav li a, .list-originals .stats {
display: block !important;
float: left !important
}
/* === badges === */
a.badge[title^="bronze"], a.badge-tag[title^="bronze"], .badge3 + .badgecount {
color: #cc9966 !important;
}
a.badge[title^="silver"], a.badge-tag[title^="silver"], .badge2 + .badgecount {
color: #c5c5c5 !important;
}
a.badge[title^="gold"], a.badge-tag[title^="gold"], .badge1 + .badgecount {
color: #ffcc46 !important;
}
.badge-tag, a.tag, .ob-post-tag, .ob-user-tag, .events-tooltip {
background-color: #191919 !important;
border-color: #111 !important;
}
.badge3-alternate, .progress-bar.badge-3 .bar .percent {
background-color: #7C4318 !important; /* bronze */
}
.badge2-alternate, .progress-bar.badge-2 .bar .percent {
background-color: #464a4f !important; /* silver */
}
.badge1-alternate, .progress-bar.badge-1 .bar .percent {
background-color: #957000 !important; /* gold */
}
/* === Images === */
.wmd-button>span {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyODMgNjAiIHdpZHRoPSIyODMiIGhlaWdodD0iNjAiPgogIDxnIGZpbGw9IiNjNmM2YzYiPgogICAgPHBhdGggZD0iTTEyOCAxNC40aDguNlYxNkgxMjh2LTEuNnptMC01LjNoOC42djJIMTI4Vjl6bTAtNWg4LjZ2MS43SDEyOFY0em0tMi42LTF2My42aC0xVjRoLS44VjNoMS44em0tMSA3djFoMS44djFoLTIuNnYtMmwxLjctMXYtLjdoLTEuN3YtLjhoMi42djJsLTEuNy43em0xLjggMi43VjE3aC0yLjZ2LTFoMS43di0uN2gtMS43di0xaDEuN3YtLjhoLTEuN3YtMWgyLjZ6bTc4LTUuM0wyMDkgMTJWOS4zYzEuMyAwIDQuNyAwIDQuNyAzLjcgMCAyLTEuMyAzLjYtMyA0IDIuNi0uNCA0LjgtMyA0LjgtNiAwLTUuNi01LjgtNS42LTYuNi01LjZWM2wtNC40IDQuNHptMzEgMEwyMzEgMTJWOS4zYy0xLjMgMC00LjcgMC00LjcgMy43IDAgMiAxLjUgMy42IDMuMyA0LTIuNy0uNC01LTMtNS02IDAtNS42IDYtNS42IDYuNy01LjZWM2w0LjMgNC40ek01Ny43IDRDNTYuMyAyLjcgNTQgMi43IDUzIDRsLTMgM2MtMS40IDEuMy0xLjQgMy40IDAgNC43IDAgMCAwIC4yLjMuM2wxLTFjMC0uMi0uMi0uMy0uMy0uNC0uNy0uNy0uNy0xLjggMC0yLjVsMy0zYy43LS41IDEuOC0uNSAyLjUgMCAuNyAxIC43IDIgMCAyLjdMNTUgOWMuMy42LjUgMS4yLjUgMS44bDItMkM1OSA3LjMgNTkgNS4yIDU3LjUgNHptLTQuNCA0LjNMNTMgOGwtMS4yIDFjMCAuMi4zLjMuNC40LjcuNy43IDEuOCAwIDIuNWwtMyAzYy0uNy41LTEuOC41LTIuNSAwLS43LTEtLjctMiAwLTIuN0w0OCAxMWMtLjItLjYtLjQtMS4yLS40LTEuOGwtMiAyYy0xLjQgMS40LTEuNCAzLjUgMCA0LjggMS4yIDEuMyAzLjMgMS4zIDQuNiAwbDMtM2MxLjItMS4yIDEuMi0zLjQgMC00Ljd6TTE0OSA0aDguNnYxLjdIMTQ5VjR6bTAgNWg4LjZ2MkgxNDlWOXptMCA1LjRoOC42djEuOEgxNDl2LTEuOHptLTUuNC05LjZjMC0xIC44LTEuOCAxLjgtMS44czEuOC44IDEuOCAxLjgtLjggMS44LTEuOCAxLjgtMS44LTEtMS44LTEuOHptMCA1LjJjMC0xIC44LTEuOCAxLjgtMS44czEuOC44IDEuOCAxLjgtLjggMS44LTEuOCAxLjgtMS44LS44LTEuOC0xLjh6bTAgNS4yYzAtMSAuOC0xLjggMS44LTEuOHMxLjguOCAxLjggMS44LS44IDEuOC0xLjggMS44LTEuOC0uOC0xLjgtMS44em0tNzgtNi43YzIgMCAzLjUgMS41IDMuNSAzLjVzLTEuMyAzLjUtMy4zIDMuNVM2MiAxNCA2MiAxMnYtLjVjMC0zLjggMy4yLTcgNy03djJjLTEuMiAwLTIuNS41LTMuNCAxLjVsLS41LjZoLjd6bTkgMGMyIDAgMy41IDEuNSAzLjUgMy41cy0xLjMgMy41LTMuMyAzLjVTNzEgMTQgNzEgMTJ2LS41YzAtMy44IDMuMy03IDctN3YyYy0xLjIgMC0yLjUuNS0zLjQgMS41bC0uNS42aC43ek0yNTAgM2MtMy44IDAtNyAzLTcgN3MzLjIgNyA3IDcgNy0zIDctNy0zLjItNy03LTd6bTEgMTEuNGgtMnYtMS44aDJ2MS44em0yLjUtNC40bC0yLjYgMS44aC0ydi0xbDIuNi0xLjd2LS43aC00LjRWNi41aDUuMmMuNSAwIDEgLjQgMSAxVjEwek0xMyA5LjZDMTMuNyA5IDE0IDggMTQgN2MwLTIuMi0xLjgtNC00LTRINXYxNGg2YzIuMiAwIDQtMS44IDQtNCAwLTEuNS0uOC0yLjctMi0zLjR6TTggNWgxLjZjMSAwIDEuNiAxIDEuNiAycy0uNyAyLTEuNiAySDhWNXptMi41IDEwSDh2LTRoMi41YzEgMCAxLjcgMSAxLjcgMnMtLjggMi0xLjcgMnptMjktMTJ2MWgtMmwtNSAxMmgydjFoLTd2LTFoMmw1LTEyaC0yVjNoN3ptNDcuMiA2LjJ2LTNjMC0uNS4yLTEgLjUtMS4yLjMtLjMuOC0uNCAxLS40VjNDODYuNiAzIDg1IDQuNCA4NSA2djIuNGMwIC40LS4zLjgtLjguOGgtLjh2MS42aC44Yy41IDAgLjguMy44LjhWMTRjMCAxLjYgMS41IDMgMy4zIDN2LTEuNmMtLjQgMC0uOC0uMi0xLS40LS40LS4zLS42LS43LS42LTF2LTMuMmMwLS40LS4zLS44LS44LS44LjIgMCAuNi0uMy42LS44eiIvPgogICAgPHBhdGggZD0iTTE2NSAxMmgxMHYyaC0xMHYtMnptLTMtM2gxNnYyaC0xNlY5em0wIDZoMTZ2MmgtMTZ2LTJ6IiBvcGFjaXR5PSIuNCIvPgogICAgPHBhdGggZD0iTTE2MiAzaDE2djJoLTE2em0zIDNoMTB2MmgtMTB6bTE4LjYgM2gyLjN2MmgtMi41em0zLjQgMGgyLjN2MkgxODd6Ii8+CiAgICA8cGF0aCBkPSJNMTg2LjYgMTJoMTB2MmgtMTB2LTJ6bS0zIDNoMTZ2MmgtMTZ2LTJ6bTAtMTJoMTZ2MmgtMTZ6bTMgM2gxMHYyaC0xMHoiIG9wYWNpdHk9Ii40Ii8+CiAgICA8cGF0aCBkPSJNMTkwLjQgOWgyLjN2MmgtMi4zem0zLjQgMGgyLjN2MmgtMnptMy40IDBoMi4zdjJoLTIuM3pNOTMuNiAxMC44djNjMCAuNS0uMiAxLS41IDEuMiAwIC4zLS41LjQtMSAuNFYxN2MyIDAgMy4zLTEuNCAzLjMtM3YtMi40YzAtLjQuMy0uOC44LS44aDFWOS4yaC0xYy0uNSAwLS44LS4zLS44LS44VjZjMC0xLjYtMS41LTMtMy4zLTN2MS42bDEgLjRjLjIuMy40LjcuNCAxdjMuMmMwIC40LjMuOC44LjgtLjMgMC0uNy4zLS43Ljh6TTExOC4yIDR2MTJoLTE1VjRoMTVtMS0xaC0xN3YxNGgxN1YzeiIvPgogICAgPHBhdGggZD0iTTExNCA2LjhjMC0xIC42LTEuNiAxLjUtMS42IDEgMCAxLjYuNyAxLjYgMS42cy0uNSAxLjYtMS40IDEuNmMtLjggMC0xLjYtLjctMS42LTEuNnptMyA4aC0xMi42bDMtOC42IDQuNCA1LjQgMi0xLjZNMjY4LjUgOS44bC0uOC0uOC0yLjcgMi41IDIuNyAyLjUuOC0uOC0xLjgtMS43bTMuNyAxLjdsLjguOCAyLjgtMi41LTIuOC0yLjUtLjguOCAxLjggMS43TTI3MS4zIDN2NC43aDQuNyIvPgogICAgPHBhdGggZD0iTTI3NSA2LjdWMTZoLTExVjRoOC4zbC0xLTFIMjY0Yy0uNiAwLTEgLjUtMSAxdjEyYzAgLjUuNCAxIDEgMWgxMWMuNSAwIDEtLjUgMS0xVjcuN2wtMS0xeiIvPgogIDwvZz4KICA8ZyBmaWxsPSIjZjkwIj4KICAgIDxwYXRoIGQ9Ik0xMjggNTQuNGg4LjZWNTZIMTI4em0wLTUuM2g4LjZ2MkgxMjh2LTJ6bTAtNWg4LjZ2MS43SDEyOFY0NHptLTIuNi0xdjMuNmgtMVY0NGgtLjh2LTFoMS44em0tMSA3djFoMS44djFoLTIuNnYtMmwxLjctMXYtLjdoLTEuN3YtLjhoMi42djJsLTEuNy43em0xLjggMi43VjU3aC0yLjZ2LTFoMS43di0uN2gtMS43di0xaDEuN3YtLjhoLTEuN3YtMWgyLjZ6bTc4LTUuM0wyMDkgNTJ2LTIuN2MxLjMgMCA0LjcgMCA0LjcgMy43IDAgMi0xLjMgMy42LTMgNCAyLjYtLjQgNC44LTMgNC44LTYgMC01LjYtNS44LTUuNi02LjYtNS42VjQzem0zMSAwTDIzMSA1MnYtMi43Yy0xLjMgMC00LjcgMC00LjcgMy43IDAgMiAxLjUgMy42IDMuMyA0LTIuNy0uNC01LTMtNS02IDAtNS42IDYtNS42IDYuNy01LjZWNDN6TTU3LjcgNDRjLTEuMy0xLjMtMy41LTEuMy00LjcgMGwtMyAzYy0xLjUgMS4zLTEuNSAzLjQgMCA0LjcgMCAwIDAgLjIuMi4zbDEtMWMwLS4yLS4yLS4zLS4zLS40LS44LS43LS44LTEuOCAwLTIuNWwzLTNjLjYtLjUgMS43LS41IDIuNCAwIC43IDEgLjcgMiAwIDIuN0w1NSA0OWMuMy42LjUgMS4yLjUgMS44bDItMmMxLjMtMS40IDEuMy0zLjUgMC00Ljh6bS00LjQgNC4zTDUzIDQ4bC0xLjIgMWMwIC4yLjMuMy40LjQuNy43LjcgMS44IDAgMi41bC0zIDNjLS43LjUtMS44LjUtMi41IDAtLjctMS0uNy0yIDAtMi43TDQ4IDUxYy0uMi0uNi0uNC0xLjItLjQtMS44bC0yIDJjLTEuNCAxLjQtMS40IDMuNSAwIDQuOCAxLjIgMS4zIDMuMyAxLjMgNC42IDBsMy0zYzEuMi0xLjIgMS4yLTMuNCAwLTQuN3pNMTQ5IDQ0aDguNnYxLjdIMTQ5em0wIDVoOC42djJIMTQ5em0wIDUuNGg4LjZ2MS44SDE0OXptLTUuNC05LjZjMC0xIC44LTEuOCAxLjgtMS44czEuOC44IDEuOCAxLjgtLjggMS44LTEuOCAxLjgtMS44LTEtMS44LTEuOHptMCA1LjJjMC0xIC44LTEuOCAxLjgtMS44czEuOC44IDEuOCAxLjgtLjggMS44LTEuOCAxLjgtMS44LS44LTEuOC0xLjh6bTAgNS4yYzAtMSAuOC0xLjggMS44LTEuOHMxLjguOCAxLjggMS44LS44IDEuOC0xLjggMS44LTEuOC0uOC0xLjgtMS44em0tNzgtNi43YzIgMCAzLjUgMS41IDMuNSAzLjVzLTEuMyAzLjUtMy4zIDMuNWMtMiAwLTMuNy0xLjUtMy43LTMuNXYtLjVjMC0zLjggMy4yLTcgNy03djJjLTEuMiAwLTIuNS41LTMuNCAxLjVsLS41LjZoLjd6bTkgMGMyIDAgMy41IDEuNSAzLjUgMy41cy0xLjMgMy41LTMuMyAzLjVjLTIgMC0zLjctMS41LTMuNy0zLjV2LS41YzAtMy44IDMuMy03IDctN3YyYy0xLjIgMC0yLjUuNS0zLjQgMS41bC0uNS42aC43ek0yNTAgNDNjLTMuOCAwLTcgMy03IDdzMy4yIDcgNyA3IDctMyA3LTctMy4yLTctNy03em0xIDExLjRoLTJ2LTEuOGgyem0yLjUtNC40bC0yLjYgMS44aC0ydi0xbDIuNi0xLjd2LS43aC00LjR2LTEuN2g1LjJjLjUgMCAxIC40IDEgMVY1MHpNMTMgNDkuNmMuNi0uNyAxLTEuNiAxLTIuNiAwLTIuMi0xLjgtNC00LTRINXYxNGg2YzIuMiAwIDQtMS44IDQtNCAwLTEuNS0uOC0yLjctMi0zLjR6TTggNDVoMS42YzEgMCAxLjYgMSAxLjYgMnMtLjcgMi0xLjYgMkg4em0yLjUgMTBIOHYtNGgyLjVjMSAwIDEuNyAxIDEuNyAycy0uOCAyLTEuNyAyem0yOS0xMnYxaC0ybC01IDEyaDJ2MWgtN3YtMWgybDUtMTJoLTJ2LTF6bTQ3LjIgNi4ydi0zYzAtLjUuMi0xIC41LTEuMmwxLS40VjQzYy0xLjcgMC0zLjIgMS40LTMuMiAzdjIuNGMwIC40LS4zLjgtLjguOGgtLjh2MS42aC44Yy41IDAgLjguMy44LjhWNTRjMCAxLjYgMS41IDMgMy4zIDN2LTEuNmMtLjQgMC0uOC0uMi0xLS40LS40LS4zLS42LS43LS42LTF2LTMuMmMwLS40LS4zLS44LS44LS44LjIgMCAuNi0uMy42LS44eiIvPgogICAgPHBhdGggZD0iTTE2NSA1MmgxMHYyaC0xMHptLTMtM2gxNnYyaC0xNnptMCA2aDE2djJoLTE2ek0xODYuNiA1MmgxMHYyaC0xMHptLTMgM2gxNnYyaC0xNnptMC0xMmgxNnYyaC0xNnptMyAzaDEwdjJoLTEweiIgb3BhY2l0eT0iLjQiLz4KICAgIDxwYXRoIGQ9Ik05My42IDUwLjh2M2MwIC41LS4yIDEtLjUgMS4yIDAgLjMtLjUuNC0xIC40VjU3YzIgMCAzLjMtMS40IDMuMy0zdi0yLjRjMC0uNC4zLS44LjgtLjhoMXYtMS42aC0xYy0uNSAwLS44LS4zLS44LS44VjQ2YzAtMS42LTEuNi0zLTMuMy0zdjEuNmwxIC40Yy4yLjMuNC43LjQgMXYzLjJjMCAuNC4zLjguOC44LS4zIDAtLjcuMy0uNy44em0yNC42LTYuOHYxMmgtMTVWNDRoMTVtMS0xaC0xN3YxNGgxN3oiLz4KICAgIDxwYXRoIGQ9Ik0xMTQgNDYuOGMwLTEgLjYtMS42IDEuNS0xLjYgMSAwIDEuNi43IDEuNiAxLjYgMCAxLS41IDEuNi0xLjQgMS42LS44IDAtMS42LS43LTEuNi0xLjZ6bTMgOGgtMTIuNmwzLTguNiA0LjQgNS40IDItMS42TTI2OC41IDQ5LjhsLS44LS44LTIuNyAyLjUgMi43IDIuNS44LS44LTEuOC0xLjdtMy43IDEuN2wuOC44IDIuOC0yLjUtMi44LTIuNS0uOC44IDEuOCAxLjdNMjcxLjMgNDN2NC43aDQuNyIvPgogICAgPHBhdGggZD0iTTI3NSA0Ni43VjU2aC0xMVY0NGg4LjNsLTEtMUgyNjRjLS42IDAtMSAuNS0xIDF2MTJjMCAuNS40IDEgMSAxaDExYy41IDAgMS0uNSAxLTF2LTguM3pNMTgzLjYgNDguOGgyLjN2MmgtMi41em0zLjQgMGgyLjN2MkgxODd6TTE5MC40IDQ4LjhoMi4zdjJoLTIuNHptMy40IDBoMi4zdjJIMTk0ek0xOTcuMiA0OC44aDIuM3YySDE5N3pNMTYyIDQzaDE2djJoLTE2em0zIDNoMTB2MmgtMTB6Ii8+CiAgPC9nPgo8L3N2Zz4=) !important;
}
#hlogo img, .everyonelovesstackoverflow, button[disabled] { opacity: 0.3 !important; }
.everyonelovesstackoverflow:empty { display: none !important; }
#hlogo a, #footer-logo {
background-repeat: no-repeat !important;
}
#footer-logo {
background-size: contain !important;
}
#header-logo img, #footer-logo img {
visibility: hidden !important;
}
#sound, .vote-count-container.stars .img, #sub-navs>a:hover .messages-icon,
.industries:before {
-webkit-filter: invert(100%) !important;
filter: invert(100%) !important;
}
.axis .tick, .pie text {
fill: #ccc !important;
}
.axis line, .axis path {
stroke: #999 !important;
}
/*New navigation tabs*/
.intellitab a {
background: transparent !important;
border: none !important;
}
.intellitab.selected a {
background-color: rgba(51, 51, 51, .5) !important;
}
.intellitab .menu-switcher {
background-color: #333 !important;
}
.intellitab .menu-switcher:hover{
background-color: #222 !important;
}
.intellitab.dropdown-enabled:hover .menu-switcher, .intellitab .dropdown a:hover {
background-color: #444 !important;
}
.dropdown:before {
filter: invert(76%) !important;
-webkit-filter: invert(76%) !important;
}
/* documentation editing icons */
.docs-menu a {
-webkit-filter: brightness(200%) !important;
filter: brightness(200%) !important;
}
.docs-menu:hover a {
-webkit-filter: none !important;
filter: none !important;
}
/* override prettyprint bright border styles */
.prettyprint {
border-color: transparent !important;
color: #ddd !important;
}
/* style non-prettyprint code */
code, pre:not(.prettyprint):not(.CodeMirror-line) {
background: #333 !important;
}
.prettyprint code {
background: transparent !important;
}
/* accepted answer code blocks */
.accepted-answer pre, .accepted-answer code, .accepted-answer pre.prettyprint,
.accepted-answer .prettyprint .pln, .accepted-answer .youarehere, .accepted-answer pre:not(.prettyprint) {
background: #202A20 !important;
}
/*! Monokai-RaphaelDDL */code .str,pre .str{color:#e6db5a!important}code .kwd,pre .kwd{color:#66d9ef!important}code .com,pre .com{color:#75715e!important;font-style:italic!important}code .typ,pre .typ{color:#66d9ef!important}code .lit,pre .lit{color:#ae81ff!important}code .pun,pre .pun{color:#fff!important}code .pln,pre .pln{color:#fff!important}code .tag,pre .tag{color:#f92672!important}code .atn,pre .atn{color:#a6e22a!important}code .atv,pre .atv{color:#e6db74!important}code .dec,pre .dec{color:#ae81ff!important}code.prettyprint,pre.prettyprint{background-color:#272822!important;font-family:consolas,menlo,courier,monospace!important}ol.linenums{margin-top:0!important;margin-bottom:0!important;color:#75715e!important;list-style:decimal inside!important}@media print{code.prettyprint,pre.prettyprint,pre.prettyprinted{background-color:#fff;color:#000}code .str,pre .str{color:#060}code .kwd,pre .kwd{color:#006;font-weight:700}code .com,pre .com{color:#600;font-style:italic}code .typ,pre .typ{color:#404;font-weight:700}code .lit,pre .lit{color:#044}code .pun,pre .pun{color:#440}code .pln,pre .pln{color:#000}code .tag,pre .tag{color:#006;font-weight:700}code .atn,pre .atn{color:#404}code .atv,pre .atv{color:#060}}
}
@-moz-document regexp("^https?://((?!(www|area51|gaming)).*\\.)?stackexchange.com.*") {
/* login screen StackExchange logo replacement */
.login-page .se-logo {
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
background: url(https://StylishThemes.github.io/StackOverflow-Dark/images/stackexchange-logo.svg) no-repeat !important;
background-size: cover !important;
background-position: center center !important;
width: 200px !important; /* Width of new image */
height: 48px !important; /* Height of new image */
padding-left: 200px !important; /* Equal to width of new image */
}
/* login button (input type=button")*/
.login-page input.fr {
background-color: #9ed132 !important;
}
/* remove content border */
#content {
border: 0 !important;
}
#sidebar #newsletter-ad, #sidebar .ad-container, #sidebar .everyonelovesstackoverflow {
border-width: 2px !important;
}
/* start blog.stackexchange.com */
.cse .gsc-control-cse, .gsc-control-cse, div.pagination {
background-color: #181818 !important;
}
.sidebar p {
color: #ddd !important;
}
.job {
color: #888 !important;
}
.gsc-control-wrapper-cse {
padding-top: 10px !important;
}
/* hide google custom search placeholder */
.gsc-input input:not(.gse-input-focus) {
background-image: none !important;
}
.podcast-container {
-webkit-filter: invert(100%) !important;
filter: invert(100%) !important;
}
/* end blog.stackexchange.com */
/* chat.stackexchange.com */
.event-banner {
background-color: #222 !important;
border-color: #555 !important;
}
/* end chat.stackexchange.com */
/* http://stackexchange.com/newsletters/newsletter (see #36) */
.promotion-banner-container, .promotion-banner {
background: #222 !important;
}
table[style*="background-color"], table[style*="background-image"] {
background: transparent !important;
border: none !important;
}
table h2[style*="color: "][style*="!important"],
table a[style*="color: #000!important"]:not([href*="questions/tagged"]) {
/* can't use color here because they added an inline !important */
filter: invert(100%);
}
table tr, table td, table td p {
background: transparent !important;
color: #ddd !important;
}
table td a[href*="questions/tagged"] {
background: #222 !important;
color: #ddd !important;
border: none !important;
text-decoration: none !important;
}
table td hr {
border-style: solid !important;
}
}
@-moz-document regexp("^https?://((?!(academia|dba|electronics|meta|tex)).*\\.)?stackexchange.com.*") {
/* target sites to *NOT* hide the header background */
#header, #hmenus {
background-color: transparent !important;
}
#header {
background-image: none !important;
}
}
@-moz-document domain("tex.stackexchange.com") {
/* target sites that need an inverted header */
#header, #header > * {
-webkit-filter: invert(100%) !important;
filter: invert(100%) !important;
}
}
@-moz-document regexp("^https?://((academia|chess|english|meta|movies|salesforce|skeptics|judaism|ux)\\.)?stackexchange\\.com.*") {
/* target sites needing menu adjustments */
.nav.mainnavs li, .nav.askquestion li {
background-color: transparent !important;
}
.nav.mainnavs, .footerwrap {
background-image: none !important;
}
.nav.mainnavs li {
margin: 0 6px !important;
}
.nav.mainnavs li a, .nav.askquestion li a {
padding: 6px !important;
margin: 2px !important;
border-radius: 3px !important;
}
}
@-moz-document regexp("^https?://((android|photo|programmers|wordpress)\\.)?stackexchange\\.com.*") {
/* darken everything that uses sprite.svg (vote arrows, feed icons, etc) */
.envelope-on, .envelope-off, .vote-up-off, .vote-up-on, .vote-down-off, .vote-down-on, .star-on, .star-off,
.comment-up-off, .comment-up-on, .comment-flag, .edited-yes, .feed-icon, .vote-accepted-off, .vote-accepted-on,
.vote-accepted-bounty, .badge-earned-check, .delete-tag, .expander-arrow-hide, .expander-arrow-show,
.expander-arrow-small-hide, .expander-arrow-small-show, .anonymous-gravatar, .gp-share, .fb-share, .twitter-share,
#notify-container span.notify-close, .migrated.to, .migrated.from {
-webkit-filter: invert(100%) hue-rotate(180deg) brightness(1.1) !important;
filter: invert(100%) hue-rotate(180deg) brightness(1.1) !important;
}
}
@-moz-document regexp("^https?://((photo|security|wordpress)\\.)?stackexchange\\.com.*") {
/* nav manu text coloring only */
.nav li.youarehere a, .nav li a:hover,
.nav li.youarehere a, .nav li a:hover {
background-color: transparent !important;
color: #ddd !important;
}
.nav li.youarehere a, .nav li a:hover {
color: #9ed132 !important;
}
}
@-moz-document regexp("^https?://((android|apple|dba|drupal|gis|mathematica|photo|scifi|security|tex|wordpress)\\.)?stackexchange\\.com.*") {
/* hide top nav background on <li>, style is on <a> */
.nav li {
background-color: transparent !important;
}
}
@-moz-document regexp("^https?://((android|apple|dba|gamedev|movies|salesforce|scifi|security|tex|ux|webapps|webmasters)\\.)?stackexchange\\.com.*") {
/* darken vote off buttons */
.vote-up-off, .vote-down-off, .star-off {
-webkit-filter: brightness(.5) !important;
filter: brightness(.5) !important;
}
}
@-moz-document domain("stackoverflow.com") {
#hlogo a {
background-image: url(https://StylishThemes.github.io/StackOverflow-Dark/images/stackoverflow-logo.svg) !important;
}
.so-header .-logo:not(._glyph) .-img {
background-image: url(https://StylishThemes.github.io/StackOverflow-Dark/images/stackoverflow-logo.svg) !important;
background-size: cover !important;
background-position: 0 0 !important;
background-repeat: no-repeat !important;
}
}
@-moz-document domain("chat.stackoverflow.com") {
/* chat.stackoverflow.com */
#hlogo a {
background-image: none !important;
}
#header-logo, #footer-logo {
background-image: url(https://StylishThemes.github.io/StackOverflow-Dark/images/stackoverflow-logo.svg) !important;
}
#header-logo {
background-size: contain !important;
}
}
@-moz-document domain("askubuntu.com") {
#header {
background-image: none !important;
}
.narrow div.votes, .answered-accepted .mini-counts {
background-color: transparent !important;
}
#custom-header .nav-global, #custom-header .nav-global ul, .topbar {
background-color: #000 !important;
}
#custom-header .more.open, .topbar .profile-me:hover, .topbar a:hover, .topbar-icon:hover, #hmenus, .nav li, .nav a {
background-color: #111 !important;
}
#custom-header .nav-global a {
border-top-color: transparent !important;
}
#custom-header .nav-global a.active {
color: #eee !important;
border-top-color: #eee !important;
}
.nav li.youarehere, .nav li:hover {
background-color: #9ed132 !important;
}
}
@-moz-document domain("dba.stackexchange.com") {
/* database administrators */
#hlogo a {
background-image: url(https://StylishThemes.github.io/StackOverflow-Dark/images/database-admin-logo.svg) !important;
}
#header {
background-image: url(https://StylishThemes.github.io/StackOverflow-Dark/images/database-admin-logo-lines.png) !important;
}
}
@-moz-document url-prefix("https://stackoverflow.com/documentation") {
/* documentation beta moved into Stackoverflow */
.examples .example:hover, .example.expanded, div.sidebar, .timestamp,
.syntax .syntax-html, #tabs a, .tabs a, .intellitab a {
background: transparent !important;
}
.doctag-cards .card-top, .proposal-cell, .button, .btn, .btn-clear, input, .panel-empty, .version-line,
.container.example-expanded:not(.split-disabled) .split-pane-examples, .vertical-option,
.search-doctag-popdown {
background-color: #181818 !important;
}
.version-name, .version-row, .example-metric, .edit-summary, .first-time-container, .current-draft,
a.selected, .diff-choices a:hover, .diff-type-controls a:hover, .doctag-cards .card-bottom, .proposal-details,
.bubble-message .left-pane, .bubble-message .right-pane, .vertical-option:hover,
.side-by-side-markdown .skip-row, .introduction-topic {
background-color: #222 !important;
}
.vertical-option:hover, .split-option:hover, .expand-all-examples:hover, .collapse-all-examples:hover,
.examples .example-expansion-chevron:hover, .examples .example.collapsed:hover .example-expansion-chevron {
background-color: rgba(50,50,50,.6) !important;
}
input.request-topic-button, .search-doctag-popdown .section-items a:hover {
background-color: #333 !important;
}
.btn-outlined, .topic-title.change-modifies, .syntax.change-modifies, .parameters.change-modifies,
.remarks.change-modifies, .remarks-subsection.change-modifies,
.split-disabled .example.expanded.change-modifies, .versions.change-modifies {
border-color: #484848 !important;
}
a.button, input[type="button"]:hover, button:hover, .button:hover, .btn:hover, button:focus,
.button:focus, .btn:focus, .btn-clear:hover {
background-color: #9ed132 !important;
color: #ddd !important;
}
.btn-outlined:hover {
border-color: #9ed132 !important;
}
.relativetime, .edit-summary .edited-sections li:not(.example-list).section-being-edited {
color: #ddd !important;
}
.topic-request-vote-up .vote-arrow {
border-color: transparent transparent #fff transparent !important;
}
/* score box hidden behind up vote arrow, why? */
.collapsed-example-score {
visibility: hidden !important;
}
.syntax .syntax-html li {
padding: 0 !important;
}
.syntax .syntax-html code {
padding: 10px 0 10px 10px !important;
}
/* add padding because footer is semi-transparent and has "position:relative" set */
.split-pane-examples {
padding-bottom: 520px !important;
}
/* blue */
.hero-box .blue ,input[type="submit"].btn-secondary, input[type="button"].btn-secondary,
button.btn-secondary, .btn-secondary, .privacy-switch-btn, .topic-request-vote-up, .message-info {
background: #182030 !important;
}
.message-tip-top-center:before {
border-bottom-color: #182030 !important;
}
/* brown */
.handling-improvement-request, .shared-draft, .topic-request, .shared-draft, .pending-review,
.deleting-topic, .has-changed, .missing-example, .pending-proposed-change, .undeleting-topic,
.undeleting-example, .edit-notifications, .hero-box .btn, .moved, .section-help {
background: rgba(51,34,17,.4) !important;
border-color: #542 !important;
color: #b74 !important;
}
.edit-notifications .view-proposed-change:hover, .edit-notifications .view-latest-draft:hover,
.edit-notifications .accept-chat-invite:hover {
background-color: rgba(51,34,17,.8) !important;
}
}
@-moz-document domain("electronics.stackexchange.com") {
/* electrical engineering */
.nav li, .nav li a, .nav li a:hover, .nav li.youarehere a, .answered-accepted .mini-counts {
background-color: transparent !important;
}
}
@-moz-document domain("english.stackexchange.com") {
/* english language & usage */
.post-signature.owner {
background-image: none !important;
}
}
@-moz-document domain("es.stackoverflow.com") {
/* es.stackoverflow.com (Spanish) */
.so-header .-logo:not(._glyph) .-img {
background-image: url(https://StylishThemes.github.io/StackOverflow-Dark/images/es-stackoverflow-logo.svg) !important;
background-size: cover !important;
height: 50px !important;
}
}
@-moz-document domain("es.meta.stackoverflow.com") {
/* es.meta.stackoverflow.com (Spanish) */
.so-header .-logo:not(._glyph) .-img {
background-image: url(https://StylishThemes.github.io/StackOverflow-Dark/images/es-meta-stackoverflow-logo.svg) !important;
background-size: cover !important;
height: 50px !important;
}
}
@-moz-document domain("graphicdesign.stackexchange.com") {
/* nav manu text coloring only */
.nav li, .nav li.youarehere a, .nav a, .nav a:hover,
#footer .top-footer-links, #footer #footer-sites, .narrow .votes, .narrow .mini-counts,
.answered, .answered-accepted {
background-color: transparent !important;
color: #ddd !important;
}
.nav li.youarehere a, .nav li a:hover {
color: #9ed132 !important;
}
.answered-accepted .mini-counts span {
color: #fff !important;
}
.about-page .new-about-content-page h2.about-title {
color: #888 !important;
}
body:before {
-webkit-filter: brightness(.3) !important;
filter: brightness(.3) !important;
}
.answered-accepted .mini-counts {
background-color: #4b553c !important;
color: #ddd !important;
}
.answered .mini-counts span {
font-weight: bold !important;
color: #4b553c !important
}
}
@-moz-document domain("ja.stackoverflow.com") {
/* ja.stackoverflow.com (Japanese) */
.so-header .-logo:not(._glyph) .-img {
background-image: url(https://StylishThemes.github.io/StackOverflow-Dark/images/ja-stackoverflow-logo.svg) !important;
background-size: contain !important;
height: 60px !important;
}
}
@-moz-document domain("ja.meta.stackoverflow.com") {
/* ja.meta.stackoverflow.com (Japanese) */
.so-header .-logo:not(._glyph) .-img {
background-image: url(https://StylishThemes.github.io/StackOverflow-Dark/images/ja-meta-stackoverflow-logo.png) !important;
background-size: contain !important;
height: 60px !important;
}
}
@-moz-document domain("mathoverflow.net") {
/* mathoverflow.net */
#hlogo a {
background-image: url(https://StylishThemes.github.io/StackOverflow-Dark/images/mathoverflow-logo.png) !important;
}
}
@-moz-document domain("meta.stackoverflow.com") {
/* meta.stackoverflow.com */
#hlogo a {
background-image: url(https://StylishThemes.github.io/StackOverflow-Dark/images/meta-stackoverflow-logo.svg) !important;
}
#sidebar .community-bulletin .bulletin-item-content a, #sidebar .community-bulletin .bulletin-item-content a:hover {
color: #9ed132 !important;
}
#sidebar .community-bulletin .bulletin-item-content a:hover {
color: #fff !important;
}
}
@-moz-document url-prefix("https://meta.stackexchange.com") {
#hlogo a {
text-indent: -9999px !important;
}
#footer {
background-color: #182030 !important;
background-image: url('https://meta.stackexchange.com/content/Sites/stackexchangemeta/img/icon-cloud-footer.png?v=ac80a4525ace') !important;
}
}
@-moz-document domain("photo.stackexchange.com") {
#custom-content {
background-image: none !important;
}
.vote-count-post {
color: #777 !important;
}
}
@-moz-document domain("portuguese.meta.stackexchange.com"), domain("portuguese.stackexchange.com") {
#hlogo a {
text-indent: 0 !important;
}
.nav ul li {
margin-left: 5px !important;
}
.nav ul li a {
padding: 5px 10px !important;
margin: 0 !important;
}
}
@-moz-document domain("pt.stackoverflow.com") {
/* pt.stackoverflow.com (Portuguese) */
.so-header .-logo:not(._glyph) .-img {
background-image: url(https://StylishThemes.github.io/StackOverflow-Dark/images/pt-stackoverflow-logo.svg) !important;
background-size: cover !important;
height: 60px !important;
}
}
@-moz-document domain("pt.meta.stackoverflow.com") {
/* pt.meta.stackoverflow.com (Portuguese) */
.so-header .-logo:not(._glyph) .-img {
background-image: url(https://StylishThemes.github.io/StackOverflow-Dark/images/pt-meta-stackoverflow-logo.svg) !important;
background-size: contain !important;
height: 60px !important;
}
}
@-moz-document domain("rpg.stackexchange.com") {
#content, #hmenus, #mainbar .subheader, .mainbar .subheader,
#footer .footerwrap {
background-image: none !important;
}
#hlogo {
left: 25px !important;
}
.nav li a {
margin: 0 !important;
padding: 10px 20px !important;
}
#nav-askquestion {
text-indent: 10px !important;
}
a[class*="vote-"]:hover {
background-color: transparent !important;
}
}
@-moz-document domain("ru.stackoverflow.com") {
/* ru.stackoverflow.com (Russian) */
.so-header .-logo:not(._glyph) .-img {
background-image: url(https://StylishThemes.github.io/StackOverflow-Dark/images/ru-stackoverflow-logo.svg) !important;
}
}
@-moz-document domain("ru.meta.stackoverflow.com") {
/* meta.ru.stackoverflow.com (Russian) */
.so-header .-logo:not(._glyph) .-img {
background-image: url(https://StylishThemes.github.io/StackOverflow-Dark/images/ru-meta-stackoverflow-logo.svg) !important;
background-size: contain !important;
height: 60px !important;
}
}
@-moz-document domain("salesforce.stackexchange.com") {
.star-on {
-webkit-filter: brightness(.9) !important;
filter: brightness(.9) !important;
}
}
@-moz-document domain("serverfault.com") {
/* serverfault.com */
#hlogo a {
background-size: cover !important;
background-image: url(https://StylishThemes.github.io/StackOverflow-Dark/images/serverfault-logo.svg) !important;
}
.container .answered, .container .answered-accepted {
border: 2px transparent !important;
padding: 5px 5px 6px 5px !important;
height: 38px !important;
}
}
@-moz-document domain("skeptics.stackexchange.com") {
#hlogo a {
height: 60px !important;
background-size: contain !important;
background-image: url(https://StylishThemes.github.io/StackOverflow-Dark/images/skeptics-logo.svg) !important;
}
#hmenus .nav li a {
border: none !important;
margin-top: 40px !important;
}
#hmenus .nav ul li:before {
mix-blend-mode: initial !important;
color: #999 !important;
left: 3px !important;
}
}
@-moz-document domain("softwareengineering.stackexchange.com") {
/* softwareengineering.stackexchange.com specific tweaks */
/* menu & section underline extensions (wrong color) */
#hmenus .nav ul li a, #hmenus .nav ul li a:hover {
/* display: none !important; */
border-bottom-color: #db2424 !important;
}
#header {
border-bottom-color: #2b2b2b !important;
}
.subheader:before, .subheader:after {
background: transparent !important;
}
/* target sites that don't need a menu background color */
.nav li, .nav a, .nav li.youarehere a, .nav a:hover {
background-color: transparent !important;
}
.vote-up-off:not(.vote-up-on), .vote-down-off:not(.vote-down-on),
.star-off:not(.star-on) {
background-color: transparent !important;
filter: invert(100%) !important;
}
a.vote-up-off:hover, a.vote-down-off:hover,
a.vote-up-on:hover, a.vote-down-on:hover {
background-color: transparent !important;
filter: brightness(200%) !important;
}
}
@-moz-document domain("stackapps.com") {
/* stackapps.com */
#hlogo a {
background-image: url(https://StylishThemes.github.io/StackOverflow-Dark/images/stackapps-logo.png) !important;
background-size: contain !important;
}
}
@-moz-document regexp("^https?://stackexchange\\.com.*") {
/* stackExchange.com */
header h1 {
height: 60px !important;
background-size: cover !important;
background-image: url(https://StylishThemes.github.io/StackOverflow-Dark/images/stackexchange-logo.svg) !important;
}
}
@-moz-document domain("superuser.com") {
#hlogo a {
height: 60px !important;
background-size: cover !important;
background-image: url(https://StylishThemes.github.io/StackOverflow-Dark/images/superuser-logo.svg) !important;
}
}
@-moz-document domain("meta.superuser.com") {
#hlogo a {
height: 60px !important;
background-size: contain !important;
background-image: url(https://StylishThemes.github.io/StackOverflow-Dark/images/meta-superuser-logo.svg) !important;
}
}
@-moz-document domain("travel.stackexchange.com") {
.container {
position: relative !important;
}
.container:after {
content: ' ';
background: url(https://cdn.sstatic.net/Sites/travel/img/bg-map.png?v=78dabedcf17b) no-repeat center -34px !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 0 !important;
opacity: 0.1 !important;
pointer-events: none !important;
}
.nav li, .nav a, .narrow .status, #content {
background: transparent !important;
}
.nav a:hover, .nav li.youarehere a {
background: rgba(0, 0, 0, 0.3) !important;
}
.answered-accepted .mini-counts {
background-color: #9ed132 !important;
}
}
@-moz-document domain("wordpress.stackexchange.com") {
#hmenus {
border: none !important;
}
.module {
background-image: none !important;
border-top-width: 0 !important;
border: 1px solid #333 !important;
border-width: 1px 0 !important;
}
/* override !important flag set in site css */
a.question-hyperlink {
color: #9ed132 !important;
}
a.question-hyperlink:hover, a.question-hyperlink:visited {
color: #aaa !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment