mirror of
https://github.com/zen-browser/desktop.git
synced 2025-09-05 19:08:18 +00:00
fix: replace essential icons with SVGs in onboarding, p=#10165
* fix: replace essential icons with SVGs in onboarding * fix: add white border to notion's icon
This commit is contained in:
reizumi
@@ -96,13 +96,13 @@
|
||||
content/browser/zen-vendor/motion.min.mjs (../../zen/vendor/motion.min.mjs)
|
||||
|
||||
# FavIcons for startup
|
||||
content/browser/zen-images/favicons/calendar.ico (../../zen/images/favicons/calendar.ico)
|
||||
content/browser/zen-images/favicons/discord.ico (../../zen/images/favicons/discord.ico)
|
||||
content/browser/zen-images/favicons/figma.ico (../../zen/images/favicons/figma.ico)
|
||||
content/browser/zen-images/favicons/github.ico (../../zen/images/favicons/github.ico)
|
||||
content/browser/zen-images/favicons/notion.ico (../../zen/images/favicons/notion.ico)
|
||||
content/browser/zen-images/favicons/obsidian.ico (../../zen/images/favicons/obsidian.ico)
|
||||
content/browser/zen-images/favicons/slack.ico (../../zen/images/favicons/slack.ico)
|
||||
content/browser/zen-images/favicons/reddit.ico (../../zen/images/favicons/reddit.ico)
|
||||
content/browser/zen-images/favicons/x.ico (../../zen/images/favicons/x.ico)
|
||||
content/browser/zen-images/favicons/trello.ico (../../zen/images/favicons/trello.ico)
|
||||
content/browser/zen-images/favicons/calendar.svg (../../zen/images/favicons/calendar.svg)
|
||||
content/browser/zen-images/favicons/discord.svg (../../zen/images/favicons/discord.svg)
|
||||
content/browser/zen-images/favicons/figma.svg (../../zen/images/favicons/figma.svg)
|
||||
content/browser/zen-images/favicons/github.svg (../../zen/images/favicons/github.svg)
|
||||
content/browser/zen-images/favicons/notion.svg (../../zen/images/favicons/notion.svg)
|
||||
content/browser/zen-images/favicons/obsidian.svg (../../zen/images/favicons/obsidian.svg)
|
||||
content/browser/zen-images/favicons/slack.svg (../../zen/images/favicons/slack.svg)
|
||||
content/browser/zen-images/favicons/reddit.svg (../../zen/images/favicons/reddit.svg)
|
||||
content/browser/zen-images/favicons/x.svg (../../zen/images/favicons/x.svg)
|
||||
content/browser/zen-images/favicons/trello.svg (../../zen/images/favicons/trello.svg)
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 KiB |
10
src/zen/images/favicons/calendar.svg
Normal file
10
src/zen/images/favicons/calendar.svg
Normal file
@@ -0,0 +1,10 @@
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M24.4212 7.5791H7.5791V24.4212H24.4212V7.5791Z" fill="white"/>
|
||||
<path d="M24.4212 31.9999L32.0001 24.421L28.2106 23.7744L24.4212 24.421L23.7295 27.8872L24.4212 31.9999Z" fill="#EA4335"/>
|
||||
<path d="M0 24.421V29.4736C0 30.8694 1.13053 31.9999 2.52632 31.9999H7.57895L8.35711 28.2104L7.57895 24.421L3.4499 23.7744L0 24.421Z" fill="#188038"/>
|
||||
<path d="M32.0001 7.57895V2.52632C32.0001 1.13053 30.8696 0 29.4738 0H24.4212C23.96 1.87948 23.7295 3.26264 23.7295 4.14947C23.7295 5.03629 23.96 6.17945 24.4212 7.57895C26.0973 8.05894 27.3605 8.29893 28.2106 8.29893C29.0607 8.29893 30.3239 8.05894 32.0001 7.57895Z" fill="#1967D2"/>
|
||||
<path d="M31.9998 7.5791H24.4209V24.4212H31.9998V7.5791Z" fill="#FBBC04"/>
|
||||
<path d="M24.4212 24.4209H7.5791V31.9998H24.4212V24.4209Z" fill="#34A853"/>
|
||||
<path d="M24.4211 0H2.52632C1.13053 0 0 1.13053 0 2.52632V24.4211H7.57895V7.57895H24.4211V0Z" fill="#4285F4"/>
|
||||
<path d="M11.0336 20.6444C10.4042 20.2191 9.96836 19.5981 9.73047 18.777L11.1915 18.1749C11.3242 18.6802 11.5557 19.0717 11.8863 19.3496C12.2147 19.6275 12.6147 19.7644 13.082 19.7644C13.5599 19.7644 13.9705 19.6191 14.3136 19.3286C14.6568 19.0381 14.8294 18.6675 14.8294 18.2191C14.8294 17.7602 14.6484 17.3854 14.2863 17.0949C13.9242 16.8044 13.4694 16.6591 12.9263 16.6591H12.082V15.2128H12.8399C13.3073 15.2128 13.701 15.0865 14.021 14.8338C14.341 14.5812 14.501 14.2359 14.501 13.7959C14.501 13.4044 14.3578 13.0928 14.0715 12.8591C13.7852 12.6254 13.4231 12.5075 12.9831 12.5075C12.5536 12.5075 12.2126 12.6212 11.9599 12.8507C11.7075 13.0808 11.5177 13.3713 11.4084 13.6949L9.96205 13.0928C10.1536 12.5496 10.5052 12.0696 11.021 11.6549C11.5368 11.2402 12.1957 11.0317 12.9957 11.0317C13.5873 11.0317 14.1199 11.1454 14.5915 11.3749C15.0631 11.6044 15.4336 11.9223 15.701 12.3265C15.9684 12.7328 16.101 13.1875 16.101 13.6928C16.101 14.2086 15.9768 14.6444 15.7284 15.0023C15.4799 15.3602 15.1747 15.6338 14.8126 15.8254V15.9117C15.2801 16.1045 15.6863 16.4211 15.9873 16.8275C16.2926 17.2381 16.4463 17.7286 16.4463 18.3012C16.4463 18.8738 16.301 19.3854 16.0105 19.8338C15.7199 20.2823 15.3178 20.6359 14.8084 20.8928C14.2968 21.1496 13.722 21.2802 13.0842 21.2802C12.3452 21.2823 11.6631 21.0696 11.0336 20.6444ZM20.0084 13.3938L18.4042 14.5538L17.602 13.337L20.4799 11.2612H21.5831V21.0528H20.0084V13.3938Z" fill="#4285F4"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.7 KiB |
4
src/zen/images/favicons/discord.svg
Normal file
4
src/zen/images/favicons/discord.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16C0 7.16344 7.16344 0 16 0C24.8366 0 32 7.16344 32 16Z" fill="#5765F2"/>
|
||||
<path d="M18.5844 9C18.4039 9.32044 18.2418 9.65193 18.0945 9.99079C16.6949 9.78085 15.2695 9.78085 13.8661 9.99079C13.7225 9.65193 13.5567 9.32044 13.3763 9C12.0614 9.22469 10.7796 9.61879 9.56412 10.1749C7.15527 13.744 6.50334 17.221 6.82747 20.6501C8.23814 21.6924 9.81826 22.488 11.5015 22.9963C11.8809 22.488 12.2161 21.9466 12.5033 21.3831C11.9582 21.1805 11.4315 20.9263 10.9269 20.6317C11.0595 20.5359 11.1884 20.4365 11.3137 20.3407C14.2713 21.733 17.6967 21.733 20.658 20.3407C20.7833 20.4438 20.9122 20.5433 21.0448 20.6317C20.5402 20.93 20.0135 21.1805 19.4647 21.3867C19.752 21.9503 20.0871 22.4917 20.4665 23C22.1497 22.4917 23.7298 21.6998 25.1406 20.6575C25.5236 16.6796 24.4849 13.232 22.3965 10.1786C21.1847 9.62247 19.903 9.22836 18.5881 9.00736L18.5844 9ZM12.9159 18.5396C12.0061 18.5396 11.251 17.7145 11.251 16.6943C11.251 15.674 11.9766 14.8453 12.9122 14.8453C13.8477 14.8453 14.5917 15.6777 14.577 16.6943C14.5623 17.7109 13.844 18.5396 12.9159 18.5396ZM19.0522 18.5396C18.1387 18.5396 17.391 17.7145 17.391 16.6943C17.391 15.674 18.1166 14.8453 19.0522 14.8453C19.9877 14.8453 20.728 15.6777 20.7133 16.6943C20.6986 17.7109 19.9803 18.5396 19.0522 18.5396Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 34 KiB |
7
src/zen/images/favicons/figma.svg
Normal file
7
src/zen/images/favicons/figma.svg
Normal file
@@ -0,0 +1,7 @@
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.5 32.0002C13.536 32.0002 16 29.6108 16 26.6668V21.3335H10.5C7.464 21.3335 5 23.7228 5 26.6668C5 29.6108 7.464 32.0002 10.5 32.0002Z" fill="#0ACF83"/>
|
||||
<path d="M5 15.9998C5 13.0558 7.464 10.6665 10.5 10.6665H16V21.3332H10.5C7.464 21.3332 5 18.9438 5 15.9998Z" fill="#A259FF"/>
|
||||
<path d="M5 5.33333C5 2.38933 7.464 0 10.5 0H16V10.6667H10.5C7.464 10.6667 5 8.27733 5 5.33333Z" fill="#F24E1E"/>
|
||||
<path d="M16 0H21.5C24.536 0 27 2.38933 27 5.33333C27 8.27733 24.536 10.6667 21.5 10.6667H16V0Z" fill="#FF7262"/>
|
||||
<path d="M27 15.9998C27 18.9438 24.536 21.3332 21.5 21.3332C18.464 21.3332 16 18.9438 16 15.9998C16 13.0558 18.464 10.6665 21.5 10.6665C24.536 10.6665 27 13.0558 27 15.9998Z" fill="#1ABCFE"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 811 B |
Binary file not shown.
|
Before Width: | Height: | Size: 41 KiB |
1
src/zen/images/favicons/github.svg
Normal file
1
src/zen/images/favicons/github.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><style>path { fill: black; } @media (prefers-color-scheme: dark) { path { fill: white; }}</style><path d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
|
||||
|
After Width: | Height: | Size: 919 B |
Binary file not shown.
|
Before Width: | Height: | Size: 31 KiB |
4
src/zen/images/favicons/notion.svg
Normal file
4
src/zen/images/favicons/notion.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M19.9092 0.570312C20.9252 0.483425 21.6372 0.459533 22.2676 0.602539C22.9145 0.749343 23.4327 1.06038 24.0859 1.53418L29.3965 5.26758L29.4043 5.27246C29.8125 5.57126 30.1701 5.81942 30.4004 6.08594C30.6783 6.40761 30.7783 6.75136 30.7783 7.19238V27.665C30.7783 28.3532 30.6552 29.0129 30.2148 29.5127C29.7704 30.0169 29.0911 30.2598 28.2109 30.3223H28.2061L8.88672 31.4893H8.88086C8.2502 31.519 7.71523 31.495 7.23926 31.3213C6.74601 31.1412 6.36848 30.821 6.00977 30.3652L6.00684 30.3613L2.09668 25.2871L2.09375 25.2832C1.35529 24.3021 1.00001 23.4985 1 22.5322V4.33398C1.00003 3.74262 1.13121 3.13817 1.50781 2.65625C1.8945 2.16152 2.4867 1.86338 3.2666 1.7959H3.27344L19.9092 0.569336V0.570312Z" fill="white" stroke="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.947 1.0682L3.308 2.2942C1.968 2.4102 1.5 3.2852 1.5 4.3342V22.5322C1.5 23.3492 1.791 24.0482 2.492 24.9822L6.403 30.0562C7.046 30.8732 7.629 31.0482 8.856 30.9902L28.177 29.8232C29.811 29.7072 30.279 28.9482 30.279 27.6652V7.1922C30.279 6.5292 30.016 6.3382 29.242 5.7722L29.11 5.6762L23.8 1.9432C22.515 1.0112 21.99 0.893201 19.946 1.0682H19.947ZM9.293 6.8572C7.716 6.9632 7.357 6.9872 6.462 6.2602L4.185 4.4522C3.952 4.2182 4.069 3.9262 4.652 3.8682L20.647 2.7022C21.989 2.5852 22.69 3.0522 23.215 3.4602L25.959 5.4432C26.076 5.5022 26.367 5.8512 26.017 5.8512L9.497 6.8432L9.293 6.8572ZM7.454 27.4902V10.1102C7.454 9.3512 7.688 9.0012 8.388 8.9422L27.359 7.8342C28.002 7.7762 28.294 8.1842 28.294 8.9422V26.2062C28.294 26.9652 28.177 27.6072 27.126 27.6652L8.972 28.7152C7.922 28.7732 7.454 28.4242 7.454 27.4902ZM25.376 11.0422C25.492 11.5672 25.376 12.0922 24.849 12.1522L23.975 12.3252V25.1572C23.215 25.5652 22.515 25.7982 21.931 25.7982C20.997 25.7982 20.763 25.5062 20.063 24.6322L14.342 15.6502V24.3402L16.152 24.7492C16.152 24.7492 16.152 25.7992 14.692 25.7992L10.665 26.0322C10.548 25.7982 10.665 25.2152 11.073 25.0992L12.124 24.8082V13.3182L10.665 13.2002C10.548 12.6752 10.839 11.9172 11.657 11.8592L15.977 11.5672L21.931 20.6672V12.6172L20.413 12.4432C20.297 11.8002 20.763 11.3342 21.347 11.2762L25.376 11.0422Z" fill="black"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 31 KiB |
5
src/zen/images/favicons/obsidian.svg
Normal file
5
src/zen/images/favicons/obsidian.svg
Normal file
@@ -0,0 +1,5 @@
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M11.8525 18.68C12.6687 18.4375 13.9937 18.0675 15.51 17.9663C14.7007 16.039 14.3729 13.9436 14.555 11.8613C14.7587 9.79752 15.4975 8.06377 16.2112 6.59877L16.645 5.70627L17.205 4.55877C17.4987 3.93377 17.715 3.38627 17.8175 2.86377C17.9187 2.35502 17.9187 1.90877 17.7925 1.47502C17.6637 1.04127 17.4087 0.582519 16.8987 0.073769C16.5564 -0.0184991 16.1963 -0.0237195 15.8514 0.0585822C15.5065 0.140884 15.1876 0.308097 14.9237 0.545019L8.3225 6.48252C7.95209 6.81468 7.70898 7.26552 7.635 7.75752L7.0725 11.53C9.20091 13.5086 10.8377 15.957 11.8525 18.68ZM6.80625 13.25L6.67875 13.6325L3.18625 21.4075C3.01261 21.7987 2.95877 22.2327 3.03152 22.6545C3.10427 23.0763 3.30034 23.4671 3.595 23.7775L9.0875 29.4225C10.2319 27.8406 10.9382 25.9845 11.1351 24.042C11.332 22.0995 11.0124 20.1394 10.2087 18.36C9.38578 16.4688 8.23375 14.7387 6.80625 13.25Z" fill="#A88BFA"/>
|
||||
<path d="M10.3624 30.0988L10.6549 30.1238C11.6874 30.1488 13.4461 30.2513 14.8599 30.5063C16.0199 30.7226 18.3261 31.3601 20.2124 31.9076C21.6524 32.3413 23.1436 31.1826 23.3474 29.6913C23.5011 28.6076 23.7936 27.3838 24.3161 26.2501C23.6993 24.2904 22.5837 22.5248 21.0786 21.1263C20.0366 20.2208 18.752 19.6406 17.3836 19.4576C15.6525 19.2856 13.9047 19.4898 12.2599 20.0563C12.676 21.7697 12.7207 23.5523 12.391 25.2844C12.0614 27.0165 11.365 28.6581 10.3486 30.0988H10.3611H10.3624Z" fill="#A88BFA"/>
|
||||
<path d="M25.2336 24.7201C26.1003 23.4305 26.9249 22.1131 27.7061 20.7701C27.8101 20.5866 27.8583 20.3767 27.8448 20.1662C27.8312 19.9557 27.7565 19.7538 27.6299 19.5851C26.5538 18.1973 25.6388 16.6918 24.9024 15.0976C24.1636 13.3276 24.0611 10.5876 24.0486 9.26135C24.0486 8.7526 23.8961 8.2551 23.5774 7.8601L19.3074 2.44385C19.3074 2.68635 19.2574 2.9276 19.2061 3.1701C19.0424 3.85694 18.803 4.52351 18.4924 5.1576L17.9049 6.3826L17.4849 7.2226C16.7003 8.71209 16.1909 10.3309 15.9811 12.0013C15.8094 14.0586 16.1832 16.1247 17.0649 17.9913C18.893 18.1276 20.6278 18.8521 22.0099 20.0563C23.43 21.3416 24.5337 22.9377 25.2349 24.7201H25.2336Z" fill="#A88BFA"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 KiB |
112
src/zen/images/favicons/reddit.svg
Normal file
112
src/zen/images/favicons/reddit.svg
Normal file
@@ -0,0 +1,112 @@
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_187_41)">
|
||||
<path d="M16 0C7.16296 0 0 7.16296 0 16C0 20.4178 1.79111 24.4178 4.68593 27.3141L1.63852 30.3615C1.03407 30.9659 1.46222 32 2.31704 32H16C24.837 32 32 24.837 32 16C32 7.16296 24.837 0 16 0Z" fill="#FF4500"/>
|
||||
<g clip-path="url(#clip1_187_41)">
|
||||
<path d="M24.7645 19.5839C26.828 19.5839 28.5007 17.9111 28.5007 15.8476C28.5007 13.7841 26.828 12.1113 24.7645 12.1113C22.7011 12.1113 21.0283 13.7841 21.0283 15.8476C21.0283 17.9111 22.7011 19.5839 24.7645 19.5839Z" fill="url(#paint0_radial_187_41)"/>
|
||||
<path d="M6.62488 19.5839C8.68833 19.5839 10.3611 17.9111 10.3611 15.8476C10.3611 13.7841 8.68833 12.1113 6.62488 12.1113C4.56143 12.1113 2.88867 13.7841 2.88867 15.8476C2.88867 17.9111 4.56143 19.5839 6.62488 19.5839Z" fill="url(#paint1_radial_187_41)"/>
|
||||
<path d="M15.704 27.0576C21.5949 27.0576 26.3704 23.4759 26.3704 19.0576C26.3704 14.6393 21.5949 11.0576 15.704 11.0576C9.81312 11.0576 5.0376 14.6393 5.0376 19.0576C5.0376 23.4759 9.81312 27.0576 15.704 27.0576Z" fill="url(#paint2_radial_187_41)"/>
|
||||
<path d="M12.5499 18.2797C12.4877 19.635 11.5881 20.1268 10.5404 20.1268C9.49276 20.1268 8.69456 19.4329 8.75737 18.0776C8.81959 16.7224 9.71913 15.8252 10.7668 15.8252C11.8145 15.8252 12.6127 16.9239 12.5499 18.2797Z" fill="#842123"/>
|
||||
<path d="M22.6499 18.0776C22.7121 19.4329 21.9139 20.1268 20.8668 20.1268C19.8198 20.1268 18.9202 19.635 18.8574 18.2797C18.7952 16.9245 19.5934 15.8252 20.6405 15.8252C21.6876 15.8252 22.5871 16.7218 22.6499 18.0776Z" fill="#842123"/>
|
||||
<path d="M12.5507 18.3984C12.4921 19.6671 11.6506 20.127 10.6705 20.127C9.69034 20.127 8.9431 19.4378 9.00177 18.1697C9.06043 16.9009 9.90189 16.0713 10.882 16.0713C11.8621 16.0713 12.6094 17.1297 12.5507 18.3984Z" fill="url(#paint3_radial_187_41)"/>
|
||||
<path d="M18.8567 18.3984C18.9154 19.6671 19.7569 20.127 20.737 20.127C21.7171 20.127 22.4644 19.4378 22.4057 18.1697C22.347 16.9009 21.5056 16.0713 20.5254 16.0713C19.5453 16.0713 18.7981 17.1297 18.8567 18.3984Z" fill="url(#paint4_radial_187_41)"/>
|
||||
<path d="M11.4924 17.6926C11.7215 17.6926 11.9072 17.4899 11.9072 17.2399C11.9072 16.9898 11.7215 16.7871 11.4924 16.7871C11.2634 16.7871 11.0776 16.9898 11.0776 17.2399C11.0776 17.4899 11.2634 17.6926 11.4924 17.6926Z" fill="#FFC49C"/>
|
||||
<path d="M21.3557 17.6926C21.5848 17.6926 21.7705 17.4899 21.7705 17.2399C21.7705 16.9898 21.5848 16.7871 21.3557 16.7871C21.1266 16.7871 20.9409 16.9898 20.9409 17.2399C20.9409 17.4899 21.1266 17.6926 21.3557 17.6926Z" fill="#FFC49C"/>
|
||||
<path d="M15.7038 21.0312C14.3812 21.0312 13.1136 21.0953 11.9415 21.2114C11.7412 21.2315 11.6144 21.4354 11.692 21.6179C12.3486 23.1569 13.8976 24.2378 15.7038 24.2378C17.51 24.2378 19.059 23.1569 19.7156 21.6179C19.7932 21.4354 19.6664 21.2315 19.4661 21.2114C18.294 21.0947 17.0264 21.0312 15.7038 21.0312Z" fill="#BBCFDA"/>
|
||||
<path d="M15.7036 21.3252C14.3851 21.3252 13.1217 21.3898 11.9531 21.5083C11.7534 21.5285 11.6266 21.7359 11.7043 21.9213C12.3591 23.4846 13.9027 24.5827 15.7036 24.5827C17.5044 24.5827 19.0481 23.4846 19.7029 21.9213C19.7805 21.7365 19.6537 21.529 19.454 21.5083C18.2854 21.3898 17.0221 21.3252 15.7036 21.3252Z" fill="white"/>
|
||||
<path d="M15.7039 21.1719C14.4062 21.1719 13.1624 21.2359 12.0122 21.352C11.8154 21.3722 11.691 21.576 11.7674 21.7585C12.4116 23.2975 13.9315 24.3784 15.7045 24.3784C17.4775 24.3784 18.9969 23.2975 19.6416 21.7585C19.7181 21.576 19.5936 21.3722 19.3969 21.352C18.2467 21.2353 17.0029 21.1719 15.7045 21.1719H15.7039Z" fill="url(#paint5_radial_187_41)"/>
|
||||
<path d="M21.5456 9.96972C23.0078 9.96972 24.1932 8.78431 24.1932 7.32202C24.1932 5.85973 23.0078 4.67432 21.5456 4.67432C20.0833 4.67432 18.8979 5.85973 18.8979 7.32202C18.8979 8.78431 20.0833 9.96972 21.5456 9.96972Z" fill="url(#paint6_radial_187_41)"/>
|
||||
<path d="M15.666 11.3947C15.349 11.3947 15.0918 11.2619 15.0918 11.0575C15.0918 8.68534 17.0212 6.75586 19.3933 6.75586C19.7104 6.75586 19.9675 7.01304 19.9675 7.33008C19.9675 7.64712 19.7104 7.9043 19.3933 7.9043C17.6547 7.9043 16.2396 9.31882 16.2396 11.0581C16.2396 11.2625 15.9824 11.3953 15.6654 11.3953L15.666 11.3947Z" fill="url(#paint7_radial_187_41)"/>
|
||||
<path d="M11.8536 19.0256C11.8536 19.5163 11.3315 19.7367 10.6868 19.7367C10.0421 19.7367 9.52002 19.5163 9.52002 19.0256C9.52002 18.5349 10.0421 18.1367 10.6868 18.1367C11.3315 18.1367 11.8536 18.5349 11.8536 19.0256Z" fill="#FF6101"/>
|
||||
<path d="M21.8868 19.0256C21.8868 19.5163 21.3647 19.7367 20.72 19.7367C20.0753 19.7367 19.5532 19.5163 19.5532 19.0256C19.5532 18.5349 20.0753 18.1367 20.72 18.1367C21.3647 18.1367 21.8868 18.5349 21.8868 19.0256Z" fill="#FF6101"/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<radialGradient id="paint0_radial_187_41" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(24.8433 13.6232) scale(7.55242 6.57076)">
|
||||
<stop stop-color="#FEFFFF"/>
|
||||
<stop offset="0.4" stop-color="#FEFFFF"/>
|
||||
<stop offset="0.51" stop-color="#F9FCFC"/>
|
||||
<stop offset="0.62" stop-color="#EDF3F5"/>
|
||||
<stop offset="0.7" stop-color="#DEE9EC"/>
|
||||
<stop offset="0.72" stop-color="#D8E4E8"/>
|
||||
<stop offset="0.76" stop-color="#CCD8DF"/>
|
||||
<stop offset="0.8" stop-color="#C8D5DD"/>
|
||||
<stop offset="0.83" stop-color="#CCD6DE"/>
|
||||
<stop offset="0.85" stop-color="#D8DBE2"/>
|
||||
<stop offset="0.88" stop-color="#EDE3E9"/>
|
||||
<stop offset="0.9" stop-color="#FFEBEF"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="paint1_radial_187_41" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(6.70369 5.8337) scale(7.55242 6.57076)">
|
||||
<stop stop-color="#FEFFFF"/>
|
||||
<stop offset="0.4" stop-color="#FEFFFF"/>
|
||||
<stop offset="0.51" stop-color="#F9FCFC"/>
|
||||
<stop offset="0.62" stop-color="#EDF3F5"/>
|
||||
<stop offset="0.7" stop-color="#DEE9EC"/>
|
||||
<stop offset="0.72" stop-color="#D8E4E8"/>
|
||||
<stop offset="0.76" stop-color="#CCD8DF"/>
|
||||
<stop offset="0.8" stop-color="#C8D5DD"/>
|
||||
<stop offset="0.83" stop-color="#CCD6DE"/>
|
||||
<stop offset="0.85" stop-color="#D8DBE2"/>
|
||||
<stop offset="0.88" stop-color="#EDE3E9"/>
|
||||
<stop offset="0.9" stop-color="#FFEBEF"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="paint2_radial_187_41" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.9339 12.6686) scale(22.7811 15.9471)">
|
||||
<stop stop-color="#FEFFFF"/>
|
||||
<stop offset="0.4" stop-color="#FEFFFF"/>
|
||||
<stop offset="0.51" stop-color="#F9FCFC"/>
|
||||
<stop offset="0.62" stop-color="#EDF3F5"/>
|
||||
<stop offset="0.7" stop-color="#DEE9EC"/>
|
||||
<stop offset="0.72" stop-color="#D8E4E8"/>
|
||||
<stop offset="0.76" stop-color="#CCD8DF"/>
|
||||
<stop offset="0.8" stop-color="#C8D5DD"/>
|
||||
<stop offset="0.83" stop-color="#CCD6DE"/>
|
||||
<stop offset="0.85" stop-color="#D8DBE2"/>
|
||||
<stop offset="0.88" stop-color="#EDE3E9"/>
|
||||
<stop offset="0.9" stop-color="#FFEBEF"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="paint3_radial_187_41" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(10.8708 18.9596) scale(1.90336 2.77898)">
|
||||
<stop stop-color="#FF6600"/>
|
||||
<stop offset="0.5" stop-color="#FF4500"/>
|
||||
<stop offset="0.7" stop-color="#FC4301"/>
|
||||
<stop offset="0.82" stop-color="#F43F07"/>
|
||||
<stop offset="0.92" stop-color="#E53812"/>
|
||||
<stop offset="1" stop-color="#D4301F"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="paint4_radial_187_41" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(20.5367 18.9596) rotate(180) scale(1.90336 2.77898)">
|
||||
<stop stop-color="#FF6600"/>
|
||||
<stop offset="0.5" stop-color="#FF4500"/>
|
||||
<stop offset="0.7" stop-color="#FC4301"/>
|
||||
<stop offset="0.82" stop-color="#F43F07"/>
|
||||
<stop offset="0.92" stop-color="#E53812"/>
|
||||
<stop offset="1" stop-color="#D4301F"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="paint5_radial_187_41" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.6844 24.8112) scale(6.71155 4.42973)">
|
||||
<stop stop-color="#172E35"/>
|
||||
<stop offset="0.29" stop-color="#0E1C21"/>
|
||||
<stop offset="0.73" stop-color="#030708"/>
|
||||
<stop offset="1"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="paint6_radial_187_41" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(21.6031 4.87939) scale(5.89142 5.77372)">
|
||||
<stop stop-color="#FEFFFF"/>
|
||||
<stop offset="0.4" stop-color="#FEFFFF"/>
|
||||
<stop offset="0.51" stop-color="#F9FCFC"/>
|
||||
<stop offset="0.62" stop-color="#EDF3F5"/>
|
||||
<stop offset="0.7" stop-color="#DEE9EC"/>
|
||||
<stop offset="0.72" stop-color="#D8E4E8"/>
|
||||
<stop offset="0.76" stop-color="#CCD8DF"/>
|
||||
<stop offset="0.8" stop-color="#C8D5DD"/>
|
||||
<stop offset="0.83" stop-color="#CCD6DE"/>
|
||||
<stop offset="0.85" stop-color="#D8DBE2"/>
|
||||
<stop offset="0.88" stop-color="#EDE3E9"/>
|
||||
<stop offset="0.9" stop-color="#FFEBEF"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="paint7_radial_187_41" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(19.148 10.8264) scale(4.82892 4.82904)">
|
||||
<stop offset="0.48" stop-color="#7A9299"/>
|
||||
<stop offset="0.67" stop-color="#172E35"/>
|
||||
<stop offset="0.75"/>
|
||||
<stop offset="0.82" stop-color="#172E35"/>
|
||||
</radialGradient>
|
||||
<clipPath id="clip1_187_41">
|
||||
<rect width="25.6119" height="22.3834" fill="white" transform="translate(2.88867 4.67432)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB |
6
src/zen/images/favicons/slack.svg
Normal file
6
src/zen/images/favicons/slack.svg
Normal file
@@ -0,0 +1,6 @@
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.73015 20.1649C6.73015 22.0188 5.23174 23.5173 3.37777 23.5173C1.5238 23.5173 0.0253906 22.0188 0.0253906 20.1649C0.0253906 18.3109 1.5238 16.8125 3.37777 16.8125H6.73015V20.1649ZM8.40634 20.1649C8.40634 18.3109 9.90475 16.8125 11.7587 16.8125C13.6127 16.8125 15.1111 18.3109 15.1111 20.1649V28.5458C15.1111 30.3998 13.6127 31.8982 11.7587 31.8982C9.90475 31.8982 8.40634 30.3998 8.40634 28.5458V20.1649Z" fill="#E01E5A"/>
|
||||
<path d="M11.7587 6.70476C9.90476 6.70476 8.40635 5.20635 8.40635 3.35238C8.40635 1.49841 9.90476 0 11.7587 0C13.6127 0 15.1111 1.49841 15.1111 3.35238V6.70476H11.7587ZM11.7587 8.40635C13.6127 8.40635 15.1111 9.90476 15.1111 11.7587C15.1111 13.6127 13.6127 15.1111 11.7587 15.1111H3.35238C1.49841 15.1111 0 13.6127 0 11.7587C0 9.90476 1.49841 8.40635 3.35238 8.40635H11.7587Z" fill="#36C5F0"/>
|
||||
<path d="M25.1935 11.7587C25.1935 9.90476 26.6919 8.40635 28.5458 8.40635C30.3998 8.40635 31.8982 9.90476 31.8982 11.7587C31.8982 13.6127 30.3998 15.1111 28.5458 15.1111H25.1935V11.7587ZM23.5173 11.7587C23.5173 13.6127 22.0188 15.1111 20.1649 15.1111C18.3109 15.1111 16.8125 13.6127 16.8125 11.7587V3.35238C16.8125 1.49841 18.3109 0 20.1649 0C22.0188 0 23.5173 1.49841 23.5173 3.35238V11.7587Z" fill="#2EB67D"/>
|
||||
<path d="M20.1649 25.1935C22.0188 25.1935 23.5173 26.6919 23.5173 28.5458C23.5173 30.3998 22.0188 31.8982 20.1649 31.8982C18.3109 31.8982 16.8125 30.3998 16.8125 28.5458V25.1935H20.1649ZM20.1649 23.5173C18.3109 23.5173 16.8125 22.0188 16.8125 20.1649C16.8125 18.3109 18.3109 16.8125 20.1649 16.8125H28.5712C30.4252 16.8125 31.9236 18.3109 31.9236 20.1649C31.9236 22.0188 30.4252 23.5173 28.5712 23.5173H20.1649Z" fill="#ECB22E"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 106 KiB |
11
src/zen/images/favicons/trello.svg
Normal file
11
src/zen/images/favicons/trello.svg
Normal file
@@ -0,0 +1,11 @@
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M28.875 0H3.125C1.39911 0 0 1.39911 0 3.125V28.875C0 30.6009 1.39911 32 3.125 32H28.875C30.6009 32 32 30.6009 32 28.875V3.125C32 1.39911 30.6009 0 28.875 0Z" fill="url(#paint0_linear_187_69)"/>
|
||||
<path d="M26.3401 4.16016H19.5801C18.7517 4.16016 18.0801 4.83173 18.0801 5.66016V16.6602C18.0801 17.4886 18.7517 18.1602 19.5801 18.1602H26.3401C27.1685 18.1602 27.8401 17.4886 27.8401 16.6602V5.66016C27.8401 4.83173 27.1685 4.16016 26.3401 4.16016Z" fill="white"/>
|
||||
<path d="M12.4202 4.16016H5.66016C4.83173 4.16016 4.16016 4.83173 4.16016 5.66016V24.6602C4.16016 25.4886 4.83173 26.1602 5.66016 26.1602H12.4202C13.2486 26.1602 13.9202 25.4886 13.9202 24.6602V5.66016C13.9202 4.83173 13.2486 4.16016 12.4202 4.16016Z" fill="white"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_187_69" x1="1600" y1="0" x2="1600" y2="3200" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#0091E6"/>
|
||||
<stop offset="1" stop-color="#0079BF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 KiB |
4
src/zen/images/favicons/x.svg
Normal file
4
src/zen/images/favicons/x.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M0 0H32V32H0V0Z" fill="black"/>
|
||||
<path d="M18.2856 14.1635L27.2216 4H25.1048L17.3424 12.823L11.1472 4H4L13.3704 17.3433L4 28H6.1168L14.3088 18.6806L20.8528 28H28M6.8808 5.5619H10.1328L25.1032 26.5148H21.8504" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 335 B |
@@ -92,12 +92,12 @@
|
||||
[
|
||||
'https://reddit.com/r/zen_browser',
|
||||
'Zen on Reddit',
|
||||
'chrome://browser/content/zen-images/favicons/reddit.ico',
|
||||
'chrome://browser/content/zen-images/favicons/reddit.svg',
|
||||
],
|
||||
[
|
||||
'https://x.com/zen_browser',
|
||||
'Zen on Twitter',
|
||||
'chrome://browser/content/zen-images/favicons/x.ico',
|
||||
'chrome://browser/content/zen-images/favicons/x.svg',
|
||||
],
|
||||
];
|
||||
|
||||
@@ -549,47 +549,47 @@
|
||||
<html:div></html:div>
|
||||
</hbox>
|
||||
<html:div id="zen-welcome-initial-essentials-browser-sidebar-essentials">
|
||||
<html:div class="tabbrowser-tab" fadein="" data-url="https://obsidian.md" style="--zen-essential-tab-icon: url('chrome://browser/content/zen-images/favicons/obsidian.ico');">
|
||||
<html:div class="tabbrowser-tab" fadein="" data-url="https://obsidian.md" style="--zen-essential-tab-icon: url('chrome://browser/content/zen-images/favicons/obsidian.svg');">
|
||||
<stack class="tab-stack">
|
||||
<html:div class="tab-background"></html:div>
|
||||
</stack>
|
||||
</html:div>
|
||||
<html:div class="tabbrowser-tab" fadein="" visuallyselected="" data-url="https://discord.com" style="--zen-essential-tab-icon: url('chrome://browser/content/zen-images/favicons/discord.ico');">
|
||||
<html:div class="tabbrowser-tab" fadein="" visuallyselected="" data-url="https://discord.com" style="--zen-essential-tab-icon: url('chrome://browser/content/zen-images/favicons/discord.svg');">
|
||||
<stack class="tab-stack">
|
||||
<html:div class="tab-background"></html:div>
|
||||
</stack>
|
||||
</html:div>
|
||||
<html:div class="tabbrowser-tab" fadein="" data-url="https://trello.com" style="--zen-essential-tab-icon: url('chrome://browser/content/zen-images/favicons/trello.ico');">
|
||||
<html:div class="tabbrowser-tab" fadein="" data-url="https://trello.com" style="--zen-essential-tab-icon: url('chrome://browser/content/zen-images/favicons/trello.svg');">
|
||||
<stack class="tab-stack">
|
||||
<html:div class="tab-background"></html:div>
|
||||
</stack>
|
||||
</html:div>
|
||||
<html:div class="tabbrowser-tab" fadein="" data-url="https://slack.com/" style="--zen-essential-tab-icon: url('chrome://browser/content/zen-images/favicons/slack.ico');">
|
||||
<html:div class="tabbrowser-tab" fadein="" data-url="https://slack.com" style="--zen-essential-tab-icon: url('chrome://browser/content/zen-images/favicons/slack.svg');">
|
||||
<stack class="tab-stack">
|
||||
<html:div class="tab-background"></html:div>
|
||||
</stack>
|
||||
</html:div>
|
||||
<html:div class="tabbrowser-tab" fadein="" visuallyselected="" data-url="https://github.com" style="--zen-essential-tab-icon: url('chrome://browser/content/zen-images/favicons/github.ico');">
|
||||
<html:div class="tabbrowser-tab" fadein="" visuallyselected="" data-url="https://github.com" style="--zen-essential-tab-icon: url('chrome://browser/content/zen-images/favicons/github.svg');">
|
||||
<stack class="tab-stack">
|
||||
<html:div class="tab-background"></html:div>
|
||||
</stack>
|
||||
</html:div>
|
||||
<html:div class="tabbrowser-tab" fadein="" data-url="https://twitter.com" style="--zen-essential-tab-icon: url('chrome://browser/content/zen-images/favicons/x.ico');">
|
||||
<html:div class="tabbrowser-tab" fadein="" data-url="https://twitter.com" style="--zen-essential-tab-icon: url('chrome://browser/content/zen-images/favicons/x.svg');">
|
||||
<stack class="tab-stack">
|
||||
<html:div class="tab-background"></html:div>
|
||||
</stack>
|
||||
</html:div>
|
||||
<html:div class="tabbrowser-tab" fadein="" visuallyselected="" data-url="https://notion.com" style="--zen-essential-tab-icon: url('chrome://browser/content/zen-images/favicons/notion.ico');">
|
||||
<html:div class="tabbrowser-tab" fadein="" visuallyselected="" data-url="https://notion.com" style="--zen-essential-tab-icon: url('chrome://browser/content/zen-images/favicons/notion.svg');">
|
||||
<stack class="tab-stack">
|
||||
<html:div class="tab-background"></html:div>
|
||||
</stack>
|
||||
</html:div>
|
||||
<html:div class="tabbrowser-tab" fadein="" data-url="https://calendar.google.com" style="--zen-essential-tab-icon: url('chrome://browser/content/zen-images/favicons/calendar.ico');">
|
||||
<html:div class="tabbrowser-tab" fadein="" data-url="https://calendar.google.com" style="--zen-essential-tab-icon: url('chrome://browser/content/zen-images/favicons/calendar.svg');">
|
||||
<stack class="tab-stack">
|
||||
<html:div class="tab-background"></html:div>
|
||||
</stack>
|
||||
</html:div>
|
||||
<html:div class="tabbrowser-tab" fadein="" data-url="https://figma.com" style="--zen-essential-tab-icon: url('chrome://browser/content/zen-images/favicons/figma.ico');">
|
||||
<html:div class="tabbrowser-tab" fadein="" data-url="https://figma.com" style="--zen-essential-tab-icon: url('chrome://browser/content/zen-images/favicons/figma.svg');">
|
||||
<stack class="tab-stack">
|
||||
<html:div class="tab-background"></html:div>
|
||||
</stack>
|
||||
|
||||
@@ -252,15 +252,15 @@
|
||||
|
||||
& .extra-tab {
|
||||
width: 100%;
|
||||
height: 3rem;
|
||||
border-radius: 0.8rem;
|
||||
height: 4rem;
|
||||
border-radius: var(--border-radius-large);
|
||||
margin-top: 0.5rem;
|
||||
background: var(--zen-toolbar-element-bg);
|
||||
grid-column: span 3;
|
||||
}
|
||||
|
||||
& .tabbrowser-tab {
|
||||
--tab-min-height: 5rem !important;
|
||||
--tab-min-height: 6rem !important;
|
||||
min-width: 5rem !important;
|
||||
transition: transform 0.1s;
|
||||
position: relative;
|
||||
@@ -268,14 +268,14 @@
|
||||
&::after {
|
||||
position: absolute;
|
||||
content: '';
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
background: var(--zen-essential-tab-icon);
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user