Small fixes and auto-nightmode

This commit is contained in:
Christian 2020-12-27 18:25:04 +01:00
parent dc9b5c725e
commit 182662e2e0
4 changed files with 33 additions and 2 deletions

View File

@ -1,3 +1,4 @@
@media (prefers-color-scheme: dark){
:root {
--color-black: #05050F;
--color-white: #FFFFFF;
@ -39,7 +40,7 @@
--color-body: var(--color-black);
--color-body-text: var(--color-black);
--color-body-text: var(--color-white);
--color-addressbus: var(--color-addressbus-main);
--color-addressbus-text: var(--color-white);
@ -73,18 +74,33 @@
--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 */
/* https://coolors.co/faf3dd-000022-9c528b-62a87c-247ba0-429ea6-8fb8de-72705b */
}

View File

@ -93,6 +93,9 @@
--color-modal: var(--color-white-light1);
--color-modal-text: var(--color-black);
--color-modal-shadow: rgba( 0,0,0, 0.4 );
--color-code: var(--color-white-light2);
--color-code-text: var(--color-black);
}

View File

@ -1,3 +1,14 @@
body {
background-color: var(--color-body);
color: var(--color-body-text);
}
code {
background-color: var(--color-code);
border-color: var(--color-code-text);
color: var(--color-code-text);
}
.noscript {
box-sizing: border-box;
width: 100vw;

View File

@ -17,6 +17,7 @@
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/skeleton.css" />
<link rel="stylesheet" href="css/colors-light.css">
<link rel="stylesheet" href="css/colors-dark.css">
<link rel="stylesheet" href="css/pc.css" />
<link rel="stylesheet" href="css/style.css" />