Skip to content

V3rmillion Color Changer by xyba1337

Screenshot of V3rmillion Color Changer

Details

Authorxyba1337

LicenseNo License

Categoryv3rmillion.net

Created

Updated

Size2.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Allows you to change the color theme of V3rmillion.net with the color of your choice.
To change the color, simply change the main-color variable (line 3) within the script to the color of your choice.

Now comes with full gradient support!

Notes

Source code

/* ==UserStyle==
@name           V3rmillion Color Changer
@namespace      v3rmillion.net
@version        1.0.1
@description    Allows you to change the color of v3rm to the color of your choice
@author         Xyba
==/UserStyle== */

@-moz-document domain("v3rmillion.net") {
    /* Add the color of your choice here */
    :root {
    --main-color: #00a6ff; 
    /*or use a fancy gradient like: linear-gradient(123.23deg, #f34e7b 2.62%, #e80027 69.79%); */
    }

    /* Remove ads and other annoying messages */
    .pm_alert, #sharingPlace, .red_alert {
        display: none
    }



    /* Ignore */
    .thread_head, #bridge {
        border-bottom: 5px solid var(--main-color);
        border-style: solid;
        border-image: var(--main-color) 1;
        border-top:0;
        border-left:0;
        border-right:0;
    }

    a.button:link, a.button:visited, a.button:active, .pagination a, .postbit_buttons>a:link, .postbit_buttons>a:hover, .postbit_buttons>a:visited, .postbit_buttons>a:active, button, button, input.button {
        background: var(--main-color);
        border: 1px solid var(--main-color);
    }
    
    .buttons {
         border: 1px solid var(--main-color);
    }

    .pm_new, .alert_new, .tfoot, .thead {
        background: var(--main-color) !important;
    }

    .cRem a:link, .cRem a:visited, .forum_on, .inline_row a {
        color: var(--main-color) !important
    }

    .postlink, hr {
        border: solid thin var(--main-color);
    }

    #footer, ul.menu li ul,.panel_buttons  {
        border-top: 5px solid var(--main-color);
    }

    .thead input.textbox, .thead select {
        border: 1px solid var(--main-color);
    }
    
    .postbit_buttons>a:hover {
        background: #404040;
        border: 1px solid #404040;
    }


    #logo img {
        content:url("no-url-to-hack-around-it hehe");
        -webkit-mask-image: url(https://i.imgur.com/z9JEPPz.png);
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        background: var(--main-color);
        display: block;
        margin-left: auto;
        margin-right: auto;
        height: 200px;
    }
}

Reviews

No reviews yet.