Invert avatar border in dark mode

This commit is contained in:
Shea Polansky 2020-03-22 13:49:18 -07:00
parent 508b13f563
commit acfc578801
3 changed files with 6 additions and 2 deletions

View file

@ -46,3 +46,7 @@ a:active {
#contentsList hr.separator {
border: solid 1px #363636;
}
img.avatar-border {
filter: invert(100%);
}

View file

@ -8,7 +8,7 @@
<!-- avator -->
<div class="avatar">
<img class="avatarMask" src="/img/{{ .Site.Params.avatar }}" alt="avatar">
<img src="/img/avatar-border.svg" alt="avatar-border">
<img src="/img/avatar-border.svg" class="avatar-border" alt="avatar-border">
</div>
<!-- author -->
<h1 class="author">{{ .Site.Params.Author }}</h1>

View file

@ -2,7 +2,7 @@
<!-- avator -->
<div class="avatar">
<img class="avatarMask" src="{{ .Site.BaseURL }}/img/{{ .Site.Params.avatar }}">
<a href="{{ .Site.BaseURL }}"><img src="{{ .Site.BaseURL }}/img/avatar-border.svg"></a>
<a href="{{ .Site.BaseURL }}"><img class="avatar-border" src="{{ .Site.BaseURL }}/img/avatar-border.svg"></a>
</div>
<!-- author -->
<h2><a class="author" href="{{ .Site.BaseURL }}">{{ .Site.Params.Author }}</a></h2>