mirror of
https://github.com/Brandon-Rozek/website-theme.git
synced 2024-11-09 10:50:34 -05:00
Invert avatar border in dark mode
This commit is contained in:
parent
508b13f563
commit
acfc578801
3 changed files with 6 additions and 2 deletions
|
@ -46,3 +46,7 @@ a:active {
|
||||||
#contentsList hr.separator {
|
#contentsList hr.separator {
|
||||||
border: solid 1px #363636;
|
border: solid 1px #363636;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
img.avatar-border {
|
||||||
|
filter: invert(100%);
|
||||||
|
}
|
|
@ -8,7 +8,7 @@
|
||||||
<!-- avator -->
|
<!-- avator -->
|
||||||
<div class="avatar">
|
<div class="avatar">
|
||||||
<img class="avatarMask" src="/img/{{ .Site.Params.avatar }}" alt="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>
|
</div>
|
||||||
<!-- author -->
|
<!-- author -->
|
||||||
<h1 class="author">{{ .Site.Params.Author }}</h1>
|
<h1 class="author">{{ .Site.Params.Author }}</h1>
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
<!-- avator -->
|
<!-- avator -->
|
||||||
<div class="avatar">
|
<div class="avatar">
|
||||||
<img class="avatarMask" src="{{ .Site.BaseURL }}/img/{{ .Site.Params.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>
|
</div>
|
||||||
<!-- author -->
|
<!-- author -->
|
||||||
<h2><a class="author" href="{{ .Site.BaseURL }}">{{ .Site.Params.Author }}</a></h2>
|
<h2><a class="author" href="{{ .Site.BaseURL }}">{{ .Site.Params.Author }}</a></h2>
|
||||||
|
|
Loading…
Reference in a new issue