Roll20 Site Colors by kinchj

/* ==UserStyle==
@name         Roll20 Site Colors
@version      1
@namespace    userstyles.world/user/kinchj
@description  Modify the main site colors for Roll20 to reduce the bright pink everywhere
@author       kinchj
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://app.roll20.net/"), url-prefix("https://roll20.net/"), regexp("https://*.roll20.net/") {
/* Update Colors */
html[data-theme="light"] {
    --color-banner-base-text: grey;    
    --color-primary-text: #4f91cd;
    --color-primary-base: #02baf2;
    --color-primary-hover: #02baf2;
    --color-button-primary-hover: #02baf2;
    --color-primary1: #5A0035;
    --color-primary2: #870050;
    --color-primary3: #B4006A;
    --color-primary4: #ec008c;
    --color-primary5: #E7339D;
    --color-primary6: #ED66B6;
    --color-primary7: #F399CE;
}

html[data-theme="dark"] {
    --color-banner-base-text: grey;
    --color-primary-text: #4f91cd;
    --color-primary-base: #02baf2;
    --color-primary-hover: #02baf2;
    --color-button-primary-hover: #02baf2;
    --color-primary1: #5A0035;
    --color-primary2: #870050;
    --color-primary3: #B4006A;
    --color-primary4: #ec008c;
    --color-primary5: #E7339D;
    --color-primary6: #ED66B6;
    --color-primary7: #F399CE;
}

.btn-group.alertcontainer.newalerts .btn.btn-default.dropdown-toggle.alerts,
span.alertcount {
    color: var(--color-primary4);
}

.btn-group > .btn.btn-default {
    border-color: var(--color-banner-base-text);
}

a:hover,
a:focus,
a:hover:focus,
.forum div > a:visited:not(.btn):hover
{
    color: var(--color-primary-hover) !important;
}

.forum div > a:visited:not(.btn) {
    color: var(--color-primary-text) !important;    
}

div.meta > strong:nth-child(1) {
    color: var(--color-blue2) !important;
}
.well.purple {
    border-color: var(--color-primary-text);
}

div.title a {
    color: var(--color-primary-text);
}

#categorylisting > div.postlistings > div > div.meta > strong:nth-child(1) {
    color: var(--color-primary1);
}

.postlisting .meta strong.devposttag {
    color: var(--color-primary4);
}

.badge.label.label-mentor {
    background-color: blue;
    border: 1px solid blue;
    animation: proBlink 1.5s infinite;
}
@keyframes proBlink {
    0% {
        background-color: dodgerblue;
    }
    25% {
        background-color: blue;
    }
    50% {
        background-color: blue;
    }
    75% {
        background-color: blue;
    }
    100% {
        background-color: dodgerblue;
    }
}

.badge.label.label-supporter {
    border: 1px solid red;
    background-color: #7dcc77;
    color: red;
}


.circleavatar {
    background-color: inherit;
}

/*
.postlisting .meta strong#new-post-text {
    color: var(--color-primary5);
}

.postlisting .meta strong.devposttag {
    color: black;    
}

*/
}