+html {
+ --text-color: #222;
+ --text-background: #fafaff;
+ --light-text-color: lighten(#222, 20%);
+ --lighter-text-color: lighten(#222, 30%);
+ --header-background: #eaeaff;
+ --header-box-shadow-color: #b2987f;
+ --link-color: #386ede;
+ --visited-link-color: #551a8b;
+ --border-color: #555;
+ --note-background: #fbf7c1;
+ --blockquote-background: #eeeefd;
+ --toc-background: rgba(255, 255, 255, 0.8);
+ --toc-background-mobile: #eee;
+ --search-hit-hover-background: #eee;
+}
+
+@media (prefers-color-scheme: dark) {
+ html {
+ --text-background: #100;
+ --text-color: #eef;
+ --light-text-color: lighten(#eef, 20%);
+ --lighter-text-color: lighten(#eef, 30%);
+ --header-background: #080000;
+ --header-box-shadow-color: #211;
+ --link-color: #aaf;
+ --visited-link-color: #b767ff;
+ --border-color: #555;
+ --note-background: #331;
+ --blockquote-background: #111;
+ --toc-background: rgba(15, 15, 25, 0.8);
+ --toc-background-mobile: rgba(25, 15, 15);
+ --search-hit-hover-background: #002;
+ }
+
+
+}
+