101 lines
4.2 KiB
SCSS
101 lines
4.2 KiB
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-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-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');
|
|
}
|