# Dark-Mode
<style>
div.ui-content{
--white:#d3dde6;
--gray:#3f5166;
--light-dark:#2E3541;
--dark:#1A1F28;
--yellow:#F4B916;
}
div.ui-content,div.ui-content > div.ui-view-area{
background-color:#1A1F28;
color: #d3dde6;
}
div.toc,ul.ui-toc-dropdown.dropdown-menu{
background: var(--dark)!important;
}
ul.ui-toc-dropdown.dropdown-menu{
box-shadow: 0px 0px 16px 16px rgba(22,22,22,0.6);
}
div.toc ul.nav>li{
color:var(--white)!important;
}
div.toc ul.nav>li>a:hover{
color:var(--gray)!important;
border-left-color:var(--gray)!important;
}
div.toc ul.nav>li.active>a{
color:var(--yellow)!important;
border-left-color:var(--yellow)!important;
}
div.ui-content > div.ui-view-area>div.ui-infobar>span.pull-right>span:nth-child(1):hover{
background:none;
color:#E43D7D;
}
div.ui-content > div.ui-view-area>div.ui-infobar>span.pull-right>span:nth-child(2):hover{
background:none;
color:#4CABF8;
}
div.ui-content > div.ui-view-area>div.ui-infobar>span.pull-right>span:nth-child(3) div.community-button:hover{
background:none;
color:#F4B916;
}
div.ui-content > div.ui-view-area>div.ui-infobar>div.ui-comment-app>div#comment-app>div{
background:var(--dark);
}
div.ui-content > div.ui-view-area>div#doc>h6>span:first-child{
background:var(--white);
}
div.ui-content > div.ui-view-area>div#doc>h6>code{
background:var(--light-dark);
transition: all 0.4s ease-in-out;
font-weight:700;
}
div.ui-content > div.ui-view-area>div#doc>h6>code:hover{
background:var(--yellow);
color:var(--dark)!important;
cursor:pointer;
}
div.ui-content > div.ui-view-area>div#doc>pre{
border-radius: 6px;
background-color: #D7E1EA;
}
div.ui-content > div.ui-view-area>div#doc>pre::-webkit-scrollbar{
height:8px;
}
div.ui-content > div.ui-view-area>div#doc>pre::-webkit-scrollbar-track{
background: var(--dark);
}
div.ui-content > div.ui-view-area>div#doc>pre::-webkit-scrollbar-thumb{
background: var(--light-dark);
width:6px;
border-radius: 6px;
}
div.css>.row>span:nth-child(1){
color:#EA4040;
}
div.css>.row>span:nth-child(2){
color:#f4b916;
}
div.css>.row>span:nth-child(3){
color:#3F5166;
}
</style>