TheThomaas/my-online-cookbook
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Update icons to use dynamic colors

Browse source
This commit is contained in:
TheThomaas 2025-04-25 16:41:10 +02:00
parent f38a464c94
commit 8350fd6422
3 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/_includes/icons/close.svg
View file

@ -1,3 +1,3 @@
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.0156 11.0175L21.5819 2.4509C22.1394 1.89367 22.1394 0.992719 21.5819 0.435496C21.0247 -0.121728 20.1238 -0.121728 19.5665 0.435496L10.9999 9.00212L2.43352 0.435496C1.87603 -0.121728 0.975338 -0.121728 0.418114 0.435496C-0.139371 0.992719 -0.139371 1.89367 0.418114 2.4509L8.98449 11.0175L0.418114 19.5841C-0.139371 20.1414 -0.139371 21.0423 0.418114 21.5995C0.695812 21.8775 1.06094 22.0171 1.42582 22.0171C1.79069 22.0171 2.15556 21.8775 2.43352 21.5995L10.9999 13.0329L19.5665 21.5995C19.8445 21.8775 20.2094 22.0171 20.5742 22.0171C20.9391 22.0171 21.304 21.8775 21.5819 21.5995C22.1394 21.0423 22.1394 20.1414 21.5819 19.5841L13.0156 11.0175Z" fill="#3A3A3A"/>
<path d="M13.0156 11.0175L21.5819 2.4509C22.1394 1.89367 22.1394 0.992719 21.5819 0.435496C21.0247 -0.121728 20.1238 -0.121728 19.5665 0.435496L10.9999 9.00212L2.43352 0.435496C1.87603 -0.121728 0.975338 -0.121728 0.418114 0.435496C-0.139371 0.992719 -0.139371 1.89367 0.418114 2.4509L8.98449 11.0175L0.418114 19.5841C-0.139371 20.1414 -0.139371 21.0423 0.418114 21.5995C0.695812 21.8775 1.06094 22.0171 1.42582 22.0171C1.79069 22.0171 2.15556 21.8775 2.43352 21.5995L10.9999 13.0329L19.5665 21.5995C19.8445 21.8775 20.2094 22.0171 20.5742 22.0171C20.9391 22.0171 21.304 21.8775 21.5819 21.5995C22.1394 21.0423 22.1394 20.1414 21.5819 19.5841L13.0156 11.0175Z" fill="currentColor"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 781 B

After

Width:  |  Height:  |  Size: 786 B

2
src/_includes/icons/logo.svg
View file

