storj/web/storagenode/static/styles/_variables.scss
NickolaiYurchenko 31c9cc322f web/storagenode: dark theme
Change-Id: I7c987ea19eef4b95832501773e00f592300fc9c5
2020-04-18 23:42:27 +03:00

97 lines
4.1 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;
--estimation-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);
--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;
--estimation-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;
--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');
}