.dark-mode-switcher{
    display: inline-flex;
    align-items: center;
    z-index: 9999;
    background: transparent !important;
	position: fixed;
	bottom: 10px;
	right: 10px;
}
.dark-mode-switch{
	width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #555;
    border-radius: 10.5px;
	position: relative;
    cursor: pointer;	
}
.modes{
	display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
	user-select: none;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);	
}
.dark-mode-switcher img {
    width: 18px;
}
.dark-mode-switcher .dark {
    opacity: .5;
}
.dark-mode-switcher img.dark {
    display: none;
}
body.darken{ 
	background: rgb(24, 26, 27);
	color: rgb(200, 195, 188);
	scrollbar-color: #202324 #454a4d;
}
body.darken::-webkit-scrollbar {
    background-color: #202324;
    color: #aba499;
}
body.darken::-webkit-scrollbar-corner {
    background-color: #181a1b;
}
body.darken::-webkit-scrollbar-thumb {
    background-color: #454a4d;
}
.darken b,.darken strong,.darken h1,.darken h2,.darken h3,.darken h4,.darken h5,.darken h6 {
    color: rgb(210, 205, 197);
}
.darken header .title, .darken .docs-navbar .btn-link, .darken .read-scroll{
	color: rgb(232, 230, 227);
}
.darken .docs-navbar .btn-link {
	border-color: rgb(232, 230, 227);
}
.darken .docs-navbar, .darken .modal-container .modal-header{
	background-color: rgb(40, 79, 123);
	border-bottom-color: rgb(40, 79, 123);
	color: rgb(232, 230, 227);
}
.darken a,.darken .main-nav ul li a {
	color: rgb(124, 172, 213);
}
.darken a:hover {
	text-decoration: underline;
}
.darken .modal-container {
	background: rgb(24, 26, 27);	
}
.darken .main-nav ul li.mm-active > a {
	background-color: rgb(40, 79, 123);
	color: rgb(232, 230, 227);
}
.darken .main-nav ul li ul {
	border-color: rgb(40, 79, 123);
}
.darken .dark-mode-switch{
    background: rgb(232, 230, 227);
}
.darken .dark-mode-switcher img.dark {
    display: block;
	opacity: 1;
}
.darken .dark-mode-switcher img.light {
    display: none;
}