2017-08-20 07:58:03 +02:00
|
|
|
:root {
|
|
|
|
|
/* Colors */
|
|
|
|
|
--color-primary: #009688;
|
|
|
|
|
--color-canvas: #0f1517;
|
|
|
|
|
--color-bg: #1a2327;
|
|
|
|
|
--color-bg-alt: #314048;
|
2017-10-16 05:14:59 +02:00
|
|
|
--color-help: rgba(255,255,255, 0.5);
|
2017-08-20 07:58:03 +02:00
|
|
|
--color-error: #a94442;
|
|
|
|
|
--color-load-screen-text: #FFF;
|
2017-10-16 07:01:20 +02:00
|
|
|
--color-money: #1DE9B6;
|
2017-08-20 07:58:03 +02:00
|
|
|
--color-meta-light: #757575;
|
2017-08-22 04:23:38 +02:00
|
|
|
--color-dark-overlay: rgba(15, 21, 23, 0.85);
|
2017-10-15 04:16:31 +02:00
|
|
|
--color-download: rgba(255, 255, 255, 0.75);
|
2017-08-20 07:58:03 +02:00
|
|
|
|
2017-10-15 05:52:23 +02:00
|
|
|
|
2017-08-20 07:58:03 +02:00
|
|
|
/* Text */
|
|
|
|
|
--text-color: #FFF;
|
2017-08-22 04:43:14 +02:00
|
|
|
--text-selection-bg: rgba(0,150,136, 0.95);
|
2017-08-20 07:58:03 +02:00
|
|
|
|
2017-10-15 00:03:05 +02:00
|
|
|
/* Form */
|
2017-10-15 05:52:23 +02:00
|
|
|
--form-label-color: rgba(255, 255, 255, 0.70);
|
2017-10-15 00:03:05 +02:00
|
|
|
|
2017-08-20 07:58:03 +02:00
|
|
|
/* Input */
|
|
|
|
|
--input-bg: transparent;
|
2017-10-15 05:52:23 +02:00
|
|
|
--input-border-color: rgba(255,255,255, 0.70);
|
|
|
|
|
--input-hover-border-color: rgba(255, 255, 255, 1);
|
2017-10-15 06:52:32 +02:00
|
|
|
|
|
|
|
|
/* input:placeholder */
|
|
|
|
|
--input-placeholder-color: rgba(255,255,255, 0.5);
|
|
|
|
|
|
|
|
|
|
/* input:disabled */
|
|
|
|
|
--input-disabled-color: rgba(255, 255, 255, 0.50);
|
|
|
|
|
--input-disabled-border-color: rgba(255, 255, 255, 0.70);
|
2017-08-20 07:58:03 +02:00
|
|
|
|
|
|
|
|
/* Search */
|
|
|
|
|
--search-bg: rgba(0,0,0, 0.45);
|
2017-08-20 19:07:26 +02:00
|
|
|
--search-color: #757575;
|
2017-08-20 07:58:03 +02:00
|
|
|
--search-active-bg: rgba(0,0,0, 0.75);
|
2017-08-20 19:07:26 +02:00
|
|
|
--search-border: 1px solid rgba(0,0,0, 0.25);
|
2017-08-20 07:58:03 +02:00
|
|
|
|
2017-08-20 20:13:17 +02:00
|
|
|
/* Tab */
|
2017-09-18 03:24:11 +02:00
|
|
|
--tab-color: rgba(255,255,255, 0.5) ;
|
|
|
|
|
--tab-active-color: rgba(255,255,255, 0.75);
|
2017-08-20 07:58:03 +02:00
|
|
|
|
|
|
|
|
/* Header */
|
2017-08-24 19:06:21 +02:00
|
|
|
--header-color: #CCC;
|
2017-08-20 07:58:03 +02:00
|
|
|
--header-active-color: #FFF;
|
2017-10-03 07:25:06 +02:00
|
|
|
--header-button-hover-bg: var(--color-bg-alt);
|
2017-08-20 19:07:26 +02:00
|
|
|
|
|
|
|
|
/* Table */
|
|
|
|
|
--table-border: 0;
|
|
|
|
|
--table-item-even: var(--color-bg-alt);
|
|
|
|
|
--table-item-odd: transparent;
|
2017-08-22 04:23:38 +02:00
|
|
|
|
2017-09-17 21:32:56 +02:00
|
|
|
/* Modal */
|
2017-08-22 04:23:38 +02:00
|
|
|
--modal-overlay-bg: var(--color-dark-overlay);
|
|
|
|
|
--modal-border: 1px solid rgba(0, 0, 0, 0.25);
|
2017-09-17 21:32:56 +02:00
|
|
|
|
|
|
|
|
/* Scrollbar */
|
|
|
|
|
--scrollbar-thumb-bg: rgba(255, 255, 255, 0.20);
|
|
|
|
|
--scrollbar-thumb-hover-bg: rgba(255, 255, 255, 0.35);
|
2017-09-21 18:48:29 +02:00
|
|
|
|
2017-09-18 03:24:11 +02:00
|
|
|
/* Divider */
|
2017-10-03 03:58:41 +02:00
|
|
|
--divider: 1px solid rgba(255, 225, 225, 0.12);
|
2017-08-20 07:58:03 +02:00
|
|
|
}
|
