diff options
| -rw-r--r-- | assets/css/blog.css | 8 | ||||
| -rw-r--r-- | assets/image/moon.svg | 2 | ||||
| -rw-r--r-- | templates/sidebar.html.j2 | 4 |
3 files changed, 11 insertions, 3 deletions
diff --git a/assets/css/blog.css b/assets/css/blog.css index 028e4b9..e4f4bf8 100644 --- a/assets/css/blog.css +++ b/assets/css/blog.css @@ -10,6 +10,10 @@ --term-magenta: #b294bb; --term-cyan: #8abeb7; --term-white: #b5aba8; + + .filter-yellow{ + filter: brightness(0) saturate(100%) invert(91%) sepia(86%) saturate(596%) hue-rotate(314deg) brightness(96%) contrast(97%); + } } [used-theme="light"] { @@ -23,6 +27,10 @@ --term-magenta: #d52ad2; --term-cyan: #00dad5; --term-white: #f3f3f3; + + .filter-yellow { + filter: brightness(0) saturate(100%) invert(61%) sepia(18%) saturate(3874%) hue-rotate(6deg) brightness(101%) contrast(101%); + } } a[class*="theme-selector"] { diff --git a/assets/image/moon.svg b/assets/image/moon.svg index c0e3eeb..436e0fc 100644 --- a/assets/image/moon.svg +++ b/assets/image/moon.svg @@ -1 +1 @@ -<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#f0c674" d="M235.54 150.21a104.84 104.84 0 0 1-37 52.91A104 104 0 0 1 32 120a103.1 103.1 0 0 1 20.88-62.52a104.84 104.84 0 0 1 52.91-37a8 8 0 0 1 10 10a88.08 88.08 0 0 0 109.8 109.8a8 8 0 0 1 10 10Z"/></svg>
\ No newline at end of file +<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#cccccc" d="M235.54 150.21a104.84 104.84 0 0 1-37 52.91A104 104 0 0 1 32 120a103.1 103.1 0 0 1 20.88-62.52a104.84 104.84 0 0 1 52.91-37a8 8 0 0 1 10 10a88.08 88.08 0 0 0 109.8 109.8a8 8 0 0 1 10 10Z"/></svg> diff --git a/templates/sidebar.html.j2 b/templates/sidebar.html.j2 index f675735..a58c2cb 100644 --- a/templates/sidebar.html.j2 +++ b/templates/sidebar.html.j2 @@ -10,7 +10,7 @@ Sometimes I touch upon some more artistic stuff, but mostly just to amuse myself </div> <h3 class="magenta">My other thingies</h3> <a href="https://wazul.moe" class="icon-text" target="_blank"> -<img src="/assets/image/website.svg" class="svg-icon" /> +<img src="/assets/image/website.svg" class="svg-icon filter-yellow" /> <span>Website</span> </a> <a href="https://mastodon.gamedev.place/@wazul" class="icon-text" target="_blank"> @@ -41,7 +41,7 @@ Sometimes I touch upon some more artistic stuff, but mostly just to amuse myself </a> <h3 class="magenta">Contact me at</h3> <a href="mailto:contact@wazul.moe" class="icon-text"> -<img src="/assets/image/email.svg" class="svg-icon" /> +<img src="/assets/image/email.svg" class="svg-icon filter-yellow" /> <span>contact@wazul.moe</span> </a> <p>especially if you find some typos or bugs on the page</p> |
