Skip to content

SoFurry Dark by ScoutRJ

Screenshot of SoFurry Dark

Details

AuthorScoutRJ

LicenseNo License

Categorysofurry.com

Created

Updated

Size16 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A high-contrast dark theme that applies to the whole domain.

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...

Reviews

No reviews yet.