2017-08-20 07:58:03 +02:00
|
|
|
:root {
|
2018-07-28 22:17:06 +02:00
|
|
|
|
2018-04-17 04:21:19 +02:00
|
|
|
/* Colors */
|
|
|
|
|
--color-divider: #53637C;;
|
|
|
|
|
--color-canvas: transparent;
|
|
|
|
|
--color-help: #8696AF;
|
|
|
|
|
--color-download: rgba(255, 255, 255, 0.75);
|
|
|
|
|
--color-download-overlay: var(--color-black);
|
2018-05-17 05:36:38 +02:00
|
|
|
--color-bg: var(--color-blue-grey);
|
2018-04-19 21:21:32 +02:00
|
|
|
--color-bg-alt: #2D3D56;
|
2018-04-17 04:21:19 +02:00
|
|
|
--color-placeholder: var(--color-bg-alt);
|
2018-08-03 20:28:11 +02:00
|
|
|
--color-credit-free: var(--color-secondary);
|
2017-08-20 07:58:03 +02:00
|
|
|
|
2018-04-17 04:21:19 +02:00
|
|
|
/* Text */
|
2018-07-28 22:17:06 +02:00
|
|
|
--text-color: var(--color-white);
|
2018-04-17 04:21:19 +02:00
|
|
|
--text-help-color: var(--color-help);
|
2017-10-15 00:03:05 +02:00
|
|
|
|
2018-04-17 04:21:19 +02:00
|
|
|
/* Form */
|
2018-07-28 22:17:06 +02:00
|
|
|
--form-label-color: var(--color-white);
|
2017-10-15 06:52:32 +02:00
|
|
|
|
2018-04-17 04:21:19 +02:00
|
|
|
/* Input */
|
|
|
|
|
--input-bg: transparent;
|
|
|
|
|
--input-label-color: var(--color-help);
|
|
|
|
|
--input-color: var(--text-color);
|
|
|
|
|
--input-border-size: 1px;
|
|
|
|
|
--input-border-color: rgba(255,255,255, 0.5);
|
|
|
|
|
--input-hover-border-color: rgba(255, 255, 255, 1);
|
2018-05-17 05:36:38 +02:00
|
|
|
--input-copyable-bg: var(--color-blue-grey);
|
2018-04-17 04:21:19 +02:00
|
|
|
--input-copyable-color: #8696AF;
|
|
|
|
|
--input-copyable-border: #53637C;
|
2018-05-23 05:55:11 +02:00
|
|
|
--input-select-bg-color: var(--color-bg-alt);
|
2018-05-17 05:36:38 +02:00
|
|
|
--input-select-color: var(--color-white);
|
2017-10-15 06:52:32 +02:00
|
|
|
|
2018-04-17 04:21:19 +02:00
|
|
|
/* input:disabled */
|
|
|
|
|
--input-disabled-border-color: rgba(255, 255, 255, 0.42);
|
|
|
|
|
--input-disabled-color: rgba(255, 255, 255, 0.54);
|
2017-08-20 07:58:03 +02:00
|
|
|
|
2018-04-17 04:21:19 +02:00
|
|
|
/* Button */
|
|
|
|
|
--btn-bg-primary: var(--color-primary);
|
|
|
|
|
--btn-color-primary: var(--color-white);
|
|
|
|
|
--btn-bg-primary-hover: var(--color-primary-light);
|
|
|
|
|
--btn-bg-alt: #13233C;
|
|
|
|
|
--btn-color-alt: var(--text-color);
|
|
|
|
|
--btn-home-bg-color: #44548F;
|
2017-08-20 07:58:03 +02:00
|
|
|
|
2018-04-17 04:21:19 +02:00
|
|
|
/* Header */
|
|
|
|
|
--header-bg: var(--color-white);
|
|
|
|
|
--header-color: var(--color-text);
|
|
|
|
|
--header-active-color: rgba(0, 0, 0, 0.85);
|
|
|
|
|
--header-button-bg: transparent;
|
|
|
|
|
--header-button-hover-bg: rgba(100, 100, 100, 0.15);
|
2018-04-24 02:24:31 +02:00
|
|
|
--header-primary-color: var(--color-purple);
|
2017-08-20 07:58:03 +02:00
|
|
|
|
2018-04-17 04:21:19 +02:00
|
|
|
/* Header */
|
|
|
|
|
--header-color: #CCC;
|
|
|
|
|
--header-active-color: var(--color-white);
|
|
|
|
|
--header-button-hover-bg: var(--color-bg-alt);
|
2017-08-20 19:07:26 +02:00
|
|
|
|
2018-04-17 04:21:19 +02:00
|
|
|
/* Header -> search */
|
|
|
|
|
--search-color: var(--color-white);
|
|
|
|
|
--search-bg-color: rgb(58, 74, 99);
|
|
|
|
|
--search-active-bg-color: #13233C;
|
|
|
|
|
--search-active-shadow: 0 6px 9px -2px var(--color-grey--dark);
|
|
|
|
|
--search-modal-input-height: 70px;
|
2017-08-22 04:23:38 +02:00
|
|
|
|
2018-04-17 04:21:19 +02:00
|
|
|
/* Nav */
|
|
|
|
|
--nav-color: #44548F;
|
|
|
|
|
--nav-bg-color: #0D102F;
|
2017-09-17 21:32:56 +02:00
|
|
|
|
2018-04-17 04:21:19 +02:00
|
|
|
/* Table */
|
|
|
|
|
--table-border: 1px solid var(--color-bg-alt);
|
|
|
|
|
--table-item-odd: var(--color-bg-alt);
|
2017-09-21 18:48:29 +02:00
|
|
|
|
2018-04-17 04:21:19 +02:00
|
|
|
/* Card */
|
|
|
|
|
--card-bg: #13233C;
|
|
|
|
|
--card-radius: 3px;
|
|
|
|
|
--card-text-color: var(--color-help);
|
|
|
|
|
--card-wallet-color: var(--text-color-inverse);
|
|
|
|
|
--success-msg-color: var(--color-primary-light);
|
|
|
|
|
--success-msg-border:var(--color-primary);
|
|
|
|
|
--success-msg-bg: var(--color-bg);
|
|
|
|
|
|
|
|
|
|
/* Modal */
|
|
|
|
|
--modal-bg: var(--card-bg);
|
|
|
|
|
--modal-overlay-bg: rgba(32,48,73, 0.75);
|
|
|
|
|
--modal-border: 1px solid rgba(0, 0, 0, 0.25);
|
2018-04-19 21:21:32 +02:00
|
|
|
--modal-btn-bg-color: var(--color-bg-alt);
|
2018-04-17 04:21:19 +02:00
|
|
|
|
|
|
|
|
/* Scrollbar */
|
|
|
|
|
--scrollbar-thumb-bg: rgba(255, 255, 255, 0.20);
|
|
|
|
|
--scrollbar-thumb-hover-bg: #8696AF;
|
2018-07-28 22:17:06 +02:00
|
|
|
|
2018-06-25 08:07:45 +02:00
|
|
|
/* Shadows */
|
|
|
|
|
--box-shadow-header: 0px 6px 20px 1px rgba(0, 0, 0, 0.2);
|
2017-08-20 07:58:03 +02:00
|
|
|
}
|
