$theme-colors: (
	"main-bg-color": 	#0a0a0a,
	"main-text": 		#ffffff,
	"main-sec": 		#99cc66, /* main secondary color for the site */
	"code-quote-bg": 	#0a0a0a, /* background color for quotes and code blocks */
	"copyright": 		#808080, /* copyright text color */
);


body {
	background: map-get($theme-colors, "main-bg-color");
	color: map-get($theme-colors, "main-text");
}

a {
	color: map-get($theme-colors, "main-text");
}

code, pre {
	background: map-get($theme-colors, "code-quote-bg");
	border: 1px solid #303030;
}

pre code {
	background-color: transparent;
	border: transparent;
}

video .video {
	background-color: map-get($theme-colors, "code-quote-bg");
}

/* 
 * syntax highlight code block table backround
 * looks better if overwritten.
 * */
.post .content .highlight table {
	background-color: #181818 !important;
}

blockquote {
	background: map-get($theme-colors, "code-quote-bg");
	border-left-color: map-get($theme-colors, "main-sec");
}

table, th, td {
	border-color: #5C5C5C;
}

tr:hover {
	background: #1D1F21;
}

th {
	background: #101010;
}

.siteTitle a {
	color: map-get($theme-colors, "main-sec");
}

.post {
	background: #181818;
	border-left: 1px solid #303030;
	border-right: 1px solid #303030;
	border-top: 1px solid #303030;
	border-radius: 0.2em;
	box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
}

.post .content h1,
.post .content h2,
.post .content h3,
.post .content h4,
.post .content h5,
.post .content h6 {
	color: map-get($theme-colors, "main-sec");
}

.post .content a {
	color: map-get($theme-colors, "main-sec");
}

.post .content a:hover {
	color: map-get($theme-colors, "main-text");
}

.nav-item-title:hover {
	color: map-get($theme-colors, "main-sec");
}

.tag a:hover {
	color: map-get($theme-colors, "main-sec");
}

.copyright {
	color: map-get($theme-colors, "copyright");
}

.post-preview {
	border: 1px solid #303030;
	border-radius: 0.2em;
	box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
	background: #181818;
}

.post-preview .meta {
	border-bottom: 1px solid #303030;
}

.post-preview .title a {
	color: map-get($theme-colors, "main-sec");
}

.post-footer-data {
	background-color: #0a0a0a;
	border-bottom: 1px solid #303030;
}

.post-footer hr {
	color: #303030;
}

.rmore {
	color: map-get($theme-colors, "main-text");
}

.rmore a {
	background: map-get($theme-colors, "main-bg-color");
	border: 1px solid #303030;
}

.rmore a:hover {
	background: #202020;
	color: map-get($theme-colors, "main-text");
};

.err-404 {
	border: 1px solid #303030;
	border-radius: 0.2em;
	background: #202020;
	box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000;
}

.content-list .archive-list a {
	 color: map-get($theme-colors, "main-sec");
}

.content-list .archive-list a:hover {
	 filter: brightness(1.2);
}