106 lines
3.3 KiB
CSS
106 lines
3.3 KiB
CSS
@media (prefers-color-scheme: dark){
|
|
:root {
|
|
--color-black: #05050F;
|
|
--color-white: #FFFFFF;
|
|
|
|
--color-white-light1: #FCF9ED;
|
|
--color-white-light2: #F9F3DC;
|
|
|
|
--color-black-light1: #131316;
|
|
--color-black-light2: #1C1C21;
|
|
|
|
--color-grey: #3B3B3F;
|
|
--color-grey-light1: #4F4F54;
|
|
--color-grey-light2: #5C5C61;
|
|
|
|
--color-arrow-main: #582E4E;
|
|
|
|
--color-ram-main: #294A35;
|
|
--color-ram-light1: #335C42;
|
|
--color-ram-light2: #3A694B;
|
|
--color-ram-dark1: #1D3526;
|
|
|
|
--color-cu-main: #11394A;
|
|
--color-cu-light1: #37A3D2;
|
|
--color-cu-light2: #7AC2E1;
|
|
--color-cu-dark1: #1E6685;
|
|
|
|
--color-alu-main: #214E52;
|
|
--color-alu-light1: #6DBEC5;
|
|
--color-alu-light2: #99D1D6;
|
|
--color-alu-dark1: #3A8B92;
|
|
|
|
--color-databus-main: #2F699E;
|
|
--color-databus-light1: #B0CDE8;
|
|
--color-databus-light2: #D0E1F1;
|
|
|
|
--color-addressbus-main: #3F3E33;
|
|
--color-addressbus-light1: #929077;
|
|
--color-addressbus-light2: #ADAC99;
|
|
|
|
|
|
--color-body: var(--color-black);
|
|
--color-body-text: var(--color-white);
|
|
|
|
--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-white);
|
|
--color-controls-button-border: var(--color-white);
|
|
--color-controls-button-text-hover: var(--color-white-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-black-light1);
|
|
--color-table-row-alt: var(--color-black-light2);
|
|
--color-table-text: var(--color-white);
|
|
--color-table-text-empty: var(--color-grey-light2);
|
|
--color-table-border: var(--color-black-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-black);
|
|
--color-modal-text: var(--color-white);
|
|
--color-modal-shadow: rgba( 0,0,0, 0.4 );
|
|
|
|
--color-code: var(--color-black-light1);
|
|
--color-code-text: var(--color-white);
|
|
}
|
|
|
|
|
|
/* https://coolors.co/aa8f66-ed9b40-ffeedb-61c9a8-ba3b46-071013 */
|
|
/* https://coolors.co/faf3dd-000022-9c528b-62a87c-247ba0-429ea6-8fb8de-72705b */
|
|
|
|
} |