Small fixes and auto-nightmode
This commit is contained in:
parent
dc9b5c725e
commit
182662e2e0
@ -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 */
|
||||
|
||||
}
|
@ -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);
|
||||
}
|
||||
|
||||
|
||||
|
@ -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;
|
||||
|
@ -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" />
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user