brozek/website-theme
1
0
Fork 0
mirror of https://github.com/Brandon-Rozek/website-theme.git synced 2024-09-19 14:25:12 -04:00
Code Issues Projects Releases Packages Wiki Activity

Invert avatar border in dark mode

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
assets/css/style-dark.css
View file

@ -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%);
}

2
layouts/index.html
View file

@ -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
layouts/partials/header.html
View file

@ -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>