diff options
author | yuweizzz <yuwei764969238@gmail.com> | 2021-11-25 19:25:00 +0300 |
---|---|---|
committer | yuweizzz <yuwei764969238@gmail.com> | 2021-11-25 19:25:00 +0300 |
commit | 999d2961d25be7f5975a0b7590c5584edd7229cd (patch) | |
tree | 7ac6dff698f62f6f584f9ac13af44795e483094a | |
parent | 4351c2ac42b0fffff496fb9d4b418d9da941713a (diff) |
添加Github图标动态跟随显示模式
-rw-r--r-- | layouts/partials/user-profile.html | 15 | ||||
-rw-r--r-- | static/js/theme-mode.js | 7 |
2 files changed, 20 insertions, 2 deletions
diff --git a/layouts/partials/user-profile.html b/layouts/partials/user-profile.html index add5ddb..6cdd368 100644 --- a/layouts/partials/user-profile.html +++ b/layouts/partials/user-profile.html @@ -108,7 +108,10 @@ <h2 class="mb-2 h4">Organizations</h2> {{ if .Site.Params.github}} <a class="avatar-group-item" href="https://github.com/{{ .Site.Params.github }}"> - <img alt="@github" width="32" height="32" src="{{ "images/github.png" | absURL }}" class="avatar"> + <svg id="github-icon" viewBox="0 0 16 16" version="1.1" width="32" height="32"> + <path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"> + </path> + </svg> </a> {{ end }} @@ -190,4 +193,14 @@ window.onscroll = function (e) { document.querySelector('#headerStuck').classList.remove('is-stuck'); } }; +var style = localStorage.getItem('data-color-mode'); +iconElement = document.getElementById('github-icon'); +if (style == 'light') { + iconElement.setAttribute('fill', '#24292e'); + iconElement.setAttribute('class', 'Header-link'); +} +else { + iconElement.removeAttribute('fill'); + iconElement.setAttribute('class', 'octicon Header-link'); +} </script> diff --git a/static/js/theme-mode.js b/static/js/theme-mode.js index 58b58a1..c1f9bab 100644 --- a/static/js/theme-mode.js +++ b/static/js/theme-mode.js @@ -1,11 +1,16 @@ function switchTheme() { const currentStyle = currentTheme(); + var iconElement = document.getElementById('github-icon'); if (currentStyle == 'light') { setTheme('dark'); + iconElement.removeAttribute('fill'); + iconElement.setAttribute('class', 'octicon Header-link'); } else { setTheme('light'); + iconElement.setAttribute('fill', '#24292e'); + iconElement.setAttribute('class', 'Header-link'); } } @@ -25,4 +30,4 @@ function currentTheme() { (() => { setTheme(currentTheme()); -})();
\ No newline at end of file +})(); |