A high-contrast dark theme that applies to the whole domain.
SoFurry Dark by ScoutRJ
Details
AuthorScoutRJ
LicenseNo License
Categorysofurry.com
Created
Updated
Size16 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Makes the website look a whole lot nicer to look at during night, or generally nicer if you're not a fan of bright white backgrounds...
If you see an area of the site that is unusually bright or hard to read because there is not enough contrast, it is mostly an oversight on my part, so feel free to report those anomalies I seem to have missed...
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name SoFurry Dark
@namespace userstyles.world
@version 1.0.0
@description A high-contrast dark theme that applies to the whole domain.
@author ScoutRJ
==/UserStyle== */
@-moz-document domain("sofurry.com") {
/* Med-light orphan text without nodes*/
.sf-main {
color: #AAA;
}
/* Placeholder text color in input boxes */
::-webkit-input-placeholder {
color: #777 !important;
text-shadow: 1px 1px #000 !important;
}
::-moz-placeholder {
color: #777 !important;
text-shadow: 1px 1px #000 !important;
}
::-ms-placeholder {
color: #777 !important;
text-shadow: 1px 1px #000 !important;
}
::placeholder {
color: #777 !important;
text-shadow: 1px 1px #000 !important;
}
/* Topbar fix */
.topbar .dropdown-trigger, .topbar .dropdown-trigger a, .sfArtworkSmallWrapper:hover {
background: transparent !important;
}
/* Main background color */
a#sf-userinfo-outer:hover, .sf-story-big, .title.sfTextMedDark, .wide-inactive-sub:hover, #sf-textcontent-controls, .context-menu-root, .sf-market-browse-offer, .bigsubmit:hover, .smallsubmit:hover, .display-button, body, .note.sfTextMedDark, #sfContentBody p span, .popover-content, .popover-arrow, .OutlineElement, div.sf-content, .sfCommentBody, .sf-sidebar, .sf-main, .sf-chat-dynamic td, .sf-content h2:not(.forumtitle), .sf-external-title, fieldset#general, fieldset#notifications, div.banner, div.watchlist, .watchlist-nuke, .date-tile, .watchlist-wrapper form, #sffp-intro, .sf-browse-shortlist-zebra, h4, fieldset, div.grey, .bigsubmit, .smallsubmit, .sf-watermark, .sf-chat-roomlist-active, .sf-chat-header-text, ul.watchlist_tabs a, .sf-item-h-info-content, .wide-active, .wide-active-sub, .sf-browse-shortlist, .item.even.unread, .display-button-active, .sfpreviewbox, .sfpreviewboxsmall, .ui-datepicker, .ui-datepicker-prev:hover, .ui-datepicker-next:hover {
background: #111 !important;
}
/* Linear gradients, box/button inputs and dropbox highlights */
.sftc-title, .sftc-title a, .sf-footer-breadcrumb, .topbar button, .topbar a.button, #sf-chat-inputarea, .button.buttonsmall, .sf-tabbar a.button:hover, ul.tabs, ul.tabs a, .button-bar, #nuke_everything, #nuke_current_tab, #nuke_selected:active, #sfCommentReplyContainer input, .pager input, .sf-content a.button, #yt29, #yt31, .sf-tabbar-inner a.current, .button-bar input, .sf-sidebar input:not(#suggestedtags):not(#sidebarsearch), .row.submit input, .thread_actions input, #nuke_selected, #sidebarsearch, .sfBrowseList input, .section-footer .button, #site-updates #yt0, .topbar, #sf-chat-submit, #sf-user-preferences input[type="submit"], input[value="Login"], .tag-editable:hover, .subtitle, #register input[type="submit"] {
background: -moz-linear-gradient(top, #333 0%, #222 100%) !important;
background: -webkit-gradient(linear, center top, center bottom, from(#333), to(#222)) !important;
text-shadow: 0px 1px black !important;
border-color: #222 !important;
color: white !important;
}
/* Linear gradient highlight hovers */
#yt1, #yt29:hover, #yt31:hover, #site-updates #yt0:hover, .sf-tabbar, .sf-tabbar a.button, ul.tabs a.active, .sffile span, .button-bar input:hover, #sfCommentReplyContainer input:hover, .sf-sidebar input:hover:not(#sidebarsearch):not(#suggestedtags), #nuke_everything:hover, #nuke_selected:hover, #nuke_current_tab:hover, .sf-content a.button:hover, .row.submit input:hover, .thread_actions input:hover, #suggestedtags, .sfBrowseList input:hover, .section-footer .button:hover, #sf-chat-submit:hover, #sf-user-preferences input[type="submit"]:hover, #login .header, #register .header, #login input[type="submit"]:hover, #register input[type="submit"]:hover {
background: -moz-linear-gradient(top, #555 0%, #222 100%) !important;
background: -webkit-linear-gradient(top, #555 0%, #222 100%) !important;
color: white;
text-shadow: 0px 1px black;
border-color: #333 !important;
}
/* Darker linear gradients */
.topbar button:hover, .topbar a:hover, #headersearch, .sftc-title a:hover, .button.buttonsmall:hover, ul.tabs a:hover:not(.active), #LoginForm_sfLoginUsername, #LoginForm_sfLoginPassword, .topbar #yt0:hover, .button-bar a.button:hover, .bbcode_quote_head, #Registration_sfRegBirthdate {
background: -moz-linear-gradient(top, #333 0%, #111 100%) !important;
background: -webkit-linear-gradient(top, #333 0%, #111 100%) !important;
border-color: #333 !important;
margin-right: 0px;
}
/* Horizontal linear gradient hovers */
#sf-textcontent-controls li:hover {
background: -moz-linear-gradient(left, #202020 0%, #333 100%) !important;
background: -webkit-linear-gradient(left, #202020 0%, #333 100%);
border-style: none !important;
}
/* Background highlights */
table.items tr.active, .sfGeneralInfoMessage, .meterorange, span.note, #adult-profile, #profile, #signature, #sfCommentReplyTextarea, #Post_message, #PrivateMessage_message, #PrivateMessage_toUserName, #PrivateMessage_subject, #UploadForm_description, #UploadForm_P_title, #sf-upload-tags, #UploadForm_newFolderName, #sf-chat-input, .redactor_, .redactor_:focus, .bbcode_quote_body, .forums .even, .forums .even *, input[type="password"], #sf-user-preferences fieldset input, .wide-inactive:hover, .sfArtworkSmallWrapper_fit:hover, .sf-carousel-container, .watchlist_item.selected, #sf-profile-wide-nav a.wide-inactive:hover, .sf-story:hover, .sf-story-wide:hover, .even, .watchlist_tabs .current, .watchlist_tabs .current a, #sffp-events, #login, #register, .ui-datepicker-calendar, .ui-datepicker-year, .ui-datepicker-month {
background: #222 !important;
}
/* Lighter background highlight */
.yiiPager li:not(.selected) a:hover, .sf-browse-displaymodes .display-button-active, .sf-browse-displaymodes .display-button:hover, .ui-state-error, .ui-datepicker-header, .sf-carousel-event .overlay {
background: #333 !important;
}
/* Med-dark text elements */
#sf-chat-submit, input#addtagsform_submit, #sf-socialize div:hover {
color: #666;
text-shadow: 0px 1px white;
border-color: #333;
}
/* Boxes low border-highlight */
#sffp-stories, #sffp-art, #sffp-photos, #sffp-music, .totalItems, .sf-draft-counter, #sf-socialize input:hover, #sf-user-preferences select, .sf-login-artist, td[data-handler="selectDay"] * {
background:#333 !important;
border-color:#222 !important;
}
/* Semi-transparent backgrounds */
.sfwlabel {
background:rgba(33,33,33,0.7) !important;
}
.topbar ul.dropdown {
background: rgba(33,33,33,0.8) !important;
}
.sf-draggable a, .topbar a.avatar, .forumtitle, .forumtitle-background, .sf-content p:not(.user-stats) {
background: transparent !important;
}
span.user-info, div.user-info {
background: rgba(0,0,0,0.6) !important;
}
/* Page number style */
.sf-tag, li.page.selected a, .pager a:hover, .ui-datepicker-div {
background: #111 !important;
box-shadow: 1px 1px #333 !important;
}
/* Low-contrast borders */
.watchlist_item, textarea#sfCommentReplyTextarea, #sf-profile-wide-nav, #sf-accounts, .sf-carousel-container, .sf-watermark, .sfCommentBody, .wide-active-sub, .wide-inactive-sub:hover, .dropdown.wide, .dropdown.wide li, .sf-profile-avatarcontainer, .sf-browse-displaymodes a, .sf-tabbar-inner a, #sf-socialize, .sfArtworkSmallInner.submissiononhold, #sf-profile-wide-nav a.wide-inactive:hover, .sf-story:hover, .sf-story-wide:hover, .sfTextMedDark span span, li.current a, tbody tr, .vertical .row.submit, .topbar ul.dropdown, .bbcode_quote_body, .topbar, #sf-textcontent-controls li, .topbar .button, #Post_message, #PrivateMessage_message, #PrivateMessage_toUserName, #PrivateMessage_subject, #UploadForm_description, #UploadForm_P_title, #sf-upload-tags, #UploadForm_newFolderName, #sf-chat-input, .redactor_box, .popover-content, input[type="password"], input[value="Login"], #sf-user-preferences span.note, .ui-datepicker, ui-datepicker-calendar {
border-color: #333 !important;
}
/* Border contrast with main background color */
.sfGeneralInfoMessage, .topbar img, #adult-profile, #profile, #signature, #sffp-events {
border-color: #222 !important;
}
/* Med-dark borders */
.sf-story-big, .sf-market-browse-offer, .wide-active, hr, .ui-datepicker-header, .ui-datepicker-prev:hover, .ui-datepicker-next:hover, #login, #register {
border-color: #666 !important;
}
#sf-textcontent-controls li {
border-style: solid !important;
border-width: 1px !important;
text-shadow: none !important;
}
/* Special borders */
.sf-browse-displaymodes, .sf-content form td, .sf-content form th, .watchlist_header, #sf-textcontent-controls li, table.items thead th, .sf-chat-users-levelheader, h4, .sf-story-wide, .even td, .odd td, .forum_forumpost, .watchlist-nuke {
border-bottom-color: #333 !important;
}
.sf-content form th, .watchlist-nuke, li.current a, #sf-textcontent-controls li, fieldset p.row, .forum_fp_postsignature, .topbar ul.dropdown a, .sf-comment-options {
border-top-color: #333 !important;
}
.title.sfTextMedDark, #sf-textcontent-controls, .sfCommentChildrenOuter {
border-style: none !important;
}
/* Separation for submission sidebar content */
.section-title-highlight, .section-title, #login .header, #register .header {
border-bottom: 1px solid #555 !important;
}
.section-footer {
border-top: 1px solid #555 !important;
}
/* Main text color, bright */
span.sfTextMedDark span span a, a.wide-inactive, div.sfCommentBody a, .sfTextAttention, .sf-story-headline a, .sf-story-big-headline a, .sidebarfilter-active, .sidebarfilter:not(.sidebarfilter-inactive) a, a.display-button:hover, a.display-button-active:hover, .section-content a, td.link-column a, .sf-chat-username a, .watchlist_tabs a, .js_select_none, .js_select_all, .watchlist_meta a, table.items tr.active a, table.items tr.inactive a, .sf-sidebar .section a, .forumtitle a, .ve...