diff options
| author | Shea Polansky <shea@polansky.co> | 2020-03-22 23:49:18 +0300 |
|---|---|---|
| committer | Shea Polansky <shea@polansky.co> | 2020-03-22 23:51:52 +0300 |
| commit | acfc578801a6fb9de10dc0df19f48f1ab6a21afd (patch) | |
| tree | 8136e5ec96d848577b0c054ca9ae9335f6b0e180 | |
| parent | 508b13f5634a8a9c1e4fef084d135fb2afb5338f (diff) | |
Invert avatar border in dark mode
| -rw-r--r-- | assets/css/style-dark.css | 4 | ||||
| -rw-r--r-- | layouts/index.html | 2 | ||||
| -rw-r--r-- | layouts/partials/header.html | 2 |
3 files changed, 6 insertions, 2 deletions
diff --git a/assets/css/style-dark.css b/assets/css/style-dark.css index 8502818..685e021 100644 --- a/assets/css/style-dark.css +++ b/assets/css/style-dark.css @@ -46,3 +46,7 @@ a:active { #contentsList hr.separator { border: solid 1px #363636; } + +img.avatar-border { + filter: invert(100%); +}
\ No newline at end of file diff --git a/layouts/index.html b/layouts/index.html index 1bc104a..9956da5 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -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> diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 9c1d7e7..cf8a7ba 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -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> |