@ -1 +1 @@
<svg width="47" height="56" viewBox="0 0 47 56" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M43.301 0H6.371C4.333 0 2.68 1.643 2.68 3.67v48.335c0 2.027 1.652 3.67 3.69 3.67H43.3c2.043 0 3.699-1.647 3.699-3.679V3.678C47 1.647 45.344 0 43.301 0z" fill="var(--color-primary, #FED35B)"/><path d="M42.33 1.104H6.712c-1.966 0-3.559 1.578-3.559 3.524v46.42c0 1.945 1.593 3.523 3.559 3.523h35.616c1.97 0 3.567-1.582 3.567-3.532V4.636c0-1.95-1.597-3.533-3.567-3.533z" fill="#EDEDED"/><path d="M40.365 0H3.666A3.666 3.666 0 000 3.666v48.298a3.666 3.666 0 003.666 3.667h36.7a3.675 3.675 0 003.675-3.675V3.675A3.675 3.675 0 0040.366 0z" fill="var(--color-primary, #FED35B)"/><path d="M3.666 0A3.666 3.666 0 000 3.666v48.298a3.666 3.666 0 003.666 3.667h2.317V0H3.666z" fill="#000" fill-opacity=".05"/><path d="M33.439 21.411a.596.596 0 00-.596.596v6.468h-1.059v-6.468a.596.596 0 00-.595-.596h-.01a.596.596 0 00-.595.596v6.468h-1.06v-6.468a.596.596 0 00-.595-.596h-.01a.596.596 0 00-.595.596v6.468h-1.059v-6.468a.596.596 0 00-1.191 0v6.422c0 1.324.676 2.554 1.792 3.264l.854.544-.473 16.514c-.033.99.708 1.872 1.697 1.93a1.81 1.81 0 001.92-1.867l-.476-16.577.855-.544a3.868 3.868 0 001.791-3.264v-6.422a.596.596 0 00-.595-.596zM23.343 27.417c0-3.317-1.978-6.006-4.418-6.006-2.44 0-4.417 2.689-4.417 6.006 0 2.67 1.283 4.932 3.056 5.712l-.447 15.622c-.033.99.707 1.872 1.697 1.93a1.81 1.81 0 001.92-1.867l-.45-15.684c1.774-.78 3.059-3.041 3.059-5.713z" fill="#344D5B"/><path d="M18.925 31.707c1.964 0 3.556-2.164 3.556-4.834 0-2.669-1.592-4.833-3.556-4.833-1.963 0-3.555 2.164-3.555 4.833 0 2.67 1.592 4.834 3.555 4.834z" fill="#293B44"/><path d="M14.009 6.643h20.524v8.359H14.01v-8.36z" fill="#EDEDED"/></svg>
<svg width="47" height="56" viewBox="0 0 47 56" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M43.301 0H6.371C4.333 0 2.68 1.643 2.68 3.67v48.335c0 2.027 1.652 3.67 3.69 3.67H43.3c2.043 0 3.699-1.647 3.699-3.679V3.678C47 1.647 45.344 0 43.301 0z" fill="var(--logo-primary-color, var(--color-primary, #FED35B))"/><path d="M42.33 1.104H6.712c-1.966 0-3.559 1.578-3.559 3.524v46.42c0 1.945 1.593 3.523 3.559 3.523h35.616c1.97 0 3.567-1.582 3.567-3.532V4.636c0-1.95-1.597-3.533-3.567-3.533z" fill="#EDEDED"/><path d="M40.365 0H3.666A3.666 3.666 0 000 3.666v48.298a3.666 3.666 0 003.666 3.667h36.7a3.675 3.675 0 003.675-3.675V3.675A3.675 3.675 0 0040.366 0z" fill="var(--logo-primary-color, var(--color-primary, #FED35B))"/><path d="M3.666 0A3.666 3.666 0 000 3.666v48.298a3.666 3.666 0 003.666 3.667h2.317V0H3.666z" fill="#000" fill-opacity=".05"/><path d="M33.439 21.411a.596.596 0 00-.596.596v6.468h-1.059v-6.468a.596.596 0 00-.595-.596h-.01a.596.596 0 00-.595.596v6.468h-1.06v-6.468a.596.596 0 00-.595-.596h-.01a.596.596 0 00-.595.596v6.468h-1.059v-6.468a.596.596 0 00-1.191 0v6.422c0 1.324.676 2.554 1.792 3.264l.854.544-.473 16.514c-.033.99.708 1.872 1.697 1.93a1.81 1.81 0 001.92-1.867l-.476-16.577.855-.544a3.868 3.868 0 001.791-3.264v-6.422a.596.596 0 00-.595-.596zM23.343 27.417c0-3.317-1.978-6.006-4.418-6.006-2.44 0-4.417 2.689-4.417 6.006 0 2.67 1.283 4.932 3.056 5.712l-.447 15.622c-.033.99.707 1.872 1.697 1.93a1.81 1.81 0 001.92-1.867l-.45-15.684c1.774-.78 3.059-3.041 3.059-5.713z" fill="#344D5B"/><path d="M18.925 31.707c1.964 0 3.556-2.164 3.556-4.834 0-2.669-1.592-4.833-3.556-4.833-1.963 0-3.555 2.164-3.555 4.833 0 2.67 1.592 4.834 3.555 4.834z" fill="#293B44"/><path d="M14.009 6.643h20.524v8.359H14.01v-8.36z" fill="#EDEDED"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

2
src/_includes/icons/search.svg
View file

@ -1 +1 @@
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path d="M21.731 20.436l-6.256-6.256a8.666 8.666 0 001.941-5.47C17.416 3.907 13.51 0 8.708 0 3.907.001 0 3.908 0 8.709c0 4.802 3.907 8.709 8.708 8.709 2.072 0 3.974-.73 5.47-1.942l6.257 6.256a.914.914 0 001.296 0 .916.916 0 000-1.296zM8.708 15.584A6.882 6.882 0 011.833 8.71a6.882 6.882 0 016.875-6.875 6.882 6.882 0 016.875 6.875 6.882 6.882 0 01-6.875 6.875z" fill="#3A3A3A"/></g></svg>
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path d="M21.731 20.436l-6.256-6.256a8.666 8.666 0 001.941-5.47C17.416 3.907 13.51 0 8.708 0 3.907.001 0 3.908 0 8.709c0 4.802 3.907 8.709 8.708 8.709 2.072 0 3.974-.73 5.47-1.942l6.257 6.256a.914.914 0 001.296 0 .916.916 0 000-1.296zM8.708 15.584A6.882 6.882 0 011.833 8.71a6.882 6.882 0 016.875-6.875 6.882 6.882 0 016.875 6.875 6.882 6.882 0 01-6.875 6.875z" fill="currentColor"/></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 486 B

After

Width:  |  Height:  |  Size: 491 B