gitbot/hugo-book
1
0
Fork 1
mirror of https://github.com/alex-shpak/hugo-book.git synced 2024-11-25 12:46:44 +00:00
Code Issues Projects Releases Wiki Activity

Make icons white in dark mode

Browse Source
This commit is contained in:
Alex Shpak 2019-12-09 11:05:49 +01:00
parent a2e356d4bb
commit d934e0b12a
8 changed files with 16 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/_defaults.scss
View File

@ -41,9 +41,11 @@ $toc-width: 16rem !default;
$md-breakpoint: $menu-width + $body-min-width * 1.25 + $toc-width !default; $md-breakpoint: $menu-width + $body-min-width * 1.25 + $toc-width !default;
$sm-breakpoint: $menu-width + $body-min-width !default; $sm-breakpoint: $menu-width + $body-min-width !default;
// Panel colors // Hint colors
$hint-colors: ( $hint-colors: (
info: #6bf, info: #6bf,
warning: #fd6, warning: #fd6,
danger: #f66 danger: #f66
) !default; ) !default;
$icon-filter: none !default;

15
assets/_main.scss
View File

@ -94,6 +94,10 @@ ul.pagination {
margin: 0 auto; margin: 0 auto;
} }
.book-icon {
filter: $icon-filter;
}
.book-brand { .book-brand {
margin-top: 0; margin-top: 0;
@ -275,17 +279,6 @@ ul.pagination {
} }
} }
.book-posts {
min-width: $body-min-width;
max-width: $body-min-width * 2;
flex-grow: 1;
padding: $padding-16;
article {
padding-bottom: $padding-16;
}
}
.book-home { .book-home {
padding: $padding-16; padding: $padding-16;
} }

2
assets/plugins/_dark.scss
View File

@ -6,3 +6,5 @@ $body-font-color: #e9ecef;
$color-link: #84b2ff; $color-link: #84b2ff;
$color-visited-link: #b88dff; $color-visited-link: #b88dff;
$icon-filter: brightness(0) invert(1);

2
exampleSite/resources/_gen/assets/scss/book.scss_50fc8c04e12a2f59027287995557ceff.content
View File

File diff suppressed because one or more lines are too long

2
exampleSite/resources/_gen/assets/scss/book.scss_50fc8c04e12a2f59027287995557ceff.json
View File

@ -1 +1 @@
{"Target":"book.min.eddc90f1d1267cb826e7cffc53c434e50061c4bfe41146a43670842ce6cb3bf6.css","MediaType":"text/css","Data":{"Integrity":"sha256-7dyQ8dEmfLgm58/8U8Q05QBhxL/kEUakNnCELObLO/Y="}} {"Target":"book.min.daeb3603c687f9ac8113081371aff99b3a3a6406ce59d6f8e0a2d0e545b7bd24.css","MediaType":"text/css","Data":{"Integrity":"sha256-2us2A8aH+ayBEwgTca/5mzo6ZAbOWdb44KLQ5UW3vSQ="}}

4
layouts/partials/docs/footer.html
View File

@ -8,7 +8,7 @@
<div> <div>
{{ $date := .AuthorDate.Local.Format (default "January 2, 2006" $.Site.Params.BookDateFormat) }} {{ $date := .AuthorDate.Local.Format (default "January 2, 2006" $.Site.Params.BookDateFormat) }}
<a class="flex align-center" href="{{ $.Site.Params.BookRepo }}/commit/{{ .Hash }}" title='{{ i18n "Last modified by" }} {{ .AuthorName }} | {{ $date }}' target="_blank"> <a class="flex align-center" href="{{ $.Site.Params.BookRepo }}/commit/{{ .Hash }}" title='{{ i18n "Last modified by" }} {{ .AuthorName }} | {{ $date }}' target="_blank">
<img src="{{ "svg/calendar.svg" | relURL }}" alt="Calendar" /> <img src="{{ "svg/calendar.svg" | relURL }}" class="book-icon" alt="Calendar" />
<span>{{ $date }}</span> <span>{{ $date }}</span>
</a> </a>
</div> </div>
@ -18,7 +18,7 @@
{{ if and .File .Site.Params.BookRepo .Site.Params.BookEditPath }} {{ if and .File .Site.Params.BookRepo .Site.Params.BookEditPath }}
<div> <div>
<a class="flex align-center" href="{{ .Site.Params.BookRepo }}/{{ .Site.Params.BookEditPath }}/{{ .File.Path }}" target="_blank"> <a class="flex align-center" href="{{ .Site.Params.BookRepo }}/{{ .Site.Params.BookEditPath }}/{{ .File.Path }}" target="_blank">
<img src="{{ "svg/edit.svg" | relURL }}" alt="Edit" /> <img src="{{ "svg/edit.svg" | relURL }}" class="book-icon" alt="Edit" />
<span>{{ i18n "Edit this page" }}</span> <span>{{ i18n "Edit this page" }}</span>
</a> </a>
</div> </div>

4
layouts/partials/docs/languages.html
View File

@ -11,7 +11,7 @@
<ul> <ul>
<li class="flex"> <li class="flex">
<img src="{{ "svg/translate.svg" | relURL }}" alt="Languages" /> <img src="{{ "svg/translate.svg" | relURL }}" class="book-icon" alt="Languages" />
{{ $.Site.Language.LanguageName }} {{ $.Site.Language.LanguageName }}
</li> </li>
</ul> </ul>
@ -20,7 +20,7 @@
{{ range sort $langs }} {{ range sort $langs }}
<li class="{{ if (eq $.Site.Language .Language ) }}active{{ end }}"> <li class="{{ if (eq $.Site.Language .Language ) }}active{{ end }}">
<a href="{{ .Permalink }}" class="flex"> <a href="{{ .Permalink }}" class="flex">
<img src="{{ "svg/translate.svg" | relURL }}" alt="Languages" /> <img src="{{ "svg/translate.svg" | relURL }}" class="book-icon" alt="Languages" />
{{ .Language.LanguageName }} {{ .Language.LanguageName }}
</a> </a>
</li> </li>

2
layouts/partials/docs/mobile-header.html
View File

@ -1,6 +1,6 @@
<header class="flex align-center justify-between book-header"> <header class="flex align-center justify-between book-header">
<label for="menu-control"> <label for="menu-control">
<img src="{{ "svg/menu.svg" | relURL }}" alt="Menu" /> <img src="{{ "svg/menu.svg" | relURL }}" class="book-icon" alt="Menu" />
</label> </label>
<strong>{{ partial "docs/title" . }}</strong> <strong>{{ partial "docs/title" . }}</strong>
</header> </header>