extra.scss

$text_color: #ccc;
$link_color: #10cfff;
$header_background: #000;
$background_color1: #333;
$background_color2: #272722;
$navbar_header_background: $link_color;


@media only screen and (max-width: 76.1875em) {
	html .md-nav--primary .md-nav__title--site {
		background-color: $header_background;
        color: $header_background;
	}
	html .md-nav--primary .md-nav__title~.md-nav__list {
		/* background: linear-gradient(180deg,#000 10%,hsla(0,0%,0%,0)),linear-gradient(180deg,rgba(0,0,0,.26),rgba(0,0,0,.07) 35%,transparent 60%); */
		background-color: $header_background;
	}
	.md-nav {
    	background-color: $background_color1; //$navbar_header_background;    	
	}
	html .md-nav--primary .md-nav__title {
		background-color: $navbar_header_background;
	}
}

.md-header {
	background-color: $header_background;
}

.md-container {
	background-color: $background_color1;
}

.md-typeset .footnote {
	color: $text_color;
}

body {
	color: $text_color;
}

.md-typeset pre {
	background-color: #000;
}

.md-typeset code {
	color: $text_color;
	box-shadow: 0.29412em 0 0 $background_color2, -0.29412em 0 0 $background_color2;
	background-color: $background_color2;
}

.md-nav__link[data-md-state=blur] {
	color: rgba(230,230,230,.54);
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
	color: $text_color;
}

.md-typeset a, md-nav__link, md-nav__link:hover {
	color: $link_color;
}

a footnote-ref::before {
	border-color: $link_color;
}

a footnote-ref::before {
	color: $link_color;
}

.md-nav__item--active>.md-nav__link, .md-nav__link:active {
	color: $link_color;
}

.md-nav--secondary {
	border-left: .4rem solid $header_background;
} 

.md-nav__link:focus, .md-nav__link:hover {
	color: $link_color;
}

.md-typeset hr {
	border-bottom: .1rem dotted #666;
}

.md-footer-copyright {
	color: #666;
}

.md-typeset blockquote {
    padding-left: 1.2rem;
    border-left: .4rem solid rgba(230,230,230,.26);
    color: rgba(230,230,230,.54);
}

.md-typeset .codehilite code, .md-typeset .codehilite pre, .md-typeset .highlight code, .md-typeset .highlight pre {
    color: #fff;
}

.md-typeset kbd {
    box-shadow: 0 1px 2px rgba(12,13,14,0.75);
    display: inline-block;
    margin: 0 .1em;
    padding: .1em .6em;
    font-size: 11px;
    line-height: 1.4;
    color: $text_color;
    text-shadow: 0 1px 0 #2d2d2d;
    background-color: #404345;
    border: 1px solid $text_color;
    border-radius: 2px;
    white-space: nowrap;
}

.md-clipboard:before {
    transition: color .25s,opacity .25s;
    transition-property: color, opacity;
    transition-duration: 0.25s, 0.25s;
    transition-timing-function: ease, ease;
    transition-delay: 0s, 0s;
    color: rgba(240,240,240,.07);
    content: "\E14D";
}

.md-typeset .superfences-tabs {
    background-color: $background_color2;
}

div.superfences-content pre {
    border-top: 1px solid $background_color1;
}