100 lines
3.2 KiB
CSS
100 lines
3.2 KiB
CSS
:root {
|
|
--color-black: #000022;
|
|
--color-white: #FFFFFF;
|
|
|
|
--color-white-light1: #FCF9ED;
|
|
--color-white-light2: #F9F3DC;
|
|
|
|
--color-black-light1: #00003D;
|
|
--color-black-light2: #000052;
|
|
|
|
--color-grey: #50506D;
|
|
--color-grey-light1: #68688D;
|
|
--color-grey-light2: #9595B1;
|
|
|
|
--color-arrow-main: #9C528B;
|
|
|
|
--color-ram-main: #62A87C;
|
|
--color-ram-light1: #89BE9C;
|
|
--color-ram-light2: #B0D4BD;
|
|
--color-ram-dark1: #48845E;
|
|
|
|
--color-cu-main: #247BA0;
|
|
--color-cu-light1: #37A3D2;
|
|
--color-cu-light2: #7AC2E1;
|
|
--color-cu-dark1: #1E6685;
|
|
|
|
--color-alu-main: #429EA6;
|
|
--color-alu-light1: #6DBEC5;
|
|
--color-alu-light2: #99D1D6;
|
|
--color-alu-dark1: #3A8B92;
|
|
|
|
--color-databus-main: #8FB8DE;
|
|
--color-databus-light1: #B0CDE8;
|
|
--color-databus-light2: #D0E1F1;
|
|
|
|
--color-addressbus-main: #72705B;
|
|
--color-addressbus-light1: #929077;
|
|
--color-addressbus-light2: #ADAC99;
|
|
|
|
|
|
--color-body: var(--color-white-light1);
|
|
--color-body-text: var(--color-black);
|
|
|
|
--color-addressbus: var(--color-addressbus-main);
|
|
--color-addressbus-text: var(--color-white);
|
|
|
|
--color-databus: var(--color-databus-main);
|
|
--color-databus-text: var(--color-white);
|
|
|
|
--color-controls-button-text: var(--color-black);
|
|
--color-controls-button-border: var(--color-black);
|
|
--color-controls-button-text-hover: var(--color-black-light1);
|
|
|
|
--color-header: var(--color-grey);
|
|
--color-header-text: var(--color-white);
|
|
|
|
--color-ram: var(--color-ram-main);
|
|
--color-ram-text: var(--color-white);
|
|
|
|
--color-cu: var(--color-cu-main);
|
|
--color-cu-text: var(--color-white);
|
|
|
|
--color-alu: var(--color-alu-main);
|
|
--color-alu-text: var(--color-white);
|
|
|
|
--color-table-row: var(--color-white-light1);
|
|
--color-table-row-alt: var(--color-white-light2);
|
|
--color-table-text: var(--color-black);
|
|
--color-table-text-empty: var(--color-grey-light2);
|
|
--color-table-border: var(--color-white-light2);
|
|
|
|
--color-table-ram-head: var(--color-ram-dark1);
|
|
--color-table-ram-head-text: var(--color-white);
|
|
--color-table-ram-highlight: var(--color-ram-light2);
|
|
--color-table-ram-highlight-text: var(--color-black);
|
|
--color-table-ram-select: transparent;
|
|
--color-table-ram-select-text: inherit;
|
|
--color-table-ram-select-border: var(--color-grey-light2);
|
|
|
|
--color-table-cu-head: var(--color-cu-dark1);
|
|
--color-table-cu-head-text: var(--color-white);
|
|
--color-table-cu-highlight: var(--color-cu-light2);
|
|
--color-table-cu-highlight-text: var(--color-black);
|
|
--color-table-cu-select: transparent;
|
|
--color-table-cu-select-text: inherit;
|
|
--color-table-cu-select-border: var(--color-grey-light2);
|
|
|
|
--color-arrow: var(--color-arrow-main);
|
|
--color-arrow-text: var(--color-white);
|
|
--color-arrow-text-hover: var(--color-white-light2);
|
|
--color-arrow-border: var(--color-black-light1);
|
|
|
|
--color-modal: var(--color-white-light1);
|
|
--color-modal-text: var(--color-black);
|
|
--color-modal-shadow: rgba( 0,0,0, 0.4 );
|
|
}
|
|
|
|
|
|
/* https://coolors.co/aa8f66-ed9b40-ffeedb-61c9a8-ba3b46-071013 */
|
|
/* https://coolors.co/faf3dd-000022-9c528b-62a87c-247ba0-429ea6-8fb8de-72705b */ |