Switched to a solarized color scheme

assets/footer.css

@@ -1,11 +1,11 @@
 footer {
-	background-color: #30638e;
+	background-color: #002b36;
 	padding: 10px;
 }
 footer p {
-	color: lightgray;
+	color: #859900;
 	text-align: center;
 }
 footer a {
-	color: lightgray;
+	color: #859900;
 }

assets/header.css

@@ -1,5 +1,5 @@
 header {
-	background-color: #30638e;
+	background-color: #002b36;
 }
 header nav ul {
 	list-style-type: none;
@@ -14,19 +14,15 @@ header nav ul li {
 }
 header nav ul li a {
 	display: block;
-	color: lightgray;
 	text-align: center;
 	padding: 14px 16px;
 	text-decoration: none;
 }
-header nav ul li a:hover {
-	color: black;
+.nav-menu-active {
+	background-color: #073642;
 }
 .nav-menu-title {
 	float: left;
 	text-transform: uppercase;
 	font-weight: 700;
 }
-.nav-menu-active {
-	color: white;
-}

assets/pagination.css

@@ -3,6 +3,9 @@
 	list-style:none;
 	border-radius:.25rem;
 }
+.pagination li {
+	background-color: #002b36;
+}
 .pagination li a {
 	border:1px solid rgba(0,0,0,.1);
 	position:relative;
@@ -11,23 +14,25 @@
 	line-height:1.25;
 	text-decoration: none;
 }
-.pagination li:first-child a {
+.pagination .pagination-enabled:first-child a {
 	border-top-left-radius:.25rem;
 	border-bottom-left-radius:.25rem
 }
-.pagination li:last-child a {
+.pagination .pagination-enabled:last-child a {
 	border-top-right-radius:.25rem;
 	border-bottom-right-radius:.25rem
 }
-.pagination li a:hover {
-	color:#1e53a0;
-	background-color:#eee;
+.pagination .pagination-enabled a:hover {
+	background-color: #073642;
 	z-index: 999;
 }
-.pagination-disabled {
-	color: lightgray;
+.pagination-disabled a {
+	color: #839496;
+}
+.pagination-disabled a:hover {
+	color: #839496;
 }
 .pagination-active a {
 	color: white;
-	background-color: #30638e;
+	background-color: #073642;
 }

assets/solarized.css

@@ -0,0 +1,36 @@
+html {
+	background-color: #002b36;
+	color: #839496;
+}
+body {
+	background-color: #073642;
+}
+code {
+	background-color: #073642;
+}
+a {
+	color: #b58900;
+}
+a:visited {
+	color: #cb4b16;
+}
+a:hover {
+	color: #cb4b16;
+}
+h1 {
+	color: #dc322f;
+}
+h2,
+h3,
+h4,
+h5,
+h6 {
+	color: #859900;
+}
+pre {
+	background-color: #002b36;
+	color: #839496;
+}
+pre, code {
+	background-color: #002b36;
+}

config.toml

@@ -7,14 +7,19 @@ enableGitInfo = true
 paginate = 32
 rssLimit = 16
 
-# Highlighting config
-pygmentsCodeFences = true
-pygmentsUseClasses = false
-# Use the new Chroma Go highlighter in Hugo.
-pygmentsUseClassic = false
-#pygmentsOptions = "linenos=table"
-# See https://help.farbox.com/pygments.html
-pygmentsStyle = "tango"
+[markup]
+[markup.highlight]
+anchorLineNos = false
+codeFences = true
+guessSyntax = false
+hl_Lines = ''
+lineAnchors = ''
+lineNoStart = 1
+lineNos = false
+lineNumbersInTable = true
+noClasses = true
+style = 'solarized-dark'
+tabWidth = 2
 
 [permalinks]
 blog = "/:section/:year/:month/:day/:slug/"

layouts/_default/baseof.html

@@ -14,7 +14,8 @@
 		{{- $home := resources.Get "home.css" -}}
 		{{- $pagination := resources.Get "pagination.css" -}}
 		{{- $footer := resources.Get "footer.css" -}}
-		{{- $allCss := slice $base $header $home $pagination $footer | resources.Concat "static/all.css" | fingerprint | minify -}}
+		{{- $solarized := resources.Get "solarized.css" -}}
+		{{- $allCss := slice $base $header $home $pagination $footer $solarized | resources.Concat "static/all.css" | fingerprint | minify -}}
 		<link rel="stylesheet" href="{{ $allCss.Permalink }}">
 
 		{{ range .AlternativeOutputFormats -}}

layouts/partials/nav.html

@@ -12,8 +12,8 @@
 			{{- end -}}
 			{{- $url := urls.Parse .URL -}}
 			{{- $baseurl := urls.Parse $.Site.Params.Baseurl -}}
-			<li>
-				<a{{if $active }} class="nav-menu-active"{{end}} href="{{ with .Page }}{{ .RelPermalink }}{{ else }}{{ .URL | relLangURL }}{{ end }}"{{ if ne $url.Host $baseurl.Host }}target="_blank" {{ end }}>{{ .Name }}</a>
+			<li{{if $active }} class="nav-menu-active"{{end}}>
+				<a href="{{ with .Page }}{{ .RelPermalink }}{{ else }}{{ .URL | relLangURL }}{{ end }}"{{ if ne $url.Host $baseurl.Host }}target="_blank" {{ end }}>{{ .Name }}</a>
 			</li>
 			{{ end }}
 		</ul>

layouts/partials/pagination.html

@@ -2,7 +2,7 @@
 {{- if gt $pag.TotalPages 1 -}}
 <ul class="pagination">
 	{{ with $pag.First -}}
-	<li{{ if not $pag.HasPrev }} class="pagination-disabled"{{ end }}>
+	<li {{ if $pag.HasPrev }}class="pagination-enabled"{{ else }}class="pagination-disabled"{{ end }}>
 		<a {{ if $pag.HasPrev }}href="{{ .URL }}"{{ end }} aria-label="First"><span aria-hidden="true">&laquo;</span></a>
 	</li>
 	{{ end -}}
@@ -12,7 +12,7 @@
 	</li>
 	{{- end }}
 	{{- with $pag.Last }}
-	<li{{ if not $pag.HasNext }} class="pagination-disabled"{{ end }}>
+	<li {{ if $pag.HasNext }}class="pagination-enabled"{{ else }}class="pagination-disabled"{{ end }}>
 		<a {{ if $pag.HasNext }}href="{{ .URL }}"{{ end }} aria-label="Last"><span aria-hidden="true">&raquo;</span></a>
 	</li>
 	{{- end }}