hammy
/
catppuccin
mirror of https://github.com/sgoudham/catppuccin.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

docs: add responsive logo themes (#1890)

Browse Source
pull/1/head
winston 2 years ago committed by GitHub
parent 5aa9761d91
commit e8313002c9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
15 changed files with 58 additions and 75 deletions
Show Stats Download Patch File Download Diff File

48
README.md
Unescape Escape View File

@ -37,17 +37,53 @@ Catppuccin is a community-driven pastel theme that aims to be the middle ground
</p> </p>
<p align="center"> <p align="center">
<a href="https://github.com/catppuccin"><img src="assets/social/latte_github.svg" width="64" height="64" alt="Github Logo"/></a> <a href="https://github.com/catppuccin">
<picture>
<source srcset="assets/social/macchiato_github.svg" width="64" height="64" alt="Github Logo" media="(prefers-color-scheme: dark)"/>
<source srcset="assets/social/latte_github.svg" width="64" height="64" alt="Github Logo" media="(prefers-color-scheme: latte), (prefers-color-scheme: no-preference)"/>
<img src="assets/social/latte_github.svg" width="64" height="64" alt="Github Logo"/>
</picture>
</a>
<img src="assets/misc/transparent.png" height="1" width="5"/> <img src="assets/misc/transparent.png" height="1" width="5"/>
<a href="https://www.npmjs.com/org/catppuccin"><img src="assets/social/latte_npm.svg" width="64" height="64" alt="Npm Logo"/></a> <a href="https://www.npmjs.com/org/catppuccin">
<picture>
<source srcset="assets/social/macchiato_npm.svg" width="64" height="64" alt="NPM Logo" media="(prefers-color-scheme: dark)"/>
<source srcset="assets/social/latte_npm.svg" width="64" height="64" alt="NPM Logo" media="(prefers-color-scheme: latte), (prefers-color-scheme: no-preference)"/>
<img src="assets/social/latte_npm.svg" width="64" height="64" alt="NPM Logo"/>
</picture>
</a>
<img src="assets/misc/transparent.png" height="1" width="5"/> <img src="assets/misc/transparent.png" height="1" width="5"/>
<a href="https://discord.gg/r6Mdz5dpFc"><img src="assets/social/latte_discord.svg" width="64" height="64" alt="Discord Logo"/></a> <a href="https://discord.gg/r6Mdz5dpFc">
<picture>
<source srcset="assets/social/macchiato_discord.svg" width="64" height="64" alt="Discord Logo" media="(prefers-color-scheme: dark)"/>
<source srcset="assets/social/latte_discord.svg" width="64" height="64" alt="Discord Logo" media="(prefers-color-scheme: latte), (prefers-color-scheme: no-preference)"/>
<img src="assets/social/latte_discord.svg" width="64" height="64" alt="Discord Logo"/>
</picture>
</a>
<img src="assets/misc/transparent.png" height="1" width="5"/> <img src="assets/misc/transparent.png" height="1" width="5"/>
<a href="https://twitter.com/catppuccintheme"><img src="assets/social/latte_twitter.svg" width="64" height="64" alt="Twitter Logo"/></a> <a href="https://twitter.com/catppuccintheme">
<picture>
<source srcset="assets/social/macchiato_twitter.svg" width="64" height="64" alt="Twitter Logo" media="(prefers-color-scheme: dark)"/>
<source srcset="assets/social/latte_twitter.svg" width="64" height="64" alt="Twitter Logo" media="(prefers-color-scheme: latte), (prefers-color-scheme: no-preference)"/>
<img src="assets/social/latte_twitter.svg" width="64" height="64" alt="Twitter Logo"/>
</picture>
</a>
<img src="assets/misc/transparent.png" height="1" width="5"/> <img src="assets/misc/transparent.png" height="1" width="5"/>
<a href="https://fosstodon.org/@catppuccin"><img src="assets/social/latte_mastodon.svg" width="64" height="64" alt="Mastodon Logo"/></a> <a href="https://fosstodon.org/@catppuccin">
<picture>
<source srcset="assets/social/macchiato_mastodon.svg" width="64" height="64" alt="Mastodon Logo" media="(prefers-color-scheme: dark)"/>
<source srcset="assets/social/latte_mastodon.svg" width="64" height="64" alt="Mastodon Logo" media="(prefers-color-scheme: latte), (prefers-color-scheme: no-preference)"/>
<img src="assets/social/latte_mastodon.svg" width="64" height="64" alt="Mastodon Logo"/>
</picture>
</a>
<img src="assets/misc/transparent.png" height="1" width="5"/> <img src="assets/misc/transparent.png" height="1" width="5"/>
<a href="https://reddit.com/r/catppuccin"><img src="assets/social/latte_reddit.svg" width="64" height="64" alt="Reddit Logo"/></a> <a href="https://reddit.com/r/catppuccin">
<picture>
<source srcset="assets/social/macchiato_reddit.svg" width="64" height="64" alt="Reddit Logo" media="(prefers-color-scheme: dark)"/>
<source srcset="assets/social/latte_reddit.svg" width="64" height="64" alt="Reddit Logo" media="(prefers-color-scheme: latte), (prefers-color-scheme: no-preference)"/>
<img src="assets/social/latte_reddit.svg" width="64" height="64" alt="Reddit Logo"/>
</picture>
</a>
</p> </p>
<p align="center"> <p align="center">

BIN
assets/social/discord.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 272 KiB

BIN
assets/social/github.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 10 KiB

13
assets/social/latte_discord.svg
Unescape Escape View File

@ -1,12 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><ellipse cx="21.624" cy="22.613" fill="#dce0e8" rx="11.099" ry="8.306" transform="matrix(2.88315 0 0 3.85264 -30.3444 -55.1209)"/><path d="m55.738 4.498c-.013-.024-.034-.044-.06-.054-2.978-1.367-6.121-2.341-9.35-2.899-.06-.012-.121.017-.15.071-.428.777-.817 1.574-1.164 2.39-3.481-.528-7.022-.528-10.502 0-.35-.818-.745-1.616-1.183-2.39-.031-.053-.09-.081-.15-.071-3.23.556-6.373 1.531-9.351 2.899-.025.01-.047.029-.061.052-5.956 8.894-7.587 17.569-6.787 26.136.005.043.026.082.06.108 3.468 2.568 7.346 4.527 11.471 5.796.059.018.123-.003.161-.053.886-1.205 1.671-2.481 2.346-3.816.04-.077.003-.172-.079-.202-1.238-.473-2.436-1.044-3.584-1.707-.09-.053-.097-.181-.014-.244.241-.181.482-.368.712-.558.041-.034.099-.042.148-.02 7.518 3.431 15.657 3.431 23.086 0 .049-.023.108-.016.15.018.23.19.471.379.714.56.084.062.077.19-.013.244-1.145.668-2.344 1.239-3.585 1.705-.082.031-.118.127-.078.204.687 1.327 1.471 2.602 2.345 3.814.036.051.101.073.161.055 4.131-1.265 8.017-3.225 11.489-5.796.034-.025.056-.064.06-.106.958-9.905-1.604-18.508-6.792-26.136zm-23.597 20.918c-2.263 0-4.128-2.077-4.128-4.628s1.829-4.628 4.128-4.628c2.318 0 4.165 2.095 4.129 4.628 0 2.551-1.829 4.628-4.129 4.628zm15.264 0c-2.263 0-4.128-2.077-4.128-4.628s1.829-4.628 4.128-4.628c2.318 0 4.165 2.095 4.129 4.628 0 2.551-1.811 4.628-4.129 4.628z" fill="#4c4f69" fill-rule="nonzero" transform="matrix(.891251 0 0 .891251 -3.4353 14.0286)"/></svg>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g id="icons_latte">
<g id="background" transform="matrix(2.88315,0,0,3.85264,-30.3444,-55.1209)">
<ellipse cx="21.624" cy="22.613" rx="11.099" ry="8.306" style="fill:rgb(220,224,232);"/>
</g>
<g id="discord" transform="matrix(0.891251,0,0,0.891251,-3.4353,14.0286)">
<path d="M55.738,4.498C55.725,4.474 55.704,4.454 55.678,4.444C52.7,3.077 49.557,2.103 46.328,1.545C46.268,1.533 46.207,1.562 46.178,1.616C45.75,2.393 45.361,3.19 45.014,4.006C41.533,3.478 37.992,3.478 34.512,4.006C34.162,3.188 33.767,2.39 33.329,1.616C33.298,1.563 33.239,1.535 33.179,1.545C29.949,2.101 26.806,3.076 23.828,4.444C23.803,4.454 23.781,4.473 23.767,4.496C17.811,13.39 16.18,22.065 16.98,30.632C16.985,30.675 17.006,30.714 17.04,30.74C20.508,33.308 24.386,35.267 28.511,36.536C28.57,36.554 28.634,36.533 28.672,36.483C29.558,35.278 30.343,34.002 31.018,32.667C31.058,32.59 31.021,32.495 30.939,32.465C29.701,31.992 28.503,31.421 27.355,30.758C27.265,30.705 27.258,30.577 27.341,30.514C27.582,30.333 27.823,30.146 28.053,29.956C28.094,29.922 28.152,29.914 28.201,29.936C35.719,33.367 43.858,33.367 51.287,29.936C51.336,29.913 51.395,29.92 51.437,29.954C51.667,30.144 51.908,30.333 52.151,30.514C52.235,30.576 52.228,30.704 52.138,30.758C50.993,31.426 49.794,31.997 48.553,32.463C48.471,32.494 48.435,32.59 48.475,32.667C49.162,33.994 49.946,35.269 50.82,36.481C50.856,36.532 50.921,36.554 50.981,36.536C55.112,35.271 58.998,33.311 62.47,30.74C62.504,30.715 62.526,30.676 62.53,30.634C63.488,20.729 60.926,12.126 55.738,4.498L55.738,4.498ZM32.141,25.416C29.878,25.416 28.013,23.339 28.013,20.788C28.013,18.237 29.842,16.16 32.141,16.16C34.459,16.16 36.306,18.255 36.27,20.788C36.27,23.339 34.441,25.416 32.141,25.416ZM47.405,25.416C45.142,25.416 43.277,23.339 43.277,20.788C43.277,18.237 45.106,16.16 47.405,16.16C49.723,16.16 51.57,18.255 51.534,20.788C51.534,23.339 49.723,25.416 47.405,25.416Z" style="fill:rgb(76,79,105);fill-rule:nonzero;"/>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

13
assets/social/latte_github.svg
Unescape Escape View File

@ -1,12 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><ellipse cx="21.624" cy="22.613" fill="#dce0e8" rx="11.099" ry="8.306" transform="matrix(2.88315 0 0 3.85264 -30.3444 -55.1209)"/><path d="m13.257 21.063c.058-.362.225-.995.712-1.481 0 0-5.41-.027-5.41-5.738 0-2.01 1.19-3.18 1.19-3.18s-.495-1.777.135-3.108c0 0 1.268-.344 3.285 1.221 0 0 1.367-.471 2.951-.437 1.585-.034 2.951.437 2.951.437 2.018-1.565 3.286-1.221 3.286-1.221.629 1.331.135 3.108.135 3.108s1.19 1.17 1.19 3.18c0 5.711-5.41 5.738-5.41 5.738.722.722.741 1.767.741 1.767v3.772c0 .381-.39.391-.39.391h-5.005s-.391-.01-.391-.391v-2.23c-.322.098-.789.207-1.275.207-2.767 0-2.69-2.213-3.471-2.854-.525-.43-1.138-.889-1.138-1.048 0-.079-.038-.264.51-.264 1.854 0 1.737 2.515 4.023 2.515.445 0 1.063-.244 1.381-.384z" fill="#4c4f69" transform="matrix(2.07452 0 0 2.00422 -.180363 -.105643)"/></svg>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g id="icons_latte">
<g id="background" transform="matrix(2.88315,0,0,3.85264,-30.3444,-55.1209)">
<ellipse cx="21.624" cy="22.613" rx="11.099" ry="8.306" style="fill:rgb(220,224,232);"/>
</g>
<g id="github" transform="matrix(2.07452,0,0,2.00422,-0.180363,-0.105643)">
<path d="M13.257,21.063C13.315,20.701 13.482,20.068 13.969,19.582C13.969,19.582 8.559,19.555 8.559,13.844C8.559,11.834 9.749,10.664 9.749,10.664C9.749,10.664 9.254,8.887 9.884,7.556C9.884,7.556 11.152,7.212 13.169,8.777C13.169,8.777 14.536,8.306 16.12,8.34C17.705,8.306 19.071,8.777 19.071,8.777C21.089,7.212 22.357,7.556 22.357,7.556C22.986,8.887 22.492,10.664 22.492,10.664C22.492,10.664 23.682,11.834 23.682,13.844C23.682,19.555 18.272,19.582 18.272,19.582C18.994,20.304 19.013,21.349 19.013,21.349L19.013,25.121C19.013,25.502 18.623,25.512 18.623,25.512L13.618,25.512C13.618,25.512 13.227,25.502 13.227,25.121L13.227,22.891C12.905,22.989 12.438,23.098 11.952,23.098C9.185,23.098 9.262,20.885 8.481,20.244C7.956,19.814 7.343,19.355 7.343,19.196C7.343,19.117 7.305,18.932 7.853,18.932C9.707,18.932 9.59,21.447 11.876,21.447C12.321,21.447 12.939,21.203 13.257,21.063Z" style="fill:rgb(76,79,105);"/>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 952 B

13
assets/social/latte_npm.svg
Unescape Escape View File

@ -1,12 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><ellipse cx="21.624" cy="22.613" fill="#dce0e8" rx="11.099" ry="8.306" transform="matrix(2.88315 0 0 3.85264 -30.3444 -55.1209)"/><path d="m29.534 35.698h2.545v.007h2.457v-10h-1.47v-.005h-4.995v.005h-3.537v12.466h5zm20.719-9.993v-.005h-9.52v.005h-3.696v10h5v-7.548h2.526v7.548h2.457v-7.548h2.49v7.548h2.457v-10zm-29.41 0v-.005h-5.007v.005h-3.843v10h5v-7.548h2.58v7.548h2.457v-10zm11.236 7.536v-5.09h-2.545v5.09z" fill="#4c4f69" transform="matrix(1.12573 0 0 1.12573 -4.00035 -2.95049)"/></svg>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g id="icons_latte">
<g id="background" transform="matrix(2.88315,0,0,3.85264,-30.3444,-55.1209)">
<ellipse cx="21.624" cy="22.613" rx="11.099" ry="8.306" style="fill:rgb(220,224,232);"/>
</g>
<g id="npm" transform="matrix(1.12573,0,0,1.12573,-4.00035,-2.95049)">
<path d="M29.534,35.698L32.079,35.698L32.079,35.705L34.536,35.705L34.536,25.705L33.066,25.705L33.066,25.7L28.071,25.7L28.071,25.705L24.534,25.705L24.534,38.171L29.534,38.171L29.534,35.698ZM50.253,25.705L50.253,25.7L40.733,25.7L40.733,25.705L37.037,25.705L37.037,35.705L42.037,35.705L42.037,28.157L44.563,28.157L44.563,35.705L47.02,35.705L47.02,28.157L49.51,28.157L49.51,35.705L51.967,35.705L51.967,25.705L50.253,25.705ZM20.843,25.705L20.843,25.7L15.836,25.7L15.836,25.705L11.993,25.705L11.993,35.705L16.993,35.705L16.993,28.157L19.573,28.157L19.573,35.705L22.03,35.705L22.03,25.705L20.843,25.705ZM32.079,33.241L32.079,28.151L29.534,28.151L29.534,33.241L32.079,33.241Z" style="fill:rgb(76,79,105);"/>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 639 B

13
assets/social/latte_reddit.svg
Unescape Escape View File

@ -1,12 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><ellipse cx="21.624" cy="22.613" fill="#dce0e8" rx="11.099" ry="8.306" transform="matrix(2.88315 0 0 3.85264 -30.3444 -55.1209)"/><path d="m49.158 14.941c-1.172 0-2.204.484-2.961 1.242-2.789-1.93-6.547-3.172-10.711-3.305l2.164-9.75 6.89 1.547c0 1.688 1.375 3.063 3.063 3.063 1.719 0 3.101-1.414 3.101-3.102 0-1.687-1.375-3.101-3.101-3.101-1.203 0-2.242.726-2.758 1.718l-7.609-1.687c-.383-.102-.758.172-.86.554l-2.375 10.75c-4.133.172-7.851 1.415-10.648 3.344-.758-.789-1.828-1.273-3-1.273-4.344 0-5.766 5.828-1.789 7.82-.141.617-.203 1.274-.203 1.93 0 6.547 7.375 11.851 16.429 11.851 9.094 0 16.469-5.304 16.469-11.851 0-.656-.07-1.344-.242-1.961 3.898-2 2.461-7.789-1.859-7.789zm-24.29 8.234c0-1.719 1.375-3.101 3.102-3.101 1.688 0 3.063 1.375 3.063 3.101 0 1.688-1.375 3.063-3.063 3.063-1.719.007-3.102-1.375-3.102-3.063zm16.743 7.305c-2.844 2.844-10.868 2.844-13.711 0-.313-.274-.313-.758 0-1.07.273-.274.758-.274 1.031 0 2.172 2.226 9.375 2.265 11.641 0 .273-.274.757-.274 1.031 0 .32.312.32.796.008 1.07zm-.063-4.235c-1.687 0-3.062-1.375-3.062-3.062 0-1.719 1.375-3.102 3.062-3.102 1.719 0 3.102 1.375 3.102 3.102-.008 1.68-1.383 3.062-3.102 3.062z" fill="#4c4f69" fill-rule="nonzero" transform="translate(-2.75904 11.9576)"/></svg>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g id="icons_latte">
<g id="background" transform="matrix(2.88315,0,0,3.85264,-30.3444,-55.1209)">
<ellipse cx="21.624" cy="22.613" rx="11.099" ry="8.306" style="fill:rgb(220,224,232);"/>
</g>
<g id="reddit" transform="matrix(1,0,0,1,-2.75904,11.9576)">
<path d="M49.158,14.941C47.986,14.941 46.954,15.425 46.197,16.183C43.408,14.253 39.65,13.011 35.486,12.878L37.65,3.128L44.54,4.675C44.54,6.363 45.915,7.738 47.603,7.738C49.322,7.738 50.704,6.324 50.704,4.636C50.704,2.949 49.329,1.535 47.603,1.535C46.4,1.535 45.361,2.261 44.845,3.253L37.236,1.566C36.853,1.464 36.478,1.738 36.376,2.12L34.001,12.87C29.868,13.042 26.15,14.285 23.353,16.214C22.595,15.425 21.525,14.941 20.353,14.941C16.009,14.941 14.587,20.769 18.564,22.761C18.423,23.378 18.361,24.035 18.361,24.691C18.361,31.238 25.736,36.542 34.79,36.542C43.884,36.542 51.259,31.238 51.259,24.691C51.259,24.035 51.189,23.347 51.017,22.73C54.915,20.73 53.478,14.941 49.158,14.941L49.158,14.941ZM24.868,23.175C24.868,21.456 26.243,20.074 27.97,20.074C29.658,20.074 31.033,21.449 31.033,23.175C31.033,24.863 29.658,26.238 27.97,26.238C26.251,26.245 24.868,24.863 24.868,23.175ZM41.611,30.48C38.767,33.324 30.743,33.324 27.9,30.48C27.587,30.206 27.587,29.722 27.9,29.41C28.173,29.136 28.658,29.136 28.931,29.41C31.103,31.636 38.306,31.675 40.572,29.41C40.845,29.136 41.329,29.136 41.603,29.41C41.923,29.722 41.923,30.206 41.611,30.48L41.611,30.48ZM41.548,26.245C39.861,26.245 38.486,24.87 38.486,23.183C38.486,21.464 39.861,20.081 41.548,20.081C43.267,20.081 44.65,21.456 44.65,23.183C44.642,24.863 43.267,26.245 41.548,26.245Z" style="fill:rgb(76,79,105);fill-rule:nonzero;"/>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

13
assets/social/latte_twitter.svg
Unescape Escape View File

@ -1,12 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><ellipse cx="21.624" cy="22.613" fill="#dce0e8" rx="11.099" ry="8.306" transform="matrix(2.88315 0 0 3.85264 -30.3444 -55.1209)"/><path d="m50.647 10.895c.026.355.026.711.026 1.066 0 10.838-8.249 23.325-23.325 23.325-4.645 0-8.959-1.345-12.589-3.68.66.076 1.294.101 1.98.101 3.832 0 7.36-1.294 10.177-3.502-3.604-.076-6.624-2.437-7.665-5.685.508.076 1.016.126 1.549.126.736 0 1.472-.101 2.157-.279-3.756-.761-6.574-4.061-6.574-8.045v-.102c1.092.609 2.361.99 3.706 1.041-2.208-1.473-3.655-3.985-3.655-6.828 0-1.523.406-2.919 1.117-4.137 4.035 4.975 10.101 8.223 16.903 8.579-.126-.609-.203-1.244-.203-1.878 0-4.518 3.655-8.198 8.198-8.198 2.361 0 4.493.99 5.99 2.589 1.853-.356 3.63-1.041 5.203-1.98-.609 1.903-1.903 3.502-3.604 4.518 1.65-.178 3.249-.635 4.721-1.269-1.117 1.624-2.513 3.071-4.112 4.238z" fill="#4c4f69" fill-rule="nonzero" transform="matrix(.953638 0 0 .953638 -.14754 14.8405)"/></svg>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g id="icons_latte">
<g id="background" transform="matrix(2.88315,0,0,3.85264,-30.3444,-55.1209)">
<ellipse cx="21.624" cy="22.613" rx="11.099" ry="8.306" style="fill:rgb(220,224,232);"/>
</g>
<g id="twitter" transform="matrix(0.953638,0,0,0.953638,-0.14754,14.8405)">
<path d="M50.647,10.895C50.673,11.25 50.673,11.606 50.673,11.961C50.673,22.799 42.424,35.286 27.348,35.286C22.703,35.286 18.389,33.941 14.759,31.606C15.419,31.682 16.053,31.707 16.739,31.707C20.571,31.707 24.099,30.413 26.916,28.205C23.312,28.129 20.292,25.768 19.251,22.52C19.759,22.596 20.267,22.646 20.8,22.646C21.536,22.646 22.272,22.545 22.957,22.367C19.201,21.606 16.383,18.306 16.383,14.322L16.383,14.22C17.475,14.829 18.744,15.21 20.089,15.261C17.881,13.788 16.434,11.276 16.434,8.433C16.434,6.91 16.84,5.514 17.551,4.296C21.586,9.271 27.652,12.519 34.454,12.875C34.328,12.266 34.251,11.631 34.251,10.997C34.251,6.479 37.906,2.799 42.449,2.799C44.81,2.799 46.942,3.789 48.439,5.388C50.292,5.032 52.069,4.347 53.642,3.408C53.033,5.311 51.739,6.91 50.038,7.926C51.688,7.748 53.287,7.291 54.759,6.657C53.642,8.281 52.246,9.728 50.647,10.895L50.647,10.895Z" style="fill:rgb(76,79,105);fill-rule:nonzero;"/>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

1
assets/social/macchiato_discord.svg
Unescape Escape View File

@ -0,0 +1 @@
<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><ellipse cx="21.624" cy="22.613" fill="#181926" rx="11.099" ry="8.306" transform="matrix(2.88315 0 0 3.85264 -30.3444 -55.1209)"/><path d="m55.738 4.498c-.013-.024-.034-.044-.06-.054-2.978-1.367-6.121-2.341-9.35-2.899-.06-.012-.121.017-.15.071-.428.777-.817 1.574-1.164 2.39-3.481-.528-7.022-.528-10.502 0-.35-.818-.745-1.616-1.183-2.39-.031-.053-.09-.081-.15-.071-3.23.556-6.373 1.531-9.351 2.899-.025.01-.047.029-.061.052-5.956 8.894-7.587 17.569-6.787 26.136.005.043.026.082.06.108 3.468 2.568 7.346 4.527 11.471 5.796.059.018.123-.003.161-.053.886-1.205 1.671-2.481 2.346-3.816.04-.077.003-.172-.079-.202-1.238-.473-2.436-1.044-3.584-1.707-.09-.053-.097-.181-.014-.244.241-.181.482-.368.712-.558.041-.034.099-.042.148-.02 7.518 3.431 15.657 3.431 23.086 0 .049-.023.108-.016.15.018.23.19.471.379.714.56.084.062.077.19-.013.244-1.145.668-2.344 1.239-3.585 1.705-.082.031-.118.127-.078.204.687 1.327 1.471 2.602 2.345 3.814.036.051.101.073.161.055 4.131-1.265 8.017-3.225 11.489-5.796.034-.025.056-.064.06-.106.958-9.905-1.604-18.508-6.792-26.136zm-23.597 20.918c-2.263 0-4.128-2.077-4.128-4.628s1.829-4.628 4.128-4.628c2.318 0 4.165 2.095 4.129 4.628 0 2.551-1.829 4.628-4.129 4.628zm15.264 0c-2.263 0-4.128-2.077-4.128-4.628s1.829-4.628 4.128-4.628c2.318 0 4.165 2.095 4.129 4.628 0 2.551-1.811 4.628-4.129 4.628z" fill="#cad3f5" fill-rule="nonzero" transform="matrix(.891251 0 0 .891251 -3.4353 14.0286)"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

1
assets/social/macchiato_github.svg
Unescape Escape View File

@ -0,0 +1 @@
<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><ellipse cx="21.624" cy="22.613" fill="#181926" rx="11.099" ry="8.306" transform="matrix(2.88315 0 0 3.85264 -30.3444 -55.1209)"/><path d="m13.257 21.063c.058-.362.225-.995.712-1.481 0 0-5.41-.027-5.41-5.738 0-2.01 1.19-3.18 1.19-3.18s-.495-1.777.135-3.108c0 0 1.268-.344 3.285 1.221 0 0 1.367-.471 2.951-.437 1.585-.034 2.951.437 2.951.437 2.018-1.565 3.286-1.221 3.286-1.221.629 1.331.135 3.108.135 3.108s1.19 1.17 1.19 3.18c0 5.711-5.41 5.738-5.41 5.738.722.722.741 1.767.741 1.767v3.772c0 .381-.39.391-.39.391h-5.005s-.391-.01-.391-.391v-2.23c-.322.098-.789.207-1.275.207-2.767 0-2.69-2.213-3.471-2.854-.525-.43-1.138-.889-1.138-1.048 0-.079-.038-.264.51-.264 1.854 0 1.737 2.515 4.023 2.515.445 0 1.063-.244 1.381-.384z" fill="#cad3f5" transform="matrix(2.07452 0 0 2.00422 -.180363 -.105643)"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 952 B

1
assets/social/macchiato_mastodon.svg
Unescape Escape View File

@ -0,0 +1 @@
<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><ellipse cx="21.624" cy="22.613" fill="#181926" rx="11.099" ry="8.306" transform="matrix(2.88315 0 0 3.85264 -30.3444 -55.1209)"/><path d="m23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004-.454-.067-2.172-.309-6.151-.309h-.03c-3.98 0-4.835.242-5.288.309-2.613.383-4.999 2.209-5.578 4.818-.277 1.285-.307 2.71-.256 4.016.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753.014-.01.022-.026.023-.043v-1.809c0-.016-.007-.031-.02-.041s-.03-.014-.046-.01c-1.543.365-3.123.548-4.709.545-2.73 0-3.463-1.284-3.674-1.818-.169-.462-.276-.943-.319-1.433v-.003c0-.029.024-.053.053-.053.004 0 .009.001.013.002 1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561v-6.218c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546v-3.404c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218h-2.557v-6.406c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z" fill="#cad3f5" fill-rule="nonzero" transform="matrix(1.41667 0 0 1.41667 14.9995 15)"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

1
assets/social/macchiato_npm.svg
Unescape Escape View File

@ -0,0 +1 @@
<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><ellipse cx="21.624" cy="22.613" fill="#181926" rx="11.099" ry="8.306" transform="matrix(2.88315 0 0 3.85264 -30.3444 -55.1209)"/><path d="m29.534 35.698h2.545v.007h2.457v-10h-1.47v-.005h-4.995v.005h-3.537v12.466h5zm20.719-9.993v-.005h-9.52v.005h-3.696v10h5v-7.548h2.526v7.548h2.457v-7.548h2.49v7.548h2.457v-10zm-29.41 0v-.005h-5.007v.005h-3.843v10h5v-7.548h2.58v7.548h2.457v-10zm11.236 7.536v-5.09h-2.545v5.09z" fill="#cad3f5" transform="matrix(1.12573 0 0 1.12573 -4.00035 -2.95049)"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 639 B

1
assets/social/macchiato_reddit.svg
Unescape Escape View File

@ -0,0 +1 @@
<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><ellipse cx="21.624" cy="22.613" fill="#181926" rx="11.099" ry="8.306" transform="matrix(2.88315 0 0 3.85264 -30.3444 -55.1209)"/><path d="m49.158 14.941c-1.172 0-2.204.484-2.961 1.242-2.789-1.93-6.547-3.172-10.711-3.305l2.164-9.75 6.89 1.547c0 1.688 1.375 3.063 3.063 3.063 1.719 0 3.101-1.414 3.101-3.102 0-1.687-1.375-3.101-3.101-3.101-1.203 0-2.242.726-2.758 1.718l-7.609-1.687c-.383-.102-.758.172-.86.554l-2.375 10.75c-4.133.172-7.851 1.415-10.648 3.344-.758-.789-1.828-1.273-3-1.273-4.344 0-5.766 5.828-1.789 7.82-.141.617-.203 1.274-.203 1.93 0 6.547 7.375 11.851 16.429 11.851 9.094 0 16.469-5.304 16.469-11.851 0-.656-.07-1.344-.242-1.961 3.898-2 2.461-7.789-1.859-7.789zm-24.29 8.234c0-1.719 1.375-3.101 3.102-3.101 1.688 0 3.063 1.375 3.063 3.101 0 1.688-1.375 3.063-3.063 3.063-1.719.007-3.102-1.375-3.102-3.063zm16.743 7.305c-2.844 2.844-10.868 2.844-13.711 0-.313-.274-.313-.758 0-1.07.273-.274.758-.274 1.031 0 2.172 2.226 9.375 2.265 11.641 0 .273-.274.757-.274 1.031 0 .32.312.32.796.008 1.07zm-.063-4.235c-1.687 0-3.062-1.375-3.062-3.062 0-1.719 1.375-3.102 3.062-3.102 1.719 0 3.102 1.375 3.102 3.102-.008 1.68-1.383 3.062-3.102 3.062z" fill="#cad3f5" fill-rule="nonzero" transform="translate(-2.75904 11.9576)"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

1
assets/social/macchiato_twitter.svg
Unescape Escape View File

@ -0,0 +1 @@
<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><ellipse cx="21.624" cy="22.613" fill="#181926" rx="11.099" ry="8.306" transform="matrix(2.88315 0 0 3.85264 -30.3444 -55.1209)"/><path d="m50.647 10.895c.026.355.026.711.026 1.066 0 10.838-8.249 23.325-23.325 23.325-4.645 0-8.959-1.345-12.589-3.68.66.076 1.294.101 1.98.101 3.832 0 7.36-1.294 10.177-3.502-3.604-.076-6.624-2.437-7.665-5.685.508.076 1.016.126 1.549.126.736 0 1.472-.101 2.157-.279-3.756-.761-6.574-4.061-6.574-8.045v-.102c1.092.609 2.361.99 3.706 1.041-2.208-1.473-3.655-3.985-3.655-6.828 0-1.523.406-2.919 1.117-4.137 4.035 4.975 10.101 8.223 16.903 8.579-.126-.609-.203-1.244-.203-1.878 0-4.518 3.655-8.198 8.198-8.198 2.361 0 4.493.99 5.99 2.589 1.853-.356 3.63-1.041 5.203-1.98-.609 1.903-1.903 3.502-3.604 4.518 1.65-.178 3.249-.635 4.721-1.269-1.117 1.624-2.513 3.071-4.112 4.238z" fill="#cad3f5" fill-rule="nonzero" transform="matrix(.953638 0 0 .953638 -.14754 14.8405)"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

4
assets/social/npm.svg
Unescape Escape View File

@ -1,4 +0,0 @@
<svg width="1024px" height="1024px" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
<circle cx="512" cy="512" r="512" style="fill:#cb3837"/>
<path d="M407.26 599.29h69.83v-34.92h69.83V424.71H407.26zm69.83-139.66H512v69.83h-34.91zm97.76-34.91v139.65h69.83V459.63h34.91v104.74h34.91V459.63h34.91v104.74h34.91V424.71zM239.67 564.37h69.83V459.63h34.91v104.74h34.91V424.71H239.67z" style="fill:#fff"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 421 B

Write Preview
Loading…
Cancel
Save