Skip to content

V3rmillion Clearsky by psykek

Screenshot of V3rmillion Clearsky

Details

Authorpsykek

LicenseNo License

CategoryV3rmillion

Created

Updated

Size26 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A theme for V3rmillion.net that uses a lot of rgba

Notes

Don't use with Firefox, it will break the editor.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           Clearsky Revamped
@namespace      https://github.com/Psykek66/UserCSS/blob/master/V3rmillionClearskyRevamped.user.css
@author         Psykek
@description    Clearsky but revamped - made the code 10x better and made it more customizable. I kinda gave up halfway through so it's not great but it's something.
@version        1.0.0
@license        I don't care do what you want, just don't sell it or I will find you and uh, idk make a CW or something
@advanced color DA_COLOR "Dark Accent color" #000
@advanced color LT_COLOR "Light Text Color" rgb(255,145,196)
@advanced color MA_COLOR "Main Accent Color" rgb(255,0,156)
@advanced color LLT_COLOR "Oh god I didn't know I needed lighter text (Lightest Light Text Color)" rgb(246,222,222)
@advanced color IV_COLOR "Inverted Color - applies to things like select where normal background colors don't work" #fff
@advanced color IVT_COLOR "Inverted Text Color" #006e3b
@advanced color PR_COLOR "Positive Rep Color" #5ba8ff
@advanced color NR_COLOR "Negative Rep Color" #ff5b5b

