Dark theme

config.toml

@@ -3,14 +3,13 @@ languageCode = "en-us"
 title = "Data Archivist Weekly"
 theme = "temple"
 
-pygmentsStyle = "friendly"
+pygmentsStyle = "native"
 
 [params]
 useCDN = false
 showShareIcons = false
 
 toc = true
-custom_css = ["static/custom.css"]
 dateformatpretty = "2006-01-02"
 pygmentsCodeFences = true
 

layouts/partials/css/custom.css

@@ -5,8 +5,8 @@ html {
 }
 
 body {
-	background-color: rgb(252, 252, 252);
-	color: #484848;
+	background: #262626;
+	color: #E0E0E0;
 }
 
 a {
@@ -14,7 +14,9 @@ a {
 }
 
 code, kbd, pre, samp {
-    background-color: rgb(240, 240, 240);
+	background-color: rgba(27,31,35,.05);
+	border-radius: 3px;
+	font-size: 90%;
 }
 
 .nav-menu {
@@ -28,9 +30,14 @@ code, kbd, pre, samp {
 	font-size: large;
 }
 
+.pure-menu-active > .pure-menu-link, .pure-menu-link:focus, .pure-menu-link:hover {
+	background-color: #424242;
+	color: white;
+}
+
+
 .header {
 	text-align: left;
-	color: #484848;
 	margin-bottom: .5em;
 }
 
@@ -40,18 +47,15 @@ code, kbd, pre, samp {
 
 .header ul li a {
 	font-weight: bold;
-	color: #484848;
 	font-family: "Source Sans Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 
 .header {
 	font-weight: bold;
-	color: #484848;
 	font-family: "Source Sans Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 
 .site-title {
-	color: #484848;
 	text-transform: none;
 	font-weight: normal;
 	font-family: "Source Sans Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -84,8 +88,12 @@ code, kbd, pre, samp {
 }
 
 .posts li > a {
-	color: #369;
-	text-decoration: none;
+	color: #c05b4d;
+}
+
+.posts li > a:hover {
+	color: #a5473a;
+	text-decoration: underline;
 }
 
 .post-list {
@@ -94,18 +102,17 @@ code, kbd, pre, samp {
 
 .footnote {
 	font-family: verdana, arial, helvetica, sans-serif;
-	color: #575757;
+	color: #757575;
 	font-size: 0.75em;
 	margin-bottom: 0;
 }
 
 .footnote a {
-	color: #575757;
+	color: #844941;
 }
 
 .footnote a:hover {
-	text-decoration: underline;
-	color: #369;
+	color: #a5473a;
 }
 
 .footer {
@@ -122,10 +129,6 @@ code, kbd, pre, samp {
 	color: #bbb;
 }
 
-.footer-content a {
-	color: #575757;
-}
-
 .footer-content ul {
 	height: auto;
 	margin-top: 0;
@@ -146,7 +149,6 @@ code, kbd, pre, samp {
 }
 
 #foot-name {
-	color: #484848;
 	text-transform: none;
 }
 
@@ -158,7 +160,6 @@ code, kbd, pre, samp {
 
 .post {
 	font-family: proxima-nova, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
-	color: #484848;
 	letter-spacing: normal;
 	padding-left: .5em;
 }
@@ -275,6 +276,7 @@ code, kbd, pre, samp {
 .box {
 	border: 1px solid black;
 	border-radius: 2px;
+	background-color: rgba(255,255,255,0.05);
 	box-shadow: 2px 2px 1px rgba(0,0,0,0.4);
 	padding: 4px;
 	margin-right: 3px;
@@ -289,3 +291,22 @@ figcaption h4 {
 	margin-top: 0.3em;
 	font-size: inherit !important;
 }
+
+.pure-menu-heading {
+	color: #E9E9E9;
+}
+
+hr {
+	color: rgba(255,255,255,0.2);	
+}
+
+.footer-content {
+	border-top: 1px solid rgba(255,255,255,0.4);
+}
+
+.nav-menu {
+	border-bottom: 1px solid rgba(255,255,255,0.4);
+}
+.pure-menu-link {
+	color: #E0E0E0;
+}

static/custom.css

@@ -1,3 +0,0 @@
-.post-title h1 {
-		margin-top: 10px;
-}