storj/web/storagenode/static/styles/_variables.scss

// Copyright (C) 2020 Storj Labs, Inc.
// See LICENSE for copying information.

:root {
    --app-background-color: #f4f6f9;
    --container-color: white;
    --label-text-color: #9ca5b6;
    --regular-text-color: #535f77;
    --block-background-color: white;
    --block-border-color: #eaeaea;
    --button-background-color: #f4f6f9;
    --link-color: #224ca5;
    --navigation-link-color: #224ca5;
    --title-text-color: #586c86;
    --icon-color: #133e9c;
    --regular-icon-color: #354049;
    --bar-background-color: #f4f6f9;
    --notifications-icon-background: #f3f4f9;
    --unread-notification-background-color: #f9fafd;
    --read-button-border-color: #c3cad8;
    --read-button-label-color: #535f77;
    --disabled-background-color: #e8eaf2;
    --page-number-color: #354049;
    --refresh-button-background-color: white;
    --refresh-button-border-color: #e8e8e8;
    --table-header-color: #f9fafc;
    --estimation-table-total-container-color: rgba(0, 117, 255, 0.05);
    --month-label-color: #535f77;
    --month-active-background-color: #f1f4f9;
    --month-disabled-background-color: #e9e9e9;
    --month-disabled-label-color: #b1b1b1;
    --year-selection-arrow-color: #8c97b2;
    --period-selection-arrow-color: #354049;
    --satellite-selection-hover-background-color: #ebecf0;
    --chart-selection-button-background-color: #f1f6ff;
    --ingress-button-background-color: #ffeac2;
    --ingress-button-font-color: #c48c4b;
    --ingress-font-color: #6e4f15;
    --ingress-tooltip-info-background-color: rgba(254, 238, 215, 0.3);
    --egress-button-background-color: #d3f2cc;
    --egress-button-font-color: #2e5f46;
    --egress-font-color: #2e5f46;
    --egress-tooltip-info-background-color: rgba(211, 242, 204, 0.3);
    --disk-stat-chart-text-color: #657284;
    --expand-button-background-color: rgba(226, 236, 247, 0.45);
    --tooltip-background-color: #fff;
    --tooltip-shadow-color: rgba(211, 214, 222, 0.4208);
    --loading-screen-background-color: #e9ecf2;
    --loader-fill-color: #133e9c;
    --loader-logo-color: #929baf;
    --node-id-text-color: #535f77;
    --node-id-hover-text-color: #133e9c;
    --node-id-border-color: #e8e8e8;
    --node-id-border-hover-color: #133e9c;
    --node-id-copy-icon-color: #354049;
    --critical-color: #da2f2f;
    --warning-color: #ffc52f;
    --error-page-background-color: #f2f2f3;
    --error-page-text-color: #000;
    --error-page-button-background: #133e9c;
    --error-page-image-path: url('../../static/images/errors/404.png');
    --tooltip-background-path: url('../../static/images/tooltipBack.png');
    --tooltip-arrow-path: url('../../static/images/tooltipArrow.png');
    --info-image-arrow-middle-path: url('../../static/images/Message.png');
    --info-image-arrow-left-path: url('../../static/images/MessageTitle.png');
    --blurred-image-path: url('../../static/images/BlurredChecks.png');
}

[theme='dark'] {
    --app-background-color: #141519;
    --container-color: #141519;
    --label-text-color: #9cabbe;
    --regular-text-color: white;
    --block-background-color: #212329;
    --block-border-color: #393b43;
    --button-background-color: #565b6b;
    --link-color: white;
    --navigation-link-color: #4f97f7;
    --title-text-color: white;
    --icon-color: white;
    --regular-icon-color: white;
    --bar-background-color: #353a4a;
    --notifications-icon-background: #2c2d36;
    --unread-notification-background-color: #1b1c21;
    --read-button-border-color: #535f77;
    --read-button-label-color: #8793ab;
    --disabled-background-color: #212329;
    --page-number-color: #354049;
    --refresh-button-background-color: #494c57;
    --refresh-button-border-color: #212329;
    --table-header-color: #3e414d;
    --estimation-table-total-container-color: #5e6c80;
    --month-label-color: #4f97f7;
    --month-active-background-color: #3f4352;
    --month-disabled-background-color: #393a3e;
    --month-disabled-label-color: #7a7a7a;
    --year-selection-arrow-color: white;
    --period-selection-arrow-color: #4f97f7;
    --satellite-selection-hover-background-color: #5f6877;
    --chart-selection-button-background-color: #40424b;
    --ingress-button-background-color: #6e4f15;
    --ingress-button-font-color: white;
    --ingress-font-color: white;
    --ingress-tooltip-info-background-color: #212329;
    --egress-button-background-color: rgba(79, 200, 149, 0.24);
    --egress-button-font-color: white;
    --egress-font-color: white;
    --egress-tooltip-info-background-color: #212329;
    --disk-stat-chart-text-color: white;
    --expand-button-background-color: #31343d;
    --tooltip-background-color: #3e424d;
    --tooltip-shadow-color: rgba(211, 214, 222, 0.2);
    --loading-screen-background-color: #1e1e26;
    --loader-fill-color: #4f97f7;
    --loader-logo-color: #414148;
    --node-id-text-color: #818493;
    --node-id-hover-text-color: white;
    --node-id-border-color: #818493;
    --node-id-border-hover-color: white;
    --node-id-copy-icon-color: #818493;
    --critical-color: #c33;
    --warning-color: #ffc52f;
    --error-page-background-color: #1f2026;
    --error-page-text-color: #fff;
    --error-page-button-background: #565b6b;
    --error-page-image-path: url('../../static/images/errors/404Dark.png');
    --tooltip-background-path: url('../../static/images/tooltipBackDark.png');
    --tooltip-arrow-path: url('../../static/images/tooltipArrowDark.png');
    --info-image-arrow-middle-path: url('../../static/images/MessageDark.png');
    --info-image-arrow-left-path: url('../../static/images/MessageTitleDark.png');
    --blurred-image-path: url('../../static/images/BlurredChecksDark.png');
}