SCP基金会中文分部

@import url('https://hormress.github.io/Parallel/normalize-min.css');
@import url('https://hormress.github.io/Parallel/parallel-min.css');

:root {
    --set-safari-mode-disabled: set;
}

/* 配色方案：基岩 */

:root {
    --basalt-primary-color: 254, 254, 254;
    --basalt-secondary-color: 247, 248, 250;
    --basalt-tertiary-color: 218, 219, 222;
    --basalt-main-text-color: 20, 20, 20;
    --basalt-overtone: 50, 50, 50;
    --basalt-undertone: 61, 71, 202;

    --basalt-bright-element-color: 16, 76, 184;
    --basalt-dark-element-color: 18, 20, 150;
    --basalt-darker-element-color: 8, 10, 60;
    --basalt-alternate-color: 255, 132, 0;
    --basalt-positive-color: 24, 163, 20;
    --basalt-negative-color: 255, 48, 48;
    --basalt-sub-text-color: 155, 154, 162;
}

/* 配色方案：红石 */

:root {
    --basalt-primary-color: 20, 20, 20;
    --basalt-secondary-color: 32, 29, 28;
    --basalt-tertiary-color: 40, 39, 38;
    --basalt-main-text-color: 254, 254, 254;
    --basalt-overtone: 254, 254, 254;
    --basalt-undertone: 202, 20, 20;

    --basalt-bright-element-color: 255, 20, 20;
    --basalt-dark-element-color: 144, 20, 20;
    --basalt-darker-element-color: 202, 50, 50;
    --basalt-alternate-color: 132, 132, 20;
    --basalt-positive-color: 24, 163, 20;
    --basalt-negative-color: 255, 48, 48;
    --basalt-sub-text-color: 162, 154, 155;

    --header-title-color: var(--main-text-color);
    --header-subtitle-color: var(--main-text-color);

    --top-bar-link-color: var(--basalt-overtone);

    --UI-title-color: var(--basalt-darker-element-color);
    --UI-title-background-color: var(--basalt-secondary-color);
}

/* 配色方案：深板岩 */

:root {
    --basalt-primary-color: 46, 46, 52;
    --basalt-secondary-color: 62, 58, 64;
    --basalt-tertiary-color: 74, 72, 82;
    --basalt-main-text-color: 254, 254, 254;
    --basalt-overtone: 254, 254, 254;
    --basalt-undertone: 144, 144, 152;

    --basalt-bright-element-color: 129, 128, 132;
    --basalt-dark-element-color: 112, 112, 118;
    --basalt-darker-element-color: 161, 160, 164;
    --basalt-alternate-color: 132, 132, 20;
    --basalt-positive-color: 24, 163, 20;
    --basalt-negative-color: 255, 48, 48;
    --basalt-sub-text-color: 162, 154, 155;

    --link-color: 220, 220, 224;
    --link-visited-color: 195, 195, 199;

    --header-title-color: var(--main-text-color);
    --header-subtitle-color: var(--main-text-color);

    --top-bar-link-color: var(--basalt-overtone);

    --UI-title-color: var(--basalt-darker-element-color);
    --UI-title-background-color: var(--basalt-secondary-color);
}

/* 配色方案：深板岩钻石 */

:root {
    --basalt-primary-color: 46, 46, 52;
    --basalt-secondary-color: 62, 58, 64;
    --basalt-tertiary-color: 74, 72, 82;
    --basalt-main-text-color: 254, 254, 254;
    --basalt-overtone: 254, 254, 254;
    --basalt-undertone: 144, 204, 254;

    --basalt-bright-element-color: 142, 192, 232;
    --basalt-dark-element-color: 128, 178, 222;
    --basalt-darker-element-color: 138, 188, 234;
    --basalt-alternate-color: 132, 132, 20;
    --basalt-positive-color: 24, 163, 20;
    --basalt-negative-color: 255, 48, 48;
    --basalt-sub-text-color: 162, 154, 155;

    --header-title-color: var(--main-text-color);
    --header-subtitle-color: var(--main-text-color);
    --header-color-one: 32, 64, 128;
    --header-color-two: 64, 128, 254;

    --top-bar-link-color: var(--basalt-overtone);

    --UI-title-color: var(--basalt-darker-element-color);
    --UI-title-background-color: var(--basalt-secondary-color);
}

/* 配色方案：深板岩金矿 */

:root {
    --basalt-primary-color: 46, 46, 52;
    --basalt-secondary-color: 62, 58, 64;
    --basalt-tertiary-color: 74, 72, 82;
    --basalt-main-text-color: 254, 254, 254;
    --basalt-overtone: 254, 254, 254;
    --basalt-undertone: 254, 234, 152;

    --basalt-bright-element-color: 232, 152, 80;
    --basalt-dark-element-color: 244, 188, 102;
    --basalt-darker-element-color: 254, 218, 124;
    --basalt-alternate-color: 132, 132, 20;
    --basalt-positive-color: 24, 163, 20;
    --basalt-negative-color: 255, 48, 48;
    --basalt-sub-text-color: 162, 154, 155;

    --header-title-color: var(--main-text-color);
    --header-subtitle-color: var(--main-text-color);
    --header-color-one: var(--basalt-darker-element-color);
    --header-color-two: var(--basalt-dark-element-color);

    --UI-title-color: var(--basalt-darker-element-color);
    --UI-title-background-color: var(--basalt-secondary-color);
}