Skip to content

Legacy.CurseForge.com - Dark Theme by pabli

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

Legacy.CurseForge.com - Dark Theme screenshot

Details

Authorpabli

LicenseCC-BY-NC-4.0

Created

Updated

Categorycurseforge

Statistics

Learn how we calculate statistics in the FAQ.

Total views

Total installs

Weekly installs

Weekly updates

Description

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           Legacy.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.5
@description    Dark Theme for Legacy curseforge.com website
@author         Pabli
@license        CC-BY-NC-4.0
==/UserStyle== */

@-moz-document regexp("https?:\/\/legacy\.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 {
...

Reviews

No reviews yet.