Skip to content

Nitro Purple Theme by supansup

Screenshot of Nitro Purple Theme

Details

Authorsupansup

LicenseNo License

Categorywww.nitrotype.com

Created

Updated

Size3.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

This theme just simply turns most text and buttons into purple

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           Nitro Purple Theme
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    'A theme that make most text and buttons purple'
@author         Me
==/UserStyle== */
@-moz-document domain("www.nitrotype.com") {
    .btn--primary {
        background: linear-gradient(to right, #a600ff, #8d13ff);
        color: #fff
    }
    .btn--primary:hover {
        background: linear-gradient(to right, #0d00ff, #5213ff);
    }
    .btn--primary:focus {
        background: linear-gradient(to right, #0d00ff, #5213ff);
    }

    .theme--pDefault .profile-body {
        color: #6d09c0;
    }

    .card--a {
        color: #000;
    }

    .btn--ghost {
        background: linear-gradient(90deg, #d62f2f 0%, #e900ff 25%, #00ff25 50%, #fffc00 75%, #ff0000 100%);
        color: #000
    }
    .btn--ghost:hover {
        background: linear-gradient(90deg, #d62f2f 0%, #e900ff 25%, #00ff25 50%, #fffc00 75%, #ff0000 100%);
        color: #000
    }
    .btn--ghost:focus {
        background: linear-gradient(90deg, #d62f2f 0%, #e900ff 25%, #00ff25 50%, #fffc00 75%, #ff0000 100%);
        color: #000
    }

    .btn.btn--outline:not(.is-active):not(.is-disabled):not(:disabled):not(.is-success):not(.is-failure):not(:hover) {
        background-color: #7110b1;
    }

    .btn.btn--outline:not(.is-active):not(.is-disabled):not(:disabled):not(.is-success):not(.is-failure):not(:hover).btn--light {
        border: 1px solid #442196;
    }

    .btn--d {
        background-color: #7713ea;
    }
    .btn--d {
        border: 1px solid #743cd3;
    }
    .btn--d:hover {
        background-color: #7e13ea;
    }
    .btn--d:focus {
        background-color: #7e13ea;
    }

    .btn--b {
        background: linear-gradient(to right, #a600ff, #8d13ff);
    }
    .btn--b:hover {
        background: linear-gradient(to right, #0d00ff, #5213ff);
    }
    .btn--b:focus {
        background: linear-gradient(to right, #0d00ff, #5213ff);
    }

    .card--b {
        color: #f4f2f5;
    }

    .tabs--a .tab.is-active {
        color: #a0f;
    }
    .tabs--a .tab:hover {
        color: #7300ff;
    }
    .tabs--a .tab {
        color: #8400ff;
    }

    .btn.is-active,
    .btn--stroke-i {
        background-color: #4112eacc
    }

    .news-header {
        color: #f5f4f3;
    }

    .btn--stroke-i {
        background-color: #6610ce;
    }
    .btn--stroke-i:hover {
        background-color: #4910ce;
    }

    .btn.btn--outline:not(.is-active):not(.is-disabled):not(:disabled):not(.is-success):not(.is-failure):not(:hover).btn--dark {
        color: #b5b5b5;
    }

    .btn--dark:hover {
        background: #4b00a6;
    }

    .card--e {
        color: #d4c8ee
    }

    .card--d {
        color: #f7f7f9
    }

    .dropdown--account.is--online .dropdown-trigger {
        color: #5900ff;
    }

    .dropdown--account .dropdown-link:hover {
        background: #9000ff;
    }

    .dropdown--account .dropdown-item:last-of-type .dropdown-link:hover {
        background: #e2064f;
    }

    ::selection {
        background: #881bf5;
        color: #000;
    }

    .notify {
        background: #7e12eacc;
        color: #000
    }
    .notify:before {
        background: #9412eacc;
        color: #000
    }
}

Reviews

No reviews yet.