diff options
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 |
commit | 17d65a66e8b860fb47684ae2d311f18ec1679ee2 (patch) | |
tree | 916b28915870b6744d9bef93f0abf005036b6ad5 | |
parent | 113d4e53416ddf42212da6f217670bdc6f0c9dd8 (diff) | |
download | hugo-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.scss | 15 | ||||
-rw-r--r-- | layouts/_default/baseof.html | 2 | ||||
-rw-r--r-- | layouts/index.html | 2 | ||||
-rw-r--r-- | layouts/partials/author_card.html | 2 | ||||
-rw-r--r-- | layouts/partials/hero.html | 2 | ||||
-rw-r--r-- | layouts/partials/pagination.html | 8 | ||||
-rw-r--r-- | layouts/partials/post.html | 4 | ||||
-rw-r--r-- | layouts/partials/post_pager.html | 4 |
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> |