// 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; --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; --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'); }