==/UserStyle== */
/* To invert colors use: https://pinetools.com/invert-color */
@-moz-document domain("v3rmillion.net") {
    /*=========== DEFENITIONS ===========*/
    :root {
        --da_color: /*[[DA_COLOR]]*/;
        --lt_color: /*[[LT_COLOR]]*/;
        --ma_color: /*[[MA_COLOR]]*/;
        --llt_color: /*[[LLT_COLOR]]*/;
        --iv_color: /*[[IV_COLOR]]*/;
        --ivt_color: /*[[IVT_COLOR]]*/;
        --pr_color: /*[[PR_COLOR]]*/;
        --nr_color: /*[[NR_COLOR]]*/;
        --bg_image: url(https://i.imgur.com/SbN5FCP.png);
    }
    /*=========== CONTROVERSIAL CHANGES ===========*/
        /* ==== AUTHOR AWARDS ==== */
            .author_statistics img {
                display: none;
            }
        /* ==== ADS ==== */
            div[onclick*="Advert"] {
                display: none;
            }
        /* ==== LIKE BUTTONS ==== */
            div[id*="like_buttons"]{
                display: inline;
                padding: 3px 10px;
                cursor: pointer;
                filter: brightness(0.3);
                opacity: 0.5;
            }
        /* ==== SIGNITURE ==== */
            .signature {
                display: none;
            }
    /*=========== WEBSITE STUFF =========*/
        /* ==== HEADER ==== */
            /* BACKGROUND */
                #header {
                    background: var(--da_color);
                    display: none;
                }
            /* LOGO */
                #logo img {
                    filter: invert(1) hue-rotate(140deg); /* makes logo pink */
                }
        /* ==== NAV BAR ==== */
            /* BACKGROUND */
                #bridge {
                    background: var(--da_color);
                    border-bottom: 5px solid var(--ma_color);
                    position: fixed; /* keeps nav bar on top of page */
                    width: 100%;
                    z-index: 100000; /* keeps nav bar in front of every other element */
                    top: 0;
                }
            /* TEXT & ICONS */
                ul.menu li a, ul.panel_links li a, .ddm_anchor a { 
                     color: var(--lt_color);
                }
            /* TABS */
                ul.menu li a:hover, ul.panel_links li a:hover, .ddm_anchor a:hover {
                     background-color: var(--ma_color); 
                     color: var(--da_color);
                }
                ul.menu li a.active{
                    background-color: var(--ma_color);
                    color: var(--da_color);
                }
            /* DROPDOWN */
                ul.menu li ul, .ddm a, .panel_buttons {
                    background-color: var(--da_color) !important;
                    border-color: var(--ma_color);
                }
                .ddm a:hover {
                    background-color: var(--ma_color) !important;
                    color: var(--da_color) !important;
                }
        /* ==== BACKGROUND ==== */
                #wrapper, body {
                    background: var(--bg_image);
                    background-size: cover;
                    background-repeat: no-repeat;
                    background-position: center center; 
                    padding-top: 80px;
                }
        /* ==== MAIN BODY STUFF ==== */
            /* NAVIGATION */
                .navigation {
                    background-color: rgba(0,0,0,0.6);
                    border: none;
                    color: var(--lt_color) !important;
                }
                .navigation .active, .navigation a, #down_alert span, .pages {
                    color: var(--lt_color);
                } 
            /* CONTENT BACKGROUND */
                #content {
                    background-color: rgba(0,0,0,0.6);
                    border: none;
                }
            /* CONTENT USERS BROWSING */
                #content > div > .smalltext {
                    color: var(--llt_color);
                }
            /* CONTENT CATEGORY HEADERS */
                #content .thead {
                    border-radius: 0px;
                    background-color: rgba(0,0,0,0.6);
                }
                #content .tborder {
                    background-color: rgba(0,0,0,0);
                }
                .thead a, #content .thead strong {
                    color: var(--lt_color) !important;
                }
            /* TCAT - TABLE CATEGORIES */
                .tcat {
                    background-color: rgba(0,0,0,0.5);
                    color: var(--llt_color);
                }
                .tcat a {
                    color: var(--llt_color) !important;
                }
                .tcat strong {
                    color: var(--lt_color);
                }
                .tcat strong > a {
                    color: var(--lt_color) !important;
                }
                .clear .tcat .smalltext .smalltext a {
                    color: var(--lt_color) !important;
                }
            /* TROW - TABLE ROWS */
                .trow2, .trow1 {
                    background-color: rgba(0,0,0,0.3);
                    border: none;
                    color: var(--llt_color);
                }
                .trow2 strong a, .trow1 strong a, .trow2 .smalltext strong, .trow1 .smalltext strong, .trow1 span.smalltext a, .trow2 span.smalltext a {
                    color: var(--lt_color);
                }
                .trow2 strong a:hover, .trow1 strong a:hover {
                    text-decoration: underline;
                }
                .trow1 span.smalltext, .trow2 span.smalltext {
                    color: var(--llt_color);
                }
            /* TROW SEPARATORS */
                .trow_sep {
                    background-color: rgba(0,0,0,0.4);
                    border: none;
                    color: var(--llt_color);
                }
            /* TROW ON/OFF MARKERS */
                .forum_on {
                    color: var(--ma_color);
                }
                .forum_off {
                    color: var(--lt_color);
                }
            /* SUB CONTROL */
                .sub_control {
                    background-color: rgba(0,0,0,0.6);
                    border: 1px solid var(--lt_color);
                    transition: .4s;
                }
                .sub_control:hover {
                    background-color: rgba(0,0,0,0.6);
                    border: 1px solid var(--llt_color);
                    border-radius: 50px;
                    transition: .7s; 
                }
                .sub_control a, .scaleimages .smalltext {
                    color: var(--lt_color);
                }
                .sub_control a:hover {
                    color: var(--llt_color);
                }
            /* TROW TEXT COLORS */
                .trow2.forumdisplay_sticky span .smalltext, .trow1.forumdisplay_sticky span .smalltext, .trow1.forumdisplay_sticky div > span, .trow2.forumdisplay_sticky div > span, .trow1.forumdisplay_sticky span .smalltext a, .trow2.forumdisplay_sticky span .smalltext a {
                    color: var(--llt_color) !important;
                }
            /* UNREAD THREADS */
                .trow1 .subject_new a, .trow2 .subject_new a, .inline_row a {
                    color: var(--lt_color) !important;
                }
            /* READ THREADS */
                .trow1 .subject_old a, .trow2 .subject_old a {
                    color: var(--lt_color);
                }
            /* AUTHOR OF THREAD */
                .trow1.forumdisplay_regular .author a, .trow2.forumdisplay_regular .author a, .trow1.forumdisplay_sticky .author a, .trow2.forumdisplay_sticky .author a {
                    color: var(--lt_color);
                }
            /* NUMBER OF REPLIES ON THREAD */
                .trow1.forumdisplay_sticky > a, .trow2.forumdisplay_sticky > a, .trow1.forumdisplay_regular > a, .trow2.forumdisplay_regular > a {
                    color: var(--lt_color);
                }
            /* BOARD STATS */
                #boardstats_e .trow1 strong {
                    color: inherit;
                }
                #boardstats_e .trow1 .smalltext span span {
                    color: var(--llt_color);
                }
                b a {
                    color: var(--llt_color) !important;
                }
        /* ==== FOOTER ==== */
            /* PAGE FOOTER */
                #footer {
                    background-color: rgba(0,0,0,0.6);
                    border-top-color: var(--ma_color);
                }
                .bottommenu {
                    b...

Reviews

No reviews yet.