chore(readme): logo with white border for dark mode (#843)

* fix(docs): readme logo dark-light

* fix: logo white color outside

* Update logo.svg

Co-authored-by: Sébastien Chopin <seb@nuxtjs.com>
This commit is contained in:
Mehmet 2021-10-13 12:28:30 +03:00 committed by GitHub
parent b4709b9ca8
commit f2c42bcbba
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

42
.github/logo.svg vendored
View File

@ -1,17 +1,29 @@
<svg width="221" height="65" viewBox="0 0 221 65" fill="none" xmlns="http://www.w3.org/2000/svg">
<foreignObject width="100%" height="100%">
<div xmlns="http://www.w3.org/1999/xhtml">
<style>@media (prefers-color-scheme: dark) { svg { color: white; } }</style>
<svg xmlns="http://www.w3.org/2000/svg">
<path d="M76.333 20.5005H82.8185L96.5631 42.4764V20.5005H102.55V51.6393H96.1087L82.3198 29.7091V51.6393H76.333V20.5005Z" fill="currentColor"/>
<path d="M129.311 51.6393H123.732V48.1611C122.462 50.6089 119.877 51.9871 116.612 51.9871C111.441 51.9871 108.083 48.3393 108.083 43.0894V29.2178H113.662V41.9416C113.662 45.0111 115.568 47.1459 118.425 47.1459C121.555 47.1459 123.732 44.7437 123.732 41.4524V29.2178H129.311V51.6393Z" fill="currentColor"/>
<path d="M148.724 51.2848L143.372 43.811L138.019 51.2848H132.076L140.333 39.5849L132.712 28.8633H138.79L143.372 35.3154L147.906 28.8633H154.031L146.364 39.5849L154.62 51.2848H148.724Z" fill="currentColor"/>
<path d="M165.96 22.4565V29.2173H172.311V33.7999H165.96V44.9302C165.96 45.304 166.111 45.6626 166.381 45.9271C166.65 46.1916 167.015 46.3405 167.397 46.3411H172.311V51.6302H168.636C163.646 51.6302 160.381 48.7824 160.381 43.8042V33.8043H155.891V29.2173H158.708C160.022 29.2173 160.787 28.45 160.787 27.1804V22.4565H165.96Z" fill="currentColor"/>
<path d="M186.374 44.5872V20.5005H192.359V42.7416C192.359 48.748 189.411 51.6393 184.422 51.6393H177.455V46.3502H184.577C185.053 46.3502 185.511 46.1645 185.848 45.8339C186.185 45.5032 186.374 45.0548 186.374 44.5872" fill="currentColor"/>
<path d="M195.945 41.1847H201.708C202.027 44.6629 204.386 46.8781 208.196 46.8781C211.598 46.8781 213.959 45.5455 213.959 42.7869C213.959 36.113 196.892 40.739 196.892 28.8174C196.896 23.7023 201.387 20.1479 207.839 20.1479C214.553 20.1479 219.088 23.9283 219.365 29.7565H213.633C213.363 27.0435 211.195 25.2196 207.828 25.2196C204.698 25.2196 202.748 26.6435 202.748 28.8218C202.748 35.7174 220.037 30.5609 220.037 42.7021C220.037 48.4846 215.182 51.9998 208.198 51.9998C200.986 51.9998 196.269 47.7281 195.952 41.189" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.7513 14.261C28.0767 11.3817 23.8903 11.3817 22.2157 14.261L3.96535 45.641C2.29077 48.5204 4.38399 52.1195 7.73316 52.1195H21.9804C20.5493 50.8688 20.0193 48.7051 21.1023 46.8487L34.9243 23.1556L29.7513 14.261Z" fill="#80EEC0"/>
<path d="M41.3151 21.1443C42.701 18.7885 46.1656 18.7885 47.5515 21.1443L62.6552 46.8188C64.0411 49.1746 62.3088 52.1194 59.537 52.1194H29.3296C26.5579 52.1194 24.8255 49.1746 26.2114 46.8188L41.3151 21.1443Z" fill="#00DC82"/>
</svg>
</div>
</foreignObject>
<foreignObject width="100%" height="100%">
<div xmlns="http://www.w3.org/1999/xhtml">
<style>
@media (prefers-color-scheme: dark) { svg { color: white; } }
</style>
<svg xmlns="http://www.w3.org/2000/svg">
<g id="Group">
<path d="M79.7195433,7.898975 L92.6871228,28.6325162 L92.6871228,7.898975 L99.6740228,7.898975 L99.6740228,40.037775 L92.4564812,40.037775 L79.4438228,19.3421285 L79.4438228,40.037775 L72.4570228,40.037775 L72.4570228,7.898975 L79.7195433,7.898975 Z" id="Path" stroke="#FFFFFF" fill="#003543" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round">
</path>
<path d="M110.786023,16.616275 L110.786023,29.840075 C110.786023,31.2394904 111.210727,32.4316096 111.975556,33.2673007 C112.719395,34.0800577 113.781502,34.544375 115.049023,34.544375 C116.455047,34.544375 117.651374,34.0127236 118.496428,33.1061253 C119.361975,32.177542 119.856023,30.8643339 119.856023,29.350875 L119.856023,29.350875 L119.856023,16.616275 L126.435023,16.616275 L126.435023,40.037775 L119.856023,40.037775 L119.856023,37.6831099 C119.279628,38.3481278 118.583374,38.8996817 117.786441,39.3279212 C116.505596,40.0161958 114.96162,40.385575 113.236023,40.385575 C110.514607,40.385575 108.273109,39.4225198 106.701815,37.7833008 C105.116286,36.12923 104.207023,33.7761204 104.207023,30.987875 L104.207023,30.987875 L104.207023,16.616275 L110.786023,16.616275 Z" id="Path" stroke="#FFFFFF" fill="#003543" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round">
</path>
<path d="M135.672199,16.261775 L139.993873,22.3472992 L144.270273,16.261775 L151.62726,16.261775 L143.601333,27.4853013 L152.208798,39.683275 L145.091094,39.683275 L139.995985,32.5682107 L134.899924,39.683275 L127.735181,39.683275 L136.344316,27.4844105 L128.367176,16.261775 L135.672199,16.261775 Z" id="Path" stroke="#FFFFFF" fill="#003543" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round">
</path>
<path d="M163.084023,9.854975 L163.084023,16.615775 L169.435023,16.615775 L169.435023,22.198375 L163.084023,22.198375 L163.084023,32.828675 C163.084023,33.0687451 163.181656,33.2986684 163.355582,33.4690521 C163.531974,33.6424936 163.771568,33.7391826 164.021023,33.739575 L164.021023,33.739575 L169.435023,33.739575 L169.435023,40.028675 L165.260023,40.028675 C162.584298,40.028675 160.386711,39.2390209 158.862537,37.7940551 C157.367552,36.3767627 156.505023,34.3210465 156.505023,31.702675 L156.505023,31.702675 L156.505023,22.202775 L152.015023,22.202775 L152.015023,16.615775 L155.332023,16.615775 C155.830766,16.615775 156.236596,16.4884187 156.510638,16.2199264 C156.783207,15.9528773 156.911023,15.5580776 156.911023,15.078875 L156.911023,15.078875 L156.911023,9.854975 L163.084023,9.854975 Z" id="Path" stroke="#FFFFFF" fill="#003543" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round">
</path>
<path d="M189.483023,7.898975 L189.483023,30.640075 C189.483023,33.7458809 188.711235,36.0469896 187.330619,37.5947165 C185.882426,39.2181992 183.753107,40.037775 181.046023,40.037775 L181.046023,40.037775 L173.579023,40.037775 L173.579023,33.748675 L181.201023,33.748675 C181.545669,33.748675 181.877715,33.6149716 182.121821,33.3755016 C182.362353,33.1394659 182.498023,32.8196287 182.498023,32.485675 L182.498023,32.485675 L182.498023,7.898975 L189.483023,7.898975 Z" id="Path" stroke="#FFFFFF" fill="#003543" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round">
</path>
<path d="M206.463023,7.546375 C209.955116,7.546375 212.873874,8.54190795 214.96011,10.2810894 C217.190299,12.140277 218.483406,14.851822 218.502323,18.154975 L218.502323,18.154975 L211.784748,18.154975 C211.764751,16.7260996 211.19261,15.5323193 210.170124,14.7331948 C209.252433,14.0159732 207.983872,13.618075 206.452023,13.618075 C205.020061,13.618075 203.849506,13.9272541 203.039852,14.5013754 C202.290968,15.0324049 201.872023,15.7948286 201.872023,16.720275 C201.872023,17.8022749 202.378981,18.5303921 203.191561,19.0704001 C204.427053,19.8914588 206.305921,20.3101434 208.319276,20.7751878 C211.225626,21.4464962 214.395818,22.2031033 216.538359,24.1169151 C218.112333,25.5228572 219.161023,27.5394345 219.161023,30.600575 C219.161023,33.6210484 217.906501,36.0548888 215.751532,37.747283 C213.585746,39.4481725 210.490958,40.398275 206.822023,40.398275 C203.090712,40.398275 200.009028,39.2855503 197.809623,37.3439094 C195.465126,35.2741818 194.110702,32.2568269 194.060383,28.5878601 L194.060383,28.5878601 L200.800917,28.5828246 C200.86783,30.4048315 201.499162,31.8955751 202.633632,32.8911042 C203.656248,33.7884779 205.077659,34.276575 206.820023,34.276575 C208.453125,34.276575 209.836737,33.9640764 210.787234,33.2893114 C211.61253,32.7034271 212.083023,31.836061 212.083023,30.685375 C212.083023,29.8777693 211.786899,29.2663057 211.276838,28.7826155 C210.601883,28.1425558 209.586739,27.7154183 208.407823,27.3451401 C207.656108,27.1090388 206.838103,26.8996242 205.991035,26.6861904 C205.044323,26.4477658 204.562941,26.3253475 204.075765,26.1937716 C201.38666,25.4370374 198.898512,24.4774918 197.219929,22.7407233 C195.865122,21.3389543 195.016023,19.4367417 195.016023,16.715484 C195.018148,13.9986152 196.210272,11.6951533 198.260463,10.0715002 C200.266152,8.48309049 203.106388,7.546375 206.463023,7.546375 Z" id="Path" stroke="#FFFFFF" fill="#003543" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round">
</path>
<path d="M26.3753228,2.159475 C24.7007228,-0.719825 20.5143228,-0.719825 18.8397228,2.159475 L0.589372812,33.539475 C-1.08520719,36.418875 1.00801281,40.017975 4.35718281,40.017975 L18.6044228,40.017975 C17.1733228,38.767275 16.6433228,36.603575 17.7263228,34.747175 L31.5483228,11.054075 L26.3753228,2.159475 Z" id="Path" fill="#80EEC0">
</path>
<path d="M37.9391228,9.042775 C39.3250228,6.686975 42.7896228,6.686975 44.1755228,9.042775 L59.2792228,34.717275 C60.6651228,37.073075 58.9328228,40.017875 56.1610228,40.017875 L25.9536228,40.017875 C23.1819228,40.017875 21.4495228,37.073075 22.8354228,34.717275 L37.9391228,9.042775 Z" id="Path" fill="#00DC82" fill-rule="nonzero">
</path>
</g>
</svg>
</div>
</foreignObject>
</svg>

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 6.2 KiB