CurseForge.com - Dark Theme by pabli

Imported from https://github.com/pabli24/CurseForge-Dark/raw/main/CurseForge-Dark.user.css

CurseForge.com - Dark Theme screenshot
Homepage Install Get Stylus Write a review

Details

Authorpabli

LicenseCC-BY-NC-4.0

Created atMay 31, 2021 13:42

Updated atJune 18, 2021 18:39

Applies toCurseForge.com

Statistics

Learn how we calculate statistics in the FAQ.

Total views98

Total installs174

Weekly installs18

Weekly updates16

Description

Dark Theme for curseforge.com

Also available on GreasyFork.org
☕ Support me on ko-fi

Screenshots





userstyle usercss uso style stylish stylus css theme design curse forge com curseforge

Notes

Userstyle doesn't have notes.

History

Daily snapshots of style statistics.

2021-07-072021-07-172021-07-262021-08-042021-08-132021-08-222021-08-312021-09-092021-09-182021-09-272021-10-062021-10-15Date0.002.304.506.809.0011.3013.5015.8018.00Daily countDaily installsDaily updatesDaily views
2021-07-072021-07-172021-07-262021-08-042021-08-132021-08-222021-08-312021-09-092021-09-182021-09-272021-10-062021-10-15Date0.0023.0045.0068.0090.00113.00135.00158.00180.00Total countTotal installsTotal views

Source code

/* ==UserStyle==
@name           CurseForge.com - Dark Theme
@namespace      https://greasyfork.org/en/users/124677-pabli
@homepageURL    https://github.com/pabli24/CurseForge-Dark
@supportURL     https://github.com/pabli24/CurseForge-Dark/issues
@version        1.0.4
@description    Dark Theme for curseforge.com
@author         Pabli
@license        CC-BY-NC-4.0
==/UserStyle== */

@-moz-document url-prefix("https://www.curseforge.com") {

/* background */
.root-content {
	background-color: #19171c;
}

/* /account/subscriptions background */
.box, .ui-dialog, .listing-container:not(.custom-formatting) .alert.no-results, .project-list-bubble-item, .u-dropDown:hover .u-dropDownMenu, .spoiler, body[class*="body-user-my"] .listing-user .user-list-item, body[class*="body-user-my"] .listing-user-profile .user-list-item, .body-user-followers .listing-user .user-list-item, .body-user-followers .listing-user-profile .user-list-item, .e-settings-container, .body-publicprojectsettings-members .field-errors, .body-publicprojectsettings-filedefaultrelations .field-errors, .body-publicprojectsettings-clientmatchexclusions span.field-errors:not(#field-path-error) {
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0,0,0,.06);
	background-color: #17141b;
	border-color: #232323;
}
.form-gray-footer, .body-privatemessage-create .form-submit {
	background-color: #130f19;
	border-color: #232323;
}
.border-gray--100 {
	border-color: #232323;
}
.project-list-bubble-item .project-stats {
	color: #9e95ab;
}
/* /account/notifications followers total post thanks background */
.bg-gray--200 {
	background-color: #130f19;
}
/* top bar */
.bg-primary-500 {
	background-color: #322052;
}

/* footer */
.bg-charcoal {
	background-color: #000000;
}

/* text */
body {
	background: #19171c;
	color: #eee;
}
a, .tw-root--theme-light a, a:hover,
.listing th .asc, .listing th .desc,
nav.box a, nav.ui-dialog a, .listing-container:not(.custom-formatting) nav.alert.no-results a, nav.project-list-bubble-item a, .u-dropDown:hover nav.u-dropDownMenu a, nav.spoiler a, body[class*="body-user-my"] .listing-user nav.user-list-item a, body[class*="body-user-my"] .listing-user-profile nav.user-list-item a, .body-user-followers .listing-user nav.user-list-item a, .body-user-followers .listing-user-profile nav.user-list-item a, nav.e-settings-container a, .body-publicprojectsettings-members nav.field-errors a, .body-publicprojectsettings-filedefaultrelations nav.field-errors a {
	color: #cab3f5;
}
.text-primary-500,
.b-userAction .b-userAction-item *,
.forum-post-body a,
.icon,
.pagination .pagination-prev:not(.pagination-prev--inactive):not(.pagination-next--inactive) path, .pagination .pagination-next:not(.pagination-prev--inactive):not(.pagination-next--inactive) path,
.button.button--hollow .icon, .form-gray-footer button.button--hollow .icon, .body-privatemessage-create .form-submit button.button--hollow .icon, .user-profile-buttons a.button--hollow .icon, .input > button.button--hollow .icon, .body-privatemessage-details .bcc-form .container-div-recipients .field > button.button--hollow .icon, .body-privatemessage-create .field > button.button--hollow .icon {
	color: #cab3f5;
}
.text-gray-500,
.body-publicprojectsettings-general label:not([for="field-donation-attribute"]) {
	color: #ccc;
}

