aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorÓscar Nájera <hi@oscarnajera.com>2022-02-13 18:07:52 +0100
committerÓscar Nájera <hi@oscarnajera.com>2022-02-13 18:07:52 +0100
commit17d65a66e8b860fb47684ae2d311f18ec1679ee2 (patch)
tree916b28915870b6744d9bef93f0abf005036b6ad5
parent113d4e53416ddf42212da6f217670bdc6f0c9dd8 (diff)
downloadhugo-minimalist-theme-17d65a66e8b860fb47684ae2d311f18ec1679ee2.tar.gz
hugo-minimalist-theme-17d65a66e8b860fb47684ae2d311f18ec1679ee2.tar.bz2
hugo-minimalist-theme-17d65a66e8b860fb47684ae2d311f18ec1679ee2.zip
Lighter white theme
There was too much green and it felt a bit annoying
-rw-r--r--assets/scss/style.scss15
-rw-r--r--layouts/_default/baseof.html2
-rw-r--r--layouts/index.html2
-rw-r--r--layouts/partials/author_card.html2
-rw-r--r--layouts/partials/hero.html2
-rw-r--r--layouts/partials/pagination.html8
-rw-r--r--layouts/partials/post.html4
-rw-r--r--layouts/partials/post_pager.html4
8 files changed, 22 insertions, 17 deletions
diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index 98afe53..c7b70dd 100644
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -141,27 +141,32 @@ div.highlight pre {
}
blockquote {
- @extend .bl, .bw2, .w3-theme-border, .pl2;
+ @extend .bl, .bw2, .w3-theme-border, .pl2, .near-white;
}
// POSTS
-.main-content,
-footer {
+.main-content {
a {
- @extend .link, .light-gray, .underline;
+ @extend .link, .near-black, .underline;
}
p code {
@extend .bg-black-30, .pa1;
}
}
+footer {
+ a {
+ @extend .link, .near-white, .underline;
+ }
+}
+
// Projects status feed
.status-feed {
dt {
@extend .b;
}
dd a {
- @extend .link, .w3-theme-d2, .pa1, .br3;
+ @extend .link, .w3-theme-l1, .pa1, .br3;
}
}
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 20e0c0c..81ba4d7 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
{{- partial "head.html" . -}}
- <body class="w3-theme-dark">
+ <body class="w3-theme-light">
{{- partial "header.html" . -}}
<div id="content" class="min-vh-100">
{{- block "main" . }}{{- end }}
diff --git a/layouts/index.html b/layouts/index.html
index b256f80..f84fa28 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -13,7 +13,7 @@
<div class="tc pa3">
<i class="fas fa-angle-right"></i>
- <a href="{{ .Type }}" class="f3 link near-white">See all</a>
+ <a href="{{ .Type }}" class="f3 link near-black">See all</a>
</div>
</div>
{{ end }}
diff --git a/layouts/partials/author_card.html b/layouts/partials/author_card.html
index 33c86b8..25e0701 100644
--- a/layouts/partials/author_card.html
+++ b/layouts/partials/author_card.html
@@ -4,7 +4,7 @@
</div>
<div class="w-90-ns ph3-ns">
<h5 class="f3 mv1 berkshire-swash">{{ .Site.Params.Owner }}</h5>
- <h6 class="f4 fw4 light-gray pa0 ma0">{{ .Site.Params.Role }}</h6>
+ <h6 class="f4 fw4 pa0 ma0">{{ .Site.Params.Role }}</h6>
<p class="f5 lh-copy">
{{ .Site.Params.bio }}
</p>
diff --git a/layouts/partials/hero.html b/layouts/partials/hero.html
index 7345fe9..cdbccdf 100644
--- a/layouts/partials/hero.html
+++ b/layouts/partials/hero.html
@@ -1,7 +1,7 @@
<div style="background: linear-gradient( rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.5) ), url('{{ .Params.image }}'); background-position: center;"
class="bg-center pv5" >
<div class="mw7 center ph2">
- <h1 class="f1 tc title berkshire-swash">{{ .Title }}</h1>
+ <h1 class="f1 tc title berkshire-swash near-white">{{ .Title }}</h1>
{{ .Content }}
</div>
</div>
diff --git a/layouts/partials/pagination.html b/layouts/partials/pagination.html
index 3aa16f7..52f4213 100644
--- a/layouts/partials/pagination.html
+++ b/layouts/partials/pagination.html
@@ -2,16 +2,16 @@
{{ if gt $pag.TotalPages 1 }}
<nav class="flex items-center justify-center pa4 f5">
{{ if $pag.HasPrev }}
- <a href="{{ $pag.Prev.URL }}" rel="prev" class="near-white link grow hover-bg-light-gray hover-near-black pa2 ba">« {{ T "Prev" }}</a>
+ <a href="{{ $pag.Prev.URL }}" rel="prev" class="near-black link grow hover-bg-light-gray pa2 ba">« {{ T "Prev" }}</a>
{{ end }}
{{ range $pag.Pagers }}
{{ if eq . $pag }}
- <span class= "white w3-theme ma1 pa2 ba"> {{ $pag.PageNumber }}</span>
+ <span class= "near-white bg-gray ma1 pa2 ba"> {{ $pag.PageNumber }}</span>
{{ else }}
- <a href="{{ .URL }}" class="db near-white link grow hover-bg-light-gray hover-near-black pa2 ba">{{ .PageNumber }}</a>
+ <a href="{{ .URL }}" class="db near-black link grow hover-bg-light-gray hover-near-black pa2 ba">{{ .PageNumber }}</a>
{{ end }}
{{ end }}
{{ if $pag.HasNext }}
- <a href="{{ $pag.Next.URL }}" rel="next" class="near-white link grow hover-bg-light-gray hover-near-black pa2 ba">{{ T "Next" }} »</a> {{ end }}
+ <a href="{{ $pag.Next.URL }}" rel="next" class="near-black link grow hover-bg-light-gray pa2 ba">{{ T "Next" }} »</a> {{ end }}
</nav>
{{ end }}
diff --git a/layouts/partials/post.html b/layouts/partials/post.html
index 8eaadee..56ca457 100644
--- a/layouts/partials/post.html
+++ b/layouts/partials/post.html
@@ -1,6 +1,6 @@
<article class="mw7 center pv4 ph3">
<a class="db no-underline grow" href= "{{ .RelPermalink }}">
- <h3 class="f3 baskerville mt0 lh-title near-white">{{.Title }}</h3>
+ <h3 class="f3 baskerville mt0 lh-title near-black">{{.Title }}</h3>
<div class="cf">
{{ if isset .Params "image" }}
{{ $image := resources.Get .Params.image }}
@@ -9,7 +9,7 @@
<img src="{{ $image.RelPermalink }}" class="db center">
</div>
{{ end }}
- <div class="f5 lh-copy near-white">
+ <div class="f5 lh-copy near-black">
{{ .Summary }}
</div>
</div>
diff --git a/layouts/partials/post_pager.html b/layouts/partials/post_pager.html
index 6fe00aa..2078f02 100644
--- a/layouts/partials/post_pager.html
+++ b/layouts/partials/post_pager.html
@@ -1,10 +1,10 @@
<nav class="flex items-center justify-center pa4 f5">
{{ with .NextInSection }}
- <a href="{{ .RelPermalink }}" rel="prev" class="near-white link bg-animate hover-bg-light-gray hover-near-black pa2 ba ma2">
+ <a href="{{ .RelPermalink }}" rel="prev" class="near-black link bg-animate hover-bg-light-gray pa2 ba ma2">
« {{ .Title }}</a>
{{ end }}
{{ with .PrevInSection }}
- <a href="{{ .RelPermalink }}" rel="prev" class="near-white link bg-animate hover-bg-light-gray hover-near-black pa2 ba ma2">
+ <a href="{{ .RelPermalink }}" rel="prev" class="near-black link bg-animate hover-bg-light-gray pa2 ba ma2">
{{ .Title }} »</a>
{{ end }}
</nav>