storj/web/storagenode/static/styles/_variables.scss
NickolaiYurchenko f27cee91b0 web/storagenode: 404 page rework
WHAT: new desist and test for 404 error page

WHY: 404 error page was hidden behind infinite loading screen
also, there were no dark theme deging for it

Change-Id: If9a1f5dd2321d9fc4a294637b8d5c041947cc9d1
2020-10-05 09:29:19 +00:00

133 lines
5.5 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-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');
}