Switched to a solarized color scheme

This commit is contained in:
Julien Dessaux 2021-08-16 12:35:32 +02:00
parent 4bbf3e7788
commit 78a6f5505d
8 changed files with 74 additions and 31 deletions

View file

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

View file

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

View file

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

36
assets/solarized.css Normal file
View file

@ -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;
}

View file

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

View file

@ -14,7 +14,8 @@
{{- $home := resources.Get "home.css" -}} {{- $home := resources.Get "home.css" -}}
{{- $pagination := resources.Get "pagination.css" -}} {{- $pagination := resources.Get "pagination.css" -}}
{{- $footer := resources.Get "footer.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 }}"> <link rel="stylesheet" href="{{ $allCss.Permalink }}">
{{ range .AlternativeOutputFormats -}} {{ range .AlternativeOutputFormats -}}

View file

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

View file

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