@media screen and (prefers-color-scheme: dark){

html{--htmlbkg:#191919;--paneColor:#000}
body{color:#fff;--alt-color:#2292C8;--main-color:#D954C8;--soft-color:#555;--link-color:#A6D9FF;--link-hover-color:#71C2FF;--legend-color:#aaa;--correct-color:#1DCD1D;--incorrect-color:#D52424;--accent-color:#109dd4}
pre,code{background:#555}
.navPaneCloseIcon,#enlargedImageCloseIcon,.level2Marker{filter:invert(100%)}
#treeButton>img:active,#previousButton>img:active{filter:invert(100%) grayscale(1)}
nav a{color:#ccc}
nav a:hover{background-color:#D0D0D012}
nav a:active{color:#fff}
.navPageSelected,.navPageSelected:hover{background-color:#D0D0D024}

#enlargeMask,#enlargedImage{background:#000}

#board{background:#333;border:1px solid #000;box-shadow:0 0 30px #000}
.questionSubmit button:disabled{background:var(--soft-color);color:#aaa}
#searchField{color:#ccc;border-bottom-color:#666}
#searchField::placeholder{color:#aaa}
table{background:#555}
aside{background:#60455e}
.questionBody_write textarea,.questionBody_name input,.questionBody_review textarea,.reviewStarsComment textarea{background:#222}

.pageNavigationButtons button,#submitAssessmentDiv button,.screenButtons button,.questionSubmit button,#exitButton button{background:#a02b92}

table.colHeader tr:first-child,.colHeaderCenter{color:#000}


.questionBody_write textarea:disabled,.questionBody_name input:disabled{color:#bbb}
.displayImageHolder .startInstructions{color:#aaa;background:rgba(0,0,0,0.5)}


.incorrectAnswer,.assessmentFailed,.incompleteAnswer{background-image:url(img/incorrectDM.svg)}
.inlineTOC a,ol.inlineTOC a:visited{color:#fff !important}
.inlineTOC>li>a{border-bottom-color:#aaa}

.coverPageSubtitle{color:#aaa}

}