/* resource assets */
:root {
    ---body-background-logo-url-light-main: url(/public/images/background/body-background-logo-light.png);
    ---body-background-logo-url-dark-main: url(/public/images/background/body-background-logo-dark.png);
    ---home-logo-url-light: url(/public/images/home-logo/logo-dark.png?v=18);
    ---home-logo-url-dark: url(/public/images/home-logo/logo-light.png?v=18);
    ---abilities-background-url-light-main: url(/public/img/abilities-background-3-lt.png);
    ---abilities-background-url-light-main: url(/public/img/abilities-background-1.png);
}

/* color schemes for usage in scheme-map (NEVER REFER THEM IN OTHER CSS FILES!) */
html.light {
    /* common */
    ---background: #e3e5e8;
    ---body-background-logo: var(---body-background-logo-url-light-main) top left scroll no-repeat;
    ---text-color-light-max: #000000;
    ---text-color-dark-max: #ffffff;
    ---text-color-max: var(---text-color-light-max);
    ---text-color-max-inverse: var(---text-color-dark-max);
    ---text-color-light-main: #333;
    ---text-color-dark-main: #ccc;
    ---text-color-main: var(---text-color-light-main);
    ---text-color-inverse: var(---text-color-dark-main);
    ---main-background: #f7f7f7;
    ---backdrop-background-color: rgba(0, 0, 0, .75);
    /* button */
    ---btn-background-color: #ececec;
    ---btn-hover-background-color: #e1e1e1;
    ---btn-background-color-active: #cecece;
    ---btn-inverse-hover-background-color: #363636;
    ---btn-inverse-gradient-start: #444;
    ---btn-primary-gradient-end: rgb(2, 101, 150);
    ---btn-primary-background-color: #08c;
    ---btn-primary-hover-background-color: rgb(0, 123, 184);
    ---btn-warning-gradient-start: #fbb450;
    ---btn-warning-gradient-end: #f89406;
    ---btn-warning-background-color: #ff9500;
    ---btn-danger-gradient-start: #ee5f5b;
    ---btn-danger-gradient-end: #bd362f;
    ---btn-danger-background-color: #da4f49;
    ---btn-success-gradient-start: #62c462;
    ---btn-success-gradient-end: #51a351;
    ---btn-success-background-color: #5bb75b;
    ---btn-info-gradient-start: #5bc0de;
    ---btn-info-gradient-end: #2f96b4;
    ---btn-info-background-color: #49afcd;
    ---btn-without-card-gradient-start: #f0f0f0;
    ---btn-without-card-gradient-end: #e7e7e7;
    ---btn-without-card-background-color: #f7f7f7;
    ---btn-disabled-background-color: #f4f4f4;
    /* uploader */
    ---uploader-stripe-a: #dadada;
    ---uploader-stripe-b: #e4e4e4;
    /* progress */
    ---progress-gradient-end: #f9f9f9;
    ---progress-background-image: linear-gradient(to bottom, var(---btn-background-color), var(---progress-gradient-end));
    ---progress-bar-background-color: #0e90d2;
    ---progress-bar-gradient-start: #149bdf;
    ---progress-bar-gradient-end: #0480be;
    ---progress-bar-background-image: linear-gradient(to bottom, var(---progress-bar-gradient-start), var(---progress-bar-gradient-end));
    ---progress-bar-success-background: #70cd56;
    ---progress-bar-success-box-shadow: #b2ffa2;
    /* typography */
    ---caption-color: #0068c9;
    ---table-border-color-lite: #d2d2d2;
    ---table-border-color: #d2d2d2;
    ---hr-border-color-lite: #d2d2d2;
    ---blockquote-color: var(--btn-inverse-gradient-start);
    ---blockquote-background-color: #d3e3ff;
    ---pre-background-color: var(--text-color-dark-max);
    ---txt2-off-color: var(--input-color-dark-main);
    ---highlight-color: #8b0000;
    ---highlight-2-color: #2e8b57;
    ---highlight-3-color: #00008b;
    /* code */
    ---code-color: #d14;
    ---code-border-color: #e1e1e8;
    ---code-comment-color: #929296;
    ---code-comment-doc-color: #8585ba;
    ---code-background-color: #f7f7f9;
    ---code-array-color: #88f;
    ---code-vartypes-color: #009;
    ---code-keyword-color: #087bce;
    ---code-number-color: #080;
    ---code-string-color: #800;
    /* thumbnail */
    ---thumbnail-hover-box-shadow-color-1: rgba(0, 0, 0, .4);
    ---thumbnail-hover-box-shadow-color-2: rgba(0, 0, 0, .3);
    /* label */
    ---label-background: #95a4aa;
    ---label-inverse-link-background-color: #1a1a1a;
    ---label-warning-link-background-color: #c67605;
    /* form */
    ---input-color-light-main: #555;
    ---input-color-dark-main: #aaa;
    ---input-color-main: var(---input-color-light-main);
    ---input-text-box-shadow-2-color: rgba(82, 168, 236, .6);
    ---input-text-warning-box-shadow-2: 0 0 6px #dbc59e;
    ---input-focus-border-color: rgba(82, 168, 236, .8);
    ---input-readonly-box-shadow-color: rgba(0, 0, 0, .025);
    /* tooltip */
    ---tooltip-color: #223;
    ---tooltip-border-color: var(---tooltip-color);
    /* dropdown */
    ---dropdown-menu-border-color: #d3d3d3;
    /* abilities */
    ---ability-border-color: #a69e97;
    ---ability-title-color: #13a330;
    ---ability-available-box-shadow-color-1: rgba(247, 120, 2, .6);
    ---ability-available-box-shadow-color-2: rgba(255, 187, 0, .1);
    ---ability-available-box-shadow-color-3: rgba(255, 123, 0, .5);
    ---abilities-background-url-main: var(---abilities-background-url-light-main);
    ---ability-button-learned-max-box-shadow-color: rgba(0, 43, 255, .4);
    ---ability-button-border-top-color: #cfcfcf;
    ---ability-button-border-bottom-color: #666363;
    ---ability-button-open-border-color: #f3981a #aa6300 #6b3e00 #a86200;
    /* achievment */
    ---achievement-background-color: rgba(255, 255, 255, .4);
    ---achievement-border-color: #d3d3d3;
    ---achievement-icon-background-color: #010101;
    ---achievement-header-color-progress: #cf7400;
    ---achievement-header-color-completed: #006400;
    ---achievement-header-color-nothing: var(--text-color-light-main);
    ---achievement-progress-bg: linear-gradient(to bottom, rgba(255, 255, 255, .5), rgba(209, 209, 209, .5));
    ---achievement-progress-bar-bg-progress: linear-gradient(to top, #ecdd2e, #aecf00);
    ---achievement-progress-bar-bg-completed: linear-gradient(to bottom, #01c201, #aecf00);
    /* url */
    ---url-color: #546ca7;
    ---url-hover-color: #5e8bb5;
    ---header-url-color: #506273;
    /* grid */
    ---grid-selector: #2c5cc4;
    ---grid-selector-inherited: #236197;
    /* heading */
    ---h1-bottom-gradient-color: #101010;
    /* scrolltop */
    ---scrolltop-background-color: #c1c1c1;
    /* perm */
    ---perm-background: #848482;
    /* card */
    ---card-body-background: #fdfdfd;
    ---card-head-background: var(---card-body-background);
    ---card-border-color: #d6d6d6;
    /* modal */
    /* comment */
    ---comment-selected: #ffa01b;
    ---comment-vote-active-color: var(---btn-primary-background-color);
    ---comment-addon-color: var(---input-color-dark-main);
    ---comment-textarea-border-color: #dfe3e8;
    ---vote-positive-color: #46a546;
    /* resource */
    ---resource-head-date-color: #5c6873;
    ---resource-head-link-hover-color: #445;
    /* uploader */
    ---uploader-item-background: #f3f3f3;
    /* poll */
    ---poll-footer-color: #a9a9a9;
    ---poll-progress-border-color: #cacad5;
    ---poll-progress-fill-color: rgb(104, 192, 255);
    ---poll-progress-background: #f3f3f3;
    /* menu-block */
    ---menu_block-head-inner-color: #686868;
    /* firefly */
    ---firefly-color: var(---blockquote-color);
    ---firefly-box-shadow: 0 0 7px rgba(119, 119, 119, .9);
    /* gallery */
    ---gallery-caption-background: rgba(0, 0, 0, .8);
    ---gallery-control-color: var(---text-color-light-max);
    /* footer */
    ---footer-border-top: var(---text-color-dark-main);
    /* feed */
    ---feed-new-background: var(rgba(173, 216, 230, .3));
    ---feed-row-inner-color: var(---blockquote-color);
    /* constants */
    ---info-constants-list-row-hover: rgba(128, 128, 128, .1);
    ---info-constants-list-row-background: #646464;
    ---info-constants-list-row-target-background: var(---caption-color);
    /* navbar (disabled for now) */
    ---navbar-home-logo-img-url: var(---home-logo-url-light);
    ---navbar-link-active-box-shadow-color: none;
    ---navbar-link-active-background: #9eacb8;
    ---navbar-home-logo-beta-color: #43b600;
    /* carousel */
    ---carousel-caption-background: rgba(0, 0, 0, .75);
    /* pikaday */
    ---pika-single-background: var(--text-color-dark-max);
    ---pika-button-color: var(--text-muted-color-dark-main);
    ---pika-is-startrange-background: #6cb31d;
    ---pika-is-inrange-background: #d5e9f7;
    ---pika-has-event-box-shadow-color: #0076c9;
    ---pika-has-event-background: #005da9;
    ---pika-is-today-color: #3af;
    ---pika-is-selected-box-shadow-color: #178fe5;
    /* monitor */
    ---monitor-new-border-color: var(---achievement-header-color-progress);
    /* text */
    ---text-primary-color: #006dcc;
    ---text-primary-hover-color: #1f7dcf;
    ---text-warning-color: #c09853;
    ---text-warning-hover-color: #a47e3c;
    ---text-success-color: #468847;
    ---text-success-hover-color: #356635;
    ---text-error-color: #b94a48;
    ---text-error-hover-color: #953b39;
    ---text-info-color: #3a87ad;
    ---text-info-hover-color: #2d6987;
    ---text-muted-color-light-main: #999;
    ---text-muted-color-dark-main: #666;
    ---text-muted-color: var(---text-muted-color-light-main);
    ---text-muted-hover-color-light-main: #808080;
    ---text-muted-hover-color: var(---text-muted-hover-color-light-main);
    ---text-new-color: #ff8000;
    /* alert */
    ---alert-color: #455154;
    ---alert-border-color: #e8ebec;
    ---alert-background-color: #e8ebec;
    ---alert-success-color: #45583a;
    ---alert-success-border-color: #dff0d8;
    ---alert-success-background-color: #dff0d8;
    ---alert-info-color: #0c5c7b;
    ---alert-info-border-color: #d9edf7;
    ---alert-info-background-color: #d9edf7;
    ---alert-warning-color: #6c4921;
    ---alert-warning-border-color: #f7e5d9;
    ---alert-warning-background-color: #f7e5d9;
    ---alert-error-color: #982121;
    ---alert-error-border-color: #f2dede;
    ---alert-error-background-color: #f2dede;
    /* levelbar */
    ---levelbar-border-color: #9f9fad;
    ---levelbar-background: #888;
    ---levelbar-rating-background: #54288c;
    ---levelbar-rating-box-shadow: inset 0px 0px 12px 0px #4054ed;
    ---level-card-lightness1: 35%;
    ---level-card-lightness2: 64%;
    ---level-icon-font-color: #f2f2f2;
    ---level-icon-border-color: #4c4c4c;
    ---level-icon-cast-1-background: #de51ff;
    ---level-icon-cast-1-box-shadow-color: #ff00de;
    ---level-icon-cast-2-background: #2100ff;
    ---level-icon-cast-2-box-shadow-color: #516bff;
    ---level-icon-cast-3-background: #00960d;
    ---level-icon-cast-3-box-shadow-color: #4fbf66;
    ---level-icon-cast-4-background: #dc0202;
    ---level-icon-cast-4-box-shadow-color: #ff1c63;
    ---level-icon-cast-5-background: #e67a3b;
    ---level-icon-cast-5-box-shadow-color: #ffce4d;
    /* userstatus */
    ---userstatus-1-color: #d88c58;
    ---userstatus-2-color: #c8b044;
    ---userstatus-3-color: #68848c;
    ---userstatus-4-color: #38a8c0;
    ---userstatus-5-color: #a0a0a0;
    ---userstatus-6-color: #8d00ae;
    ---userstatus-7-color: #122ab3;
    ---userstatus-8-color: #007c0b;
    ---userstatus-9-color: var(---level-icon-cast-4-background);
    ---userstatus-10-color: #dd7500;
    /* well */
    ---well-border-color: #e3e3e3;
    /* chat */
    ---chat-message-channel-0-color: var(---text-muted-color-dark-main);
    ---chat-message-channel-1-color: var(---text-color-light-main);
    ---chat-message-channel-10-color: #6b3189;
    ---chat-message-channel-11-color: #4844b3;
    ---chat-message-channel-2-color: #7a7a3c;
    ---shoutbox_adminhelp-border-top-color: var(---input-color-dark-main);
    /* qa */
    ---qa-row-self-border-color: var(---navbar-link-active-background);
    ---qa-tabs-text-color: #708090;
    /* relation info */
    ---relationinfo-border-color: var(#d3d3d3);
    ---relationinfo-team-border-color: #ff6347;
    ---relationinfo-team-background-color: #d2b48c;
    /* steam brand */
    ---steam-brand-color: #4784a8;
    ---steam-brand-background: rgba(103, 193, 245, .2);
    ---steam-brand-hover-background: linear-gradient(135deg, var(---steam-brand-color) 0%, #417a9b 100%);
    /* other */
    ---content-list-item-hover-background: rgba(127, 127, 127, .1);
    /* image filters */
    ---image-filter-invert-on-dark-mode: invert(0%);
    ---image-filter-invert-on-light-mode: invert(100%);
}

html.dark {
    /* common */
    ---background: #111;
    ---body-background-logo: var(---body-background-logo-url-dark-main) top left scroll no-repeat;
    ---text-color-light-max: #000000;
    ---text-color-dark-max: #ffffff;
    ---text-color-max: var(---text-color-dark-max);
    ---text-color-max-inverse: var(---text-color-light-max);
    ---text-color-light-main: #333;
    ---text-color-dark-main: #ccc;
    ---text-color-main: var(---text-color-dark-main);
    ---text-color-inverse: var(---text-color-light-main);
    ---main-background: #080808;
    ---backdrop-background-color: rgba(0, 0, 0, .75);
    /* button */
    ---btn-background-color: #0a0a0a;
    ---btn-hover-background-color: #262626;
    ---btn-background-color-active: #0e0e0e;
    ---btn-inverse-hover-background-color: #c9c9c9;
    ---btn-inverse-gradient-start: #444;
    ---btn-primary-gradient-end: #ff9233;
    ---btn-primary-background-color: #ff6e26;
    ---btn-primary-hover-background-color: #ffa251;
    ---btn-warning-gradient-start: #dfa048;
    ---btn-warning-gradient-end: #f89406;
    ---btn-warning-background-color: #db8306;
    ---btn-danger-gradient-start: #d04242;
    ---btn-danger-gradient-end: #a41d11;
    ---btn-danger-background-color: #da4f49;
    ---btn-success-gradient-start: #91d254;
    ---btn-success-gradient-end: #2ab152;
    ---btn-success-background-color: #5bb75b;
    ---btn-info-gradient-start: #d0694b;
    ---btn-info-gradient-end: #a43f21;
    ---btn-info-background-color: #b65032;
    ---btn-without-card-gradient-start: #242424;
    ---btn-without-card-gradient-end: #191919;
    ---btn-without-card-background-color: #1d1c1c;
    ---btn-disabled-background-color: #262626;
    /* uploader */
    ---uploader-stripe-a: #1a1a1a;
    ---uploader-stripe-b: #242424;
    /* progress */
    ---progress-gradient-end: #060606;
    ---progress-background-image: linear-gradient(to bottom, var(---btn-background-color), var(---progress-gradient-end));
    ---progress-bar-background-color: #f16f2d;
    ---progress-bar-gradient-start: #eb6420;
    ---progress-bar-gradient-end: #fb7f41;
    ---progress-bar-background-image: linear-gradient(to bottom, var(---progress-bar-gradient-start), var(---progress-bar-gradient-end));
    ---progress-bar-success-background: #195409;
    ---progress-bar-success-box-shadow: #62c050;
    /* typography */
    ---caption-color: #d3912e;
    ---table-border-color-lite: #d2d2d2;
    ---table-border-color: #505050;
    ---hr-border-color-lite: #d2d2d2;
    ---hr-border-color: #2d2d2d;
    ---blockquote-color: #bbb;
    ---blockquote-background-color: var(---background);
    ---pre-background-color: var(---background);
    ---txt2-off-color: var(---text-muted-color-dark-main);
    ---highlight-color: #cd5c5c;
    ---highlight-2-color: #90ee90;
    ---highlight-3-color: #add8e6;
    /* code */
    ---code-color: #2eb;
    ---code-border-color: #3a3a2d;
    ---code-comment-color: #6d6d53;
    ---code-comment-doc-color: #757534;
    ---code-background-color: #080806;
    ---code-array-color: #770;
    ---code-vartypes-color: #98cdf4;
    ---code-keyword-color: #3c8be7;
    ---code-number-color: #62bf62;
    ---code-string-color: #c63c3c;
    /* thumbnail */
    ---thumbnail-hover-box-shadow-color-1: rgba(0, 0, 0, .4);
    ---thumbnail-hover-box-shadow-color-2: rgba(0, 0, 0, .3);
    /* label */
    ---label-background: #5c6369;
    ---label-inverse-link-background-color: #e5e5e5;
    ---label-warning-link-background-color: #c67605;
    /* form */
    ---input-color-light-main: #555;
    ---input-color-dark-main: #aaa;
    ---input-color-main: var(---input-color-dark-main);
    ---input-text-box-shadow-2-color: rgba(82, 168, 236, .6);
    ---input-text-warning-box-shadow-2: 0 0 6px #243a61;
    ---input-focus-border-color: rgba(82, 168, 236, .8);
    ---input-readonly-box-shadow-color: rgba(0, 0, 0, .025);
    /* tooltip */
    ---tooltip-color: #ddc;
    ---tooltip-border-color: var(---tooltip-color);
    ---tooltip-background-color: var(---text-color-dark-max);
    /* dropdown */
    ---dropdown-menu-border-color: #353535;
    /* abilities */
    ---ability-border-color: #9c9996;
    ---ability-title-color: #15be36;
    ---ability-available-box-shadow-color-1: rgba(247, 120, 2, .6);
    ---ability-available-box-shadow-color-2: rgba(255, 187, 0, .1);
    ---ability-available-box-shadow-color-3: rgba(255, 123, 0, .5);
    ---ability-button-learned-max-box-shadow-color: rgba(0, 43, 255, .4);
    ---ability-button-border-top-color: #cfcfcf;
    ---ability-button-border-bottom-color: #666363;
    ---ability-button-open-border-color: #f3981a #aa6300 #6b3e00 #a86200;
    ---abilities-background-url-main: var(---abilities-background-url-light-main);
    /* achievment */
    ---achievement-background-color: rgba(14, 14, 14, .4);
    ---achievement-border-color: #353535;
    ---achievement-icon-background-color: rgba(0, 5, 9, .5);
    ---achievement-header-color-progress: #ecdd2e;
    ---achievement-header-color-completed: #65af34;
    ---achievement-header-color-nothing: var(---text-color-dark-main);
    ---achievement-progress-bg: linear-gradient(to bottom, rgba(255, 255, 255, .5), rgba(209, 209, 209, .5));
    ---achievement-progress-bar-bg-progress: linear-gradient(to bottom, #ecdd2e, #aecf00);
    ---achievement-progress-bar-bg-completed: linear-gradient(to bottom, #01c201, #aecf00);
    /* url */
    ---url-color: #aa7;
    ---url-hover-color: #a1744a;
    ---header-url-color: #af9d8c;
    /* grid */
    ---grid-selector: #af7227;
    ---grid-selector-inherited: var(---url-color);
    /* heading */
    ---h1-bottom-gradient-color: var(---text-color-dark-main);
    /* scrolltop */
    ---scrolltop-background-color: #3e3e3e;
    /* perm */
    ---perm-background: #7b7b7d;
    /* card */
    ---card-body-background: #1d1c1c;
    ---card-head-background: var(---card-body-background);
    ---card-border-color: #202020;
    /* modal */
    /* comment */
    ---comment-selected: #9b5f0c;
    ---comment-vote-active-color: var(---btn-primary-background-color);
    ---comment-addon-color: var(---input-color-light-main);
    ---comment-textarea-border-color: #201c17;
    ---vote-positive-color: #46a546;
    /* resource */
    ---resource-head-date-color: #6e645a;
    ---resource-head-link-hover-color: #bba;
    /* uploader */
    ---uploader-item-background: #353535;
    /* poll */
    ---poll-footer-color: var(---text-muted-color-dark-main);
    ---poll-progress-border-color: var(---text-color-light-max);
    ---poll-progress-fill-color: #0076c9;
    ---poll-progress-background: var(---background);
    /* menu-block */
    ---menu_block-head-inner-color: #979797;
    /* firefly */
    ---firefly-color: var(---blockquote-color);
    ---firefly-background: #050505;
    ---firefly-box-shadow: 0 0 7px rgba(119, 119, 119, .9);
    /* gallery */
    ---gallery-caption-background: rgba(0, 0, 0, .8);
    ---gallery-control-color: var(---text-color-dark-max);
    /* footer */
    ---footer-border-top: var(---background);
    /* feed */
    ---feed-new-background: var(rgba(173, 216, 230, .3));
    ---feed-row-inner-color: var(---blockquote-color);
    /* constants */
    ---info-constants-list-row-hover: rgba(128, 128, 128, .1);
    ---info-constants-list-row-background: #646464;
    ---info-constants-list-row-target-background: var(---caption-color);
    /* navbar (disabled for now) */
    ---navbar-home-logo-img-url: var(---home-logo-url-dark);
    ---navbar-dropdown-open-background-color: #676767;
    ---navbar-link-active-box-shadow-color: none;
    ---nav-tabs-border-color: #ddd;
    ---navbar-link-active-background: #6d5230;
    ---navbar-home-logo-beta-color: #43b600;
    /* carousel */
    ---carousel-caption-background: rgba(0, 0, 0, .75);
    /* pikaday */
    ---pika-single-background: var(---text-color-light-main);
    ---pika-button-color: #dadada;
    ---pika-button-background: #4a4a4a;
    ---pika-is-startrange-background: #6cb31d;
    ---pika-is-inrange-background: #d5e9f7;
    ---pika-has-event-box-shadow-color: #0076c9;
    ---pika-has-event-background: #005da9;
    ---pika-is-today-color: #3af;
    ---pika-is-selected-box-shadow-color: #178fe5;
    /* monitor */
    ---monitor-new-border-color: #0f0;
    /* text */
    ---text-primary-color: #ff9233;
    ---text-primary-hover-color: #ffa251;
    ---text-warning-color: #ac6f3f;
    ---text-warning-hover-color: #5b81c3;
    ---text-success-color: #307030;
    ---text-success-hover-color: #75b075;
    ---text-error-color: #b74646;
    ---text-error-hover-color: #6ac4c6;
    ---text-info-color: #c57852;
    ---text-info-hover-color: #d29678;
    ---text-muted-color-light-main: #999;
    ---text-muted-color-dark-main: #666;
    ---text-muted-color: var(---text-muted-color-dark-main);
    ---text-muted-hover-color-light-main: #808080;
    ---text-muted-hover-color: #7f7f7f;
    ---text-new-color: #ff8000;
    /* alert */
    ---alert-color: #c5c5c5;
    ---alert-border-color: #323232;
    ---alert-background-color: #2f2f2f;
    ---alert-success-color: #96c29f;
    ---alert-success-border-color: #1a2b1c;
    ---alert-success-background-color: #1a2b1c;
    ---alert-info-color: #7bb4c7;
    ---alert-info-border-color: #1a3543;
    ---alert-info-background-color: #1a3543;
    ---alert-warning-color: #d18d66;
    ---alert-warning-border-color: #37251b;
    ---alert-warning-background-color: #37251b;
    ---alert-error-color: #d35e58;
    ---alert-error-border-color: #381912;
    ---alert-error-background-color: #381912;
    /* levelbar */
    ---levelbar-border-color: #443;
    ---levelbar-background: #777;
    ---levelbar-rating-background: #c7b73f;
    ---levelbar-rating-box-shadow: inset 0px 0px 12px 0px #abd773;
    ---level-card-lightness1: 30%;
    ---level-card-lightness2: 44%;
    ---level-icon-font-color: #f2f2f2;
    ---level-icon-border-color: #4c4c4c;
    ---level-icon-cast-1-background: #de51ff;
    ---level-icon-cast-1-box-shadow-color: #de51ff;
    ---level-icon-cast-2-background: #2100ff;
    ---level-icon-cast-2-box-shadow-color: #4837b5;
    ---level-icon-cast-3-background: #00960d;
    ---level-icon-cast-3-box-shadow-color: #0d5f14;
    ---level-icon-cast-4-background: #dc0202;
    ---level-icon-cast-4-box-shadow-color: #8e152b;
    ---level-icon-cast-5-background: #e67a3b;
    ---level-icon-cast-5-box-shadow-color: #b99926;
    /* userstatus */
    ---userstatus-1-color: #d88c58;
    ---userstatus-2-color: #c8b044;
    ---userstatus-3-color: #68848c;
    ---userstatus-4-color: #38a8c0;
    ---userstatus-5-color: #a0a0a0;
    ---userstatus-6-color: #8d00ae;
    ---userstatus-7-color: #122ab3;
    ---userstatus-8-color: #007c0b;
    ---userstatus-9-color: var(---level-icon-cast-4-background);
    ---userstatus-10-color: #dd7500;
    /* well */
    ---well-border-color: #1c1c1c;
    /* chat */
    ---chat-message-channel-0-color: var(---text-muted-color-dark-main);
    ---chat-message-channel-1-color: #e3e3e3;
    ---chat-message-channel-10-color: #a382b5;
    ---chat-message-channel-11-color: #6d6ac0;
    ---chat-message-channel-2-color: #997;
    ---shoutbox-link-color: var(---input-color-dark-main);
    ---shoutbox_adminhelp-border-top-color: var(---text-color-light-main);
    /* qa */
    ---qa-row-self-border-color: #ab6c4d;
    ---qa-tabs-text-color: #708090;
    /* relation info */
    ---relationinfo-border-color: var(---text-color-light-max);
    ---relationinfo-background-color: rgba(0, 0, 0, .6);
    ---relationinfo-team-border-color: #ffc867;
    ---relationinfo-team-background-color: #b8860b;
    /* steam brand */
    ---steam-brand-color: #67c1f5;
    ---steam-brand-background: rgba(103, 193, 245, .2);
    ---steam-brand-hover-background: linear-gradient(135deg, var(---steam-brand-color) 0%, #417a9b 100%);
    /* other */
    ---content-list-item-hover-background: rgba(127, 127, 127, .1);
    /* image filters */
    ---image-filter-invert-on-dark-mode: invert(100%);
    ---image-filter-invert-on-light-mode: invert(0%);
}