CurseForge.com - Dark Theme Reforged by traktool

/* ==UserStyle==
@name           CurseForge.com - Dark Theme Reforged
@namespace      USO Archive
@author         Traktool
@description    `Dark Theme Reforged for https://www.curseforge.com`
@version        20210705.16.59
@license        CC-BY-NC-4.0
@preprocessor   uso
==/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 {
        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 {
        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;
    }

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