.button.button--hollow, .form-gray-footer button.button--hollow, .body-privatemessage-create .form-submit button.button--hollow, .user-profile-buttons a.button--hollow, .input>button.button--hollow, .body-privatemessage-details .bcc-form .container-div-recipients .field>button.button--hollow, .body-privatemessage-create .field>button.button--hollow {
	background-color: transparent;
	color: #eee;
	border-color: #4e3b71;
}
.button, .form-gray-footer button, .body-privatemessage-create .form-submit button, .user-profile-buttons a, .input>button, .body-privatemessage-details .bcc-form .container-div-recipients .field>button, .body-privatemessage-create .field>button {
	background-color: #322052;
	color: #eee;
}
.button[style*="background-color: #F16436"] {
	background-color: #322052 !important;
	color: #eee;
}

.game-header {
	background: linear-gradient(180deg,rgba(130, 130, 130, 0.3) 0,rgba(35, 35, 35, 0.9) 74.03%,#19171c 100%);
}

.author-upsell__layer {
	background-color: rgba(23, 20, 27, 0.8);
}

/* black */
[style*="color:#000"] {
	color: #fff !important;
}
/* blue */
[style*="color:#36f"] {
	color: #8aa8ff !important;
}
[style*="color:#00f"] {
	color: #8aa8ff !important;
}
[style*="color:#3030ff"] {
	color: #8aa8ff !important;
}
/* red */
[style*="color:#f00"] {
	color: #f88 !important;
}
[style*="#ff0000"] {
	color: #f88 !important;
}
/* orange */
[style*="color:#f60"] {
	color: #ffbb8d !important;
}

/* unreaded notification /my-notifications */
.bg-primary--100 {
	background-color: rgb(48, 44, 53);
}
.post-notification a, .reply-notification a, .other-notiifcation a, .warning-notification a, .project-notification a {
	color: #eee;
}

.user-menu__item {
	color: #eee;
}
	

.bg-white {
	background-color: rgb(0, 0, 0);
}
.bg-accent {
	background-color: rgba(20, 20, 20, 1);
}

.border-gray-200 {
	border-color: #232323;
}
*, *::before, *::after {
	border-color: #55525d;
}



.listing.listing-comments.listing-comments-with-indent li.p-comments .comment-indentation, .body-publicproject-details .listing.listing-comments li.p-comments .comment-indentation {
	border-color: #434246;
}
.p-comment-actionsAdmin .label {
	color: #ff9999;
}
.pagination .pagination-prev.pagination-prev--inactive, .pagination .pagination-prev.pagination-next--inactive, .pagination .pagination-next.pagination-prev--inactive, .pagination .pagination-next.pagination-next--inactive {
	background-color: rgba(255, 255, 255, 0.05);
	border-color: #232323;
}
.p-comment-post pre {
	background-color: #130f19;
	color: #bbb;
}
.source-quote {
	background-color: #201d25;
}

.input input[type="text"], .body-privatemessage-details .bcc-form .container-div-recipients .field input[type="text"], .body-privatemessage-create .field input[type="text"], .input input[type="number"], .body-privatemessage-details .bcc-form .container-div-recipients .field input[type="number"], .body-privatemessage-create .field input[type="number"], .input input[type="search"], .body-privatemessage-details .bcc-form .container-div-recipients .field input[type="search"], .body-privatemessage-create .field input[type="search"], .input input[type="email"], .body-privatemessage-details .bcc-form .container-div-recipients .field input[type="email"], .body-privatemessage-create .field input[type="email"], .input input[type="tel"], .body-privatemessage-details .bcc-form .container-div-recipients .field input[type="tel"], .body-privatemessage-create .field input[type="tel"],
.textarea textarea {
	border-color: #232323;
	background: #100e13;
}


.select2-container .select2-choice {
	border: 1px solid #232323;
	color: #ccc;
	background-color: #100e13;
	background-image: -webkit-linear-gradient(center bottom,#1c1527 0,#100e13 50%);
	background-image: -moz-linear-gradient(center bottom,#1c1527 0,#100e13 50%);
	background-image: linear-gradient(to top,#1c1527 0,#100e13 50%);
}
.select2-container .select2-choice .select2-arrow {
	border-left: 1px solid #232323;
	background: #100e13;
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#1c1527),color-stop(0.6,#100e13));
	background-image: -webkit-linear-gradient(center bottom,#1c1527 0,#100e13 60%);
	background-image: -moz-linear-gradient(center bottom,#1c1527 0,#100e13 60%);
	background-image: linear-gradient(to top,#1c1527 0,#100e13 60%);
}
.select2-container-multi .select2-choices {
	background-color: #100e13;
	border-color: #232323;
	color: #ccc;
}
.select2-container-multi .select2-choices .select2-search-field input {
	color: #ccc;
}
.select:not(.is-select2-select), .select .select2-choice {
	background-color: #100e13;
	border-color: #232323;
	color: #e8dff7;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' fill='%236e6779'%3E%3Cpath d='M6 1l4 4H2zM6 11l4-4H2z'/%3E%3C/svg%3E");
}
.select2-drop {
	border-color: #232323;
}
.select2-drop {
	background: #100e13;
	color: #ccc;
	border: 1px solid #232323;
}
.select2-search input {
	border: 1px solid #232323;
	background: #100e13 url(https://www.curseforge.com/Content/2-0-7375-30488/Skins/Blocks/images/select2/select2.png) no-repeat 100% -22px;
	background: url(https://www.curseforge.com/Content/2-0-7375-30488/Skins/Blocks/images/select2/select2.png) no-repeat 100% -22px,-webkit-gradient(linear,left bottom,left top,color-stop(0.85,#100e13),color-stop(0.99,#232323));
	background: url(https://www.curseforge.com/Content/2-0-7375-30488/Skins/Blocks/images/select2/select2.png) no-repeat 100% -22px,-webkit-linear-gradient(center bottom,#100e13 85%,#232323 99%);
	background: url(https://www.curseforge.com/Content/2-0-7375-30488/Skins/Blocks/images/select2/select2.png) no-repeat 100% -22px,-moz-linear-gradient(center bottom,#100e13 85%,#232323 99%);
	background: url(https://www.curseforge.com/Content/2-0-7375-30488/Skins/Blocks/images/select2/select2.png) no-repeat 100% -22px,linear-gradient(to bottom,#100e13 85%,#232323 99%) 0 0;
}
.select2-dropdown-open .select2-choice {
	-webkit-box-shadow: 0 1px 0 #232323 inset;
	box-shadow: 0 1px 0 #232323 inset;
}
.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-ajax-error, .select2-results .select2-selection-limit {
	background: #100e13;
}

span.field-errors {
	color: #ff9999;
}

.body-privatemessage-index .p-pm-filter .user-actions .user-action.selected {
	background-color: #2a2533;
}


.border-accent {
	border-color: #130f19;
}
.bg-gray--100 {
	background-color: #130f19;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick:before, .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick:after {
	border-color: #fff;
}
.ui-dialog-titlebar {
	border-color: #232323;
}

/* left menu buttons /minecraft/modpacks */
.bg-primary-0 {
	background-color: #311e4e;
}
[class*="hover:bg-primary-0"]:hover {
	background-color: #2e253c !important;
}

/* recent files table */
.listing-container.listing-container-table:not(.custom-formatting) table thead tr th {
	background-color: #1f1b25;
	border-color: #212122;
}
.listing-container.listing-container-table:not(.custom-formatting) table tbody tr td {
	border-color: #212122;
}
.listing-container.listing-container-table:not(.custom-formatting) table tbody tr {
	border-color: #212122;
	background-color: #17141b;
}
.text-charcoal {
	color: #ccc;
}
.border-primary-100 {
	border-color: #212122;
}
.tag {
	background-color: #141414;
	border-color: #212122;
}

/* screenshots gallery	 */
.featherlight .featherlight-content {
	background: #000;
}
.featherlight .featherlight-close-icon {
	background: #000;
	color: #fff;
}

/*  TinyMCE editor */
/* div.mce-edit-area {
	filter: invert(1) brightness(5) hue-rotate(180deg);
	transition: 0.5s;
} */
div.mce-edit-area:hover {
	filter: none;
}
body#tinymce {
	background: #17141b;
}
html[stylus-iframe$="https://www.curseforge.com"] body { 
	background: #17141b; 
}
.mce-panel {
	border: 0 solid #212122;
	background-color: #130f19;
}
.mce-btn {
	background-color: #130f19;
}
.mce-btn:hover, .mce-btn:focus,
.mce-btn.mce-active, .mce-btn.mce-active:hover {
	color: #fff;
	background-color: #2e253c;
}
.mce-menu-item-normal.mce-active {
	background-color: #311e4e;
}
.mce-menu-item:hover, .mce-menu-item.mce-selected, .mce-menu-item:focus {
	color: #fff;
	background-color: #2e253c;
}
[style*="border-width: 1px 0px 0px;"] {
	border-width: 0px !important;
}

.mce-btn i {
	text-shadow: 1px 1px #000;
}
.mce-ico,
.mce-menubtn span,
.mce-menu-item .mce-ico, .mce-menu-item .mce-text {
	color: #ccc !important;
}
.mce-caret {
	border-top: 4px solid #ccc;
}
.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {
	color: #ccc;
}
.mce-textbox {
	background: #0b0a0c;
	border: 1px solid #232323;
	color: #ccc;
}
.mce-combobox input {
	border: 1px solid #232323;
	border-right-color: #232323;
}
.mce-window-head {
	border-bottom: 1px solid #232323;
}


.featured-games a, .body-games main a, tbody a, article a, .username a, .user-list-item a, .project-message a, .forum-post-body a, .j-comment-body a, .user-content a, .help-block a, .project-detail__content a, a[rel="modal:open"], a[data-action="post"], #tinymce a, .project-message p a {
	text-decoration: none;
}
.border-primary-500 {
	border-color: #9e95ab;
}


.listing th .asc:hover::before, .listing th .desc:hover::before {
	border-top-color: rgba(255, 255, 255, .8);
}
.listing th .asc:hover::after, .listing th .desc:hover::after {
	border-bottom-color: rgba(255, 255, 255, .8);
}
.listing th .desc.selected::after {
	border-bottom-color: #b2b2b2;
}

.user-menu__item:hover {
	background-color: #2e253c;
	color: #fff;
}

}

Reviews

No reviews yet.