diff options
| author | Botond Hende <nettingman@gmail.com> | 2024-09-07 18:29:53 +0200 |
|---|---|---|
| committer | Botond Hende <nettingman@gmail.com> | 2024-09-07 18:29:53 +0200 |
| commit | 00203b419fa58d8463b0a6c8f87852aca6bbd142 (patch) | |
| tree | 829488116d2d1bcb679afd95fe294fee95041448 /assets | |
| parent | b982508df0c4514544c1c5b0fff2573147d34e67 (diff) | |
certain icons are colored according to theme
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/css/blog.css | 8 | ||||
| -rw-r--r-- | assets/image/moon.svg | 2 |
2 files changed, 9 insertions, 1 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> |
