Update Cozystack logo and favicon to the new brand mark#19
Update Cozystack logo and favicon to the new brand mark#19Viktoriia Kvapil (kvapsova) wants to merge 2 commits into
Conversation
|
No actionable comments were generated in the recent review. 🎉 ℹ️ Recent review info⚙️ Run configurationConfiguration used: defaults Review profile: CHILL Plan: Pro Run ID: ⛔ Files ignored due to path filters (2)
📒 Files selected for processing (1)
📝 WalkthroughWalkthroughA single styling update enlarges the header Logo component by changing its Tailwind height class from ChangesHeader Logo Sizing
Estimated code review effort🎯 1 (Trivial) | ⏱️ ~2 minutes Poem
🚥 Pre-merge checks | ✅ 3 | ❌ 2❌ Failed checks (2 warnings)
✅ Passed checks (3 passed)
✏️ Tip: You can configure your own custom pre-merge checks in the settings. ✨ Finishing Touches🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
There was a problem hiding this comment.
Code Review
This pull request updates the SVG assets for the console favicon and the UI package logo. The reviewer recommends explicitly defining the width and height attributes on both <svg> elements to ensure proper scaling across browsers and to prevent Cumulative Layout Shift (CLS).
| <rect width="68.25" height="68.25" fill="#000000"/> | ||
| <path fill-rule="evenodd" clip-rule="evenodd" d="m 16.601598,13.92691 c 0,-1.280115 1.015051,-2.317861 2.267424,-2.317861 h 31.743937 c 1.252378,0 2.26742,1.037746 2.26742,2.317861 v 0 c 0,1.280133 -1.015042,2.31787 -2.26742,2.31787 H 18.869022 c -1.252373,0 -2.267424,-1.037737 -2.267424,-2.31787 z m 0,41.721572 c 0,-1.280081 1.015051,-2.317865 2.267424,-2.317865 h 31.743937 c 1.252378,0 2.26742,1.037784 2.26742,2.317865 v 0 c 0,1.280158 -1.015042,2.317866 -2.26742,2.317866 H 18.869022 c -1.252373,0 -2.267424,-1.037708 -2.267424,-2.317866 z m 36.278781,-20.8608 c 0,-1.28008 -1.015042,-2.317865 -2.26742,-2.317865 H 18.869022 c -1.252373,0 -2.267424,1.037785 -2.267424,2.317865 v 0 c 0,1.280158 1.015051,2.317866 2.267424,2.317866 h 31.743937 c 1.252378,0 2.26742,-1.037708 2.26742,-2.317866 z" fill="#ffffff"/> | ||
| </svg> | ||
| <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 400 400"><title>cozystack-icon-color</title><path fill="#1a1a1a" d="M0 0h400v400H0z"/><path fill="#fff" d="M325.397 129.47c.37 1.461.575 2.976.6 4.516v.022l.003.281v131.156c0 6.742-3.452 13.007-9.133 16.613l-.015.01-.239.148-.008.006-.01.007-105.648 64.673c-2.394 1.466-5.024 2.376-7.711 2.729l-2.815.369v-17.612l1.19-.728 105.649-64.673c.536-.328.863-.913.863-1.542V137.222l1.085-.743 12.368-8.453 2.944-2.012.877 3.456zM200.579 67.6118l-1.19.7285L93.7404 133.014c-.5359.328-.8637.914-.8637 1.542v128.223l-1.0842.742-12.3687 8.454-2.944 2.011-.8767-3.456c-.3705-1.461-.5754-2.974-.6005-4.514v-.022L75 265.713V134.556c0-6.742 3.4518-13.008 9.1329-16.614l.0078-.005.0077-.004.2387-.149.0078-.006.0103-.005L190.053 53.099c2.394-1.4653 5.024-2.3757 7.711-2.7289L200.579 50v17.6118zm57.286 155.5512c7.685 2.715 7.3 11.646.671 15.668l-34.714 20.262c-5.218 3.015-10.384 6.128-15.673 9.017-8.37 4.568-14.99-.494-22.04-4.568l-18.037-10.549-16.416-9.553c-3.594-2.091-10.363-5.251-12.102-9.019-1.025-2.217-1.094-4.756-.192-7.028.941-2.348 2.434-3.278 4.661-4.186 2.037.342 5.367 2.739 7.26 3.814 11.054 6.267 21.913 12.918 32.964 19.192 4.214 2.197 8.424 5.504 12.877 7.102 7.313 2.625 15.075-3.787 21.072-7.243l23.908-13.898c4.985-2.925 10.672-6.439 15.761-9.011zm.084-31.871c1.973.807 3.282 1.724 4.397 3.606 1.148 1.94 1.458 4.26.861 6.431-.703 2.616-2.243 4.171-4.491 5.522l-34.864 20.436c-5.855 3.433-12.227 7.581-18.389 10.201-6.695 2.846-14.331-2.832-19.766-5.986l-18.761-10.985-15.476-9.079c-5.697-3.326-15.017-6.741-12.254-15.148.832-2.53 2.355-3.641 4.588-4.814 1.733.026 10.476 5.451 12.407 6.574l28.182 16.552c5.931 3.499 14.42 10.127 21.525 6.793 5.613-2.632 11.277-6.452 16.725-9.593 11.757-6.78 23.38-14.04 35.316-20.51zm-59.169-62.369c4.265-.295 6.503-.106 10.325 2.07l34.222 19.839 10.877 6.261c3.792 2.187 7.903 3.792 9.051 8.443.526 2.197.142 4.513-1.072 6.423-1.721 2.767-7.835 5.732-10.893 7.533l-16.94 9.995-16.842 9.9c-4.156 2.438-9.213 5.916-13.811 6.978-3.357.275-6.465.087-9.466-1.625-3.996-2.281-7.973-4.644-11.94-6.971l-22.253-13.061-12.237-7.164c-1.747-1.026-4.639-2.502-6.079-3.718-4.396-3.715-3.739-10.686 1.138-13.661 3.135-1.913 5.945-3.529 8.956-5.269l16.483-9.509 15.698-9.018c4.252-2.473 10.122-6.45 14.783-7.446z"/></svg> |
There was a problem hiding this comment.
To ensure the SVG favicon renders correctly and scales properly across all browsers (including older versions of Safari and Chrome), it is highly recommended to explicitly define the width and height attributes on the <svg> element. Adding width="32" height="32" (or matching the viewBox aspect ratio) prevents rendering failures in tab bars or bookmark lists.
<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 400 400" width="32" height="32"><title>cozystack-icon-color</title><path fill="#1a1a1a" d="M0 0h400v400H0z"/><path fill="#fff" d="M325.397 129.47c.37 1.461.575 2.976.6 4.516v.022l.003.281v131.156c0 6.742-3.452 13.007-9.133 16.613l-.015.01-.239.148-.008.006-.01.007-105.648 64.673c-2.394 1.466-5.024 2.376-7.711 2.729l-2.815.369v-17.612l1.19-.728 105.649-64.673c.536-.328.863-.913.863-1.542V137.222l1.085-.743 12.368-8.453 2.944-2.012.877 3.456zM200.579 67.6118l-1.19.7285L93.7404 133.014c-.5359.328-.8637.914-.8637 1.542v128.223l-1.0842.742-12.3687 8.454-2.944 2.011-.8767-3.456c-.3705-1.461-.5754-2.974-.6005-4.514v-.022L75 265.713V134.556c0-6.742 3.4518-13.008 9.1329-16.614l.0078-.005.0077-.004.2387-.149.0078-.006.0103-.005L190.053 53.099c2.394-1.4653 5.024-2.3757 7.711-2.7289L200.579 50v17.6118zm57.286 155.5512c7.685 2.715 7.3 11.646.671 15.668l-34.714 20.262c-5.218 3.015-10.384 6.128-15.673 9.017-8.37 4.568-14.99-.494-22.04-4.568l-18.037-10.549-16.416-9.553c-3.594-2.091-10.363-5.251-12.102-9.019-1.025-2.217-1.094-4.756-.192-7.028.941-2.348 2.434-3.278 4.661-4.186 2.037.342 5.367 2.739 7.26 3.814 11.054 6.267 21.913 12.918 32.964 19.192 4.214 2.197 8.424 5.504 12.877 7.102 7.313 2.625 15.075-3.787 21.072-7.243l23.908-13.898c4.985-2.925 10.672-6.439 15.761-9.011zm.084-31.871c1.973.807 3.282 1.724 4.397 3.606 1.148 1.94 1.458 4.26.861 6.431-.703 2.616-2.243 4.171-4.491 5.522l-34.864 20.436c-5.855 3.433-12.227 7.581-18.389 10.201-6.695 2.846-14.331-2.832-19.766-5.986l-18.761-10.985-15.476-9.079c-5.697-3.326-15.017-6.741-12.254-15.148.832-2.53 2.355-3.641 4.588-4.814 1.733.026 10.476 5.451 12.407 6.574l28.182 16.552c5.931 3.499 14.42 10.127 21.525 6.793 5.613-2.632 11.277-6.452 16.725-9.593 11.757-6.78 23.38-14.04 35.316-20.51zm-59.169-62.369c4.265-.295 6.503-.106 10.325 2.07l34.222 19.839 10.877 6.261c3.792 2.187 7.903 3.792 9.051 8.443.526 2.197.142 4.513-1.072 6.423-1.721 2.767-7.835 5.732-10.893 7.533l-16.94 9.995-16.842 9.9c-4.156 2.438-9.213 5.916-13.811 6.978-3.357.275-6.465.087-9.466-1.625-3.996-2.281-7.973-4.644-11.94-6.971l-22.253-13.061-12.237-7.164c-1.747-1.026-4.639-2.502-6.079-3.718-4.396-3.715-3.739-10.686 1.138-13.661 3.135-1.913 5.945-3.529 8.956-5.269l16.483-9.509 15.698-9.018c4.252-2.473 10.122-6.45 14.783-7.446z"/></svg>
| <path d="M96.4128 94.1505C93.8448 94.1505 91.5055 93.7108 89.3948 92.8314C87.2842 91.9167 85.4901 90.6327 84.0126 88.9794C82.5351 87.326 81.3918 85.3209 80.5827 82.9639C79.8088 80.607 79.4219 77.9687 79.4219 75.0489C79.4219 72.0939 79.8088 69.4556 80.5827 67.1338C81.3918 64.7769 82.5351 62.7894 84.0126 61.1712C85.4901 59.5178 87.2666 58.2514 89.3421 57.3719C91.4527 56.4573 93.8097 56 96.4128 56C99.0512 56 101.408 56.4397 103.484 57.3192C105.594 58.1986 107.388 59.465 108.866 61.1184C110.379 62.7718 111.522 64.7769 112.296 67.1338C113.105 69.4556 113.509 72.0763 113.509 74.9961C113.509 77.9511 113.105 80.607 112.296 82.9639C111.487 85.3209 110.343 87.326 108.866 88.9794C107.388 90.6327 105.594 91.9167 103.484 92.8314C101.408 93.7108 99.0512 94.1505 96.4128 94.1505ZM96.4128 90.2985C99.0864 90.2985 101.338 89.7005 103.167 88.5045C105.031 87.3084 106.456 85.5671 107.441 83.2805C108.426 80.994 108.919 78.2501 108.919 75.0489C108.919 71.8125 108.426 69.0686 107.441 66.8172C106.456 64.5658 105.031 62.8421 103.167 61.6461C101.338 60.45 99.0864 59.852 96.4128 59.852C93.8097 59.852 91.5759 60.45 89.7114 61.6461C87.8822 62.8421 86.4751 64.5834 85.4901 66.87C84.5051 69.1214 84.0126 71.8477 84.0126 75.0489C84.0126 78.2501 84.5051 80.994 85.4901 83.2805C86.4751 85.5319 87.8822 87.2732 89.7114 88.5045C91.5759 89.7005 93.8097 90.2985 96.4128 90.2985Z" fill="black"/> | ||
| <path d="M62.4659 94.1505C58.8074 94.1505 55.6765 93.3766 53.0733 91.8288C50.4702 90.2809 48.465 88.0823 47.0579 85.2329C45.686 82.3835 45 78.9888 45 75.0489C45 71.1089 45.686 67.7319 47.0579 64.9176C48.465 62.0682 50.4702 59.8696 53.0733 58.3217C55.6765 56.7739 58.8074 56 62.4659 56C65.0339 56 67.4084 56.4045 69.5894 57.2136C71.7705 58.0227 73.5997 59.2012 75.0772 60.749L73.3886 64.2844C71.7705 62.7718 70.0819 61.6812 68.323 61.0129C66.5993 60.3093 64.6821 59.9575 62.5714 59.9575C58.3852 59.9575 55.184 61.2767 52.9678 63.915C50.7516 66.5534 49.6435 70.2647 49.6435 75.0489C49.6435 79.8331 50.7516 83.562 52.9678 86.2355C55.184 88.8738 58.3852 90.193 62.5714 90.193C64.6821 90.193 66.5993 89.8588 68.323 89.1904C70.0819 88.4869 71.7705 87.3788 73.3886 85.8661L75.0772 89.4015C73.5997 90.9142 71.7705 92.0926 69.5894 92.9369C67.4084 93.746 65.0339 94.1505 62.4659 94.1505Z" fill="black"/> | ||
| </svg> | ||
| <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 1352 453"><title>cozystack-horizontal-black</title><path d="M296.546 172.978c.279 1.102.433 2.245.452 3.408v.016l.002.212v98.987c0 5.088-2.599 9.816-6.877 12.538l-.012.007-.179.112-.006.005-.008.005-79.552 48.81c-1.802 1.106-3.783 1.793-5.805 2.06l-2.121.278v-13.292l.897-.55 79.552-48.809c.403-.248.65-.69.65-1.164v-96.773l.816-.56 9.314-6.38 2.217-1.519.66 2.609zm-93.986-46.686l-.897.55-79.552 48.81c-.403.248-.65.69-.65 1.164v96.773l-.816.559-9.314 6.381-2.217 1.518-.66-2.609c-.279-1.102-.433-2.244-.452-3.407v-.016l-.002-.212v-98.987c0-5.088 2.599-9.817 6.877-12.539l.006-.004.006-.002.179-.113.006-.005.008-.004 79.552-48.81c1.802-1.106 3.783-1.793 5.805-2.06l2.121-.279v13.292zm43.135 117.397c5.787 2.05 5.497 8.79.505 11.826l-26.138 15.292c-3.93 2.275-7.82 4.625-11.802 6.805-6.303 3.448-11.288-.373-16.596-3.448l-13.582-7.961-12.361-7.21c-2.706-1.578-7.803-3.963-9.113-6.806-.771-1.674-.824-3.59-.144-5.305.708-1.772 1.833-2.474 3.51-3.159 1.533.258 4.04 2.067 5.466 2.879 8.324 4.729 16.5 9.748 24.822 14.484 3.173 1.658 6.343 4.154 9.696 5.36 5.506 1.981 11.351-2.859 15.867-5.467l18.002-10.489c3.754-2.207 8.036-4.859 11.868-6.801zm553.544-69.619c7.303.093 13.831 1.304 19.583 3.63 5.802 2.327 10.604 5.677 14.406 10.051 3.851 4.327 6.502 9.586 7.953 15.774l-16.807 2.653c-.75-3.769-2.351-7.004-4.802-9.702-2.451-2.746-5.452-4.839-9.003-6.282-3.551-1.489-7.403-2.257-11.554-2.303-4.002-.093-7.678.465-11.03 1.674-3.301 1.21-5.952 2.909-7.953 5.096-1.95 2.187-2.926 4.7-2.927 7.538 0 2.792.877 5.049 2.627 6.771 1.751 1.721 3.902 3.094 6.453 4.118 2.6.977 5.176 1.792 7.727 2.443l19.958 5.236c2.501.651 5.327 1.535 8.479 2.652 3.201 1.07 6.277 2.582 9.228 4.536 3.001 1.954 5.477 4.561 7.428 7.818 1.951 3.211 2.927 7.259 2.927 12.145 0 5.072-1.101 9.539-3.302 13.401-2.201 3.816-5.227 7.027-9.078 9.633-3.802 2.559-8.204 4.49-13.205 5.793-5.002 1.303-10.28 1.955-15.832 1.955-7.753 0-14.756-1.234-21.008-3.7-6.202-2.513-11.329-6.072-15.381-10.679-4.002-4.653-6.602-10.168-7.803-16.543l16.356-2.302c1.65 6.142 5.102 10.934 10.354 14.378 5.252 3.396 11.379 5.095 18.382 5.095 4.352 0 8.354-.628 12.005-1.885 3.651-1.302 6.577-3.14 8.778-5.513 2.251-2.42 3.377-5.305 3.377-8.655 0-1.815-.35-3.421-1.051-4.817-.65-1.396-1.576-2.606-2.776-3.63-1.15-1.07-2.576-1.977-4.276-2.721-1.651-.792-3.477-1.466-5.478-2.025l-27.685-7.608c-2.701-.745-5.452-1.698-8.253-2.862-2.801-1.209-5.378-2.769-7.729-4.676-2.301-1.955-4.176-4.351-5.627-7.19-1.45-2.885-2.176-6.375-2.176-10.47 0-6.188 1.701-11.424 5.102-15.705 3.451-4.327 8.104-7.584 13.956-9.771 5.852-2.234 12.405-3.351 19.657-3.351zM397.095 174c12.455 0 22.759 2.932 30.912 8.795 8.203 5.863 13.906 13.75 17.107 23.662l-15.906 3.979c-2.101-7.027-5.853-12.542-11.255-16.543-5.352-4.002-12.305-6.003-20.858-6.003-7.653 0-14.03 1.605-19.132 4.816-5.102 3.211-8.954 7.702-11.555 13.472-2.551 5.77-3.827 12.494-3.827 20.172-.05 7.677 1.201 14.401 3.752 20.171 2.601 5.771 6.453 10.261 11.555 13.472 5.152 3.211 11.554 4.817 19.207 4.817 8.553 0 15.506-2.002 20.858-6.003 5.402-4.049 9.154-9.563 11.255-16.543l15.906 3.978c-3.201 9.912-8.904 17.799-17.107 23.662-8.153 5.863-18.457 8.795-30.912 8.795-10.804 0-20.008-2.187-27.611-6.561-7.603-4.421-13.43-10.563-17.482-18.427C348 245.847 346 236.726 346 226.35c0-10.377 2-19.498 6.002-27.362 4.052-7.864 9.879-13.983 17.482-18.357 7.603-4.421 16.807-6.631 27.611-6.631zm111.634 0c10.754 0 19.933 2.21 27.536 6.631 7.653 4.374 13.48 10.493 17.482 18.357 4.002 7.864 6.002 16.985 6.002 27.362 0 10.376-2 19.497-6.002 27.361-4.002 7.864-9.829 14.006-17.482 18.427-7.603 4.374-16.781 6.561-27.536 6.561-10.804 0-20.008-2.187-27.611-6.561-7.603-4.421-13.43-10.563-17.481-18.427-4.002-7.864-6.002-16.985-6.002-27.361 0-10.377 2-19.498 6.002-27.362 4.051-7.864 9.878-13.983 17.481-18.357 7.603-4.421 16.807-6.631 27.611-6.631zm585.771 0c12.46 0 22.76 2.932 30.92 8.795 8.2 5.863 13.9 13.75 17.1 23.662l-15.9 3.979c-2.1-7.027-5.85-12.542-11.26-16.543-5.35-4.002-12.3-6.003-20.86-6.003-7.65 0-14.03 1.605-19.13 4.816s-8.95 7.702-11.55 13.472c-2.55 5.77-3.83 12.494-3.83 20.172-.05 7.677 1.2 14.401 3.75 20.171 2.6 5.771 6.46 10.261 11.56 13.472 5.15 3.211 11.55 4.817 19.2 4.817 8.56 0 15.51-2.002 20.86-6.003 5.41-4.049 9.16-9.563 11.26-16.543l15.9 3.978c-3.2 9.912-8.9 17.799-17.1 23.662-8.16 5.863-18.46 8.795-30.92 8.795-10.8 0-20-2.187-27.61-6.561-7.6-4.421-13.43-10.563-17.48-18.427-4-7.864-6-16.985-6-27.361 0-10.377 2-19.498 6-27.362 4.05-7.864 9.88-13.983 17.48-18.357 7.61-4.421 16.81-6.631 27.61-6.631zm-440.656 4.468l-54.847 84.317h53.827v13.82h-81.062v-2.303l55.146-84.457h-53.113v-13.75h80.049v2.373zm55.068 39.855l26.186-42.228h18.307l-36.54 58.98v41.53h-15.906v-41.53l-36.539-58.98h18.308l26.184 42.228zm230.566-28.478h-35.939v86.76h-15.682v-86.76h-35.938v-13.75h87.559v13.75zm96.402 86.76h-16.28l-8-22.684h-44.344l-7.905 22.684h-16.282l35.114-100.51h22.587l35.11 100.51zM1176.72 223l45.25-46.905h19.5l-47.79 49.068 51.32 51.442h-20.11l-48.17-48.021v48.021h-15.68v-100.51h15.68V223zm-667.991-35.11c-7.653-.093-14.03 1.466-19.132 4.676-5.052 3.211-8.854 7.725-11.405 13.541-2.551 5.817-3.851 12.565-3.901 20.243-.05 7.677 1.2 14.401 3.751 20.171 2.551 5.724 6.378 10.191 11.479 13.402 5.153 3.211 11.555 4.84 19.208 4.887 7.653.093 14.006-1.466 19.058-4.677 5.102-3.257 8.929-7.771 11.48-13.541 2.551-5.817 3.826-12.564 3.826-20.242 0-7.678-1.275-14.379-3.826-20.103-2.551-5.77-6.378-10.26-11.48-13.471-5.052-3.21-11.405-4.84-19.058-4.886zm-262.97 31.746c1.485.609 2.47 1.301 3.31 2.721.865 1.464 1.098 3.215.649 4.854-.53 1.974-1.689 3.148-3.382 4.168l-26.252 15.423c-4.409 2.591-9.207 5.722-13.847 7.699-5.041 2.148-10.791-2.137-14.883-4.518l-14.127-8.291-11.654-6.851c-4.29-2.511-11.307-5.088-9.226-11.433.626-1.909 1.772-2.748 3.454-3.634 1.305.02 7.888 4.115 9.343 4.962l21.22 12.493c4.466 2.64 10.858 7.643 16.208 5.126 4.227-1.986 8.491-4.869 12.594-7.24 8.853-5.117 17.604-10.596 26.593-15.479zm726.264 20.604h34.757l-17.481-49.572-17.276 49.572zm-770.818-67.676c3.211-.222 4.897-.079 7.774 1.563l25.769 14.973 8.19 4.725c2.856 1.651 5.951 2.862 6.816 6.372.396 1.659.106 3.406-.808 4.848-1.295 2.088-5.899 4.326-8.202 5.685l-12.756 7.543-12.681 7.472c-3.13 1.84-6.937 4.465-10.4 5.267-2.527.207-4.868.066-7.128-1.227-3.008-1.721-6.003-3.504-8.99-5.261l-16.757-9.857-9.214-5.407c-1.315-.774-3.493-1.888-4.577-2.806-3.31-2.804-2.816-8.065.857-10.31 2.36-1.444 4.476-2.664 6.744-3.977l12.411-7.177 11.82-6.805c3.202-1.867 7.622-4.869 11.132-5.621z"/></svg> |
There was a problem hiding this comment.
To prevent Cumulative Layout Shift (CLS) and ensure robust rendering before the CSS stylesheet is fully loaded and applied, it is recommended to explicitly define the width and height attributes on the <svg> element matching its viewBox aspect ratio (e.g., width="1352" height="453").
<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 1352 453" width="1352" height="453"><title>cozystack-horizontal-black</title><path d="M296.546 172.978c.279 1.102.433 2.245.452 3.408v.016l.002.212v98.987c0 5.088-2.599 9.816-6.877 12.538l-.012.007-.179.112-.006.005-.008.005-79.552 48.81c-1.802 1.106-3.783 1.793-5.805 2.06l-2.121.278v-13.292l.897-.55 79.552-48.809c.403-.248.65-.69.65-1.164v-96.773l.816-.56 9.314-6.38 2.217-1.519.66 2.609zm-93.986-46.686l-.897.55-79.552 48.81c-.403.248-.65.69-.65 1.164v96.773l-.816.559-9.314 6.381-2.217 1.518-.66-2.609c-.279-1.102-.433-2.244-.452-3.407v-.016l-.002-.212v-98.987c0-5.088 2.599-9.817 6.877-12.539l.006-.004.006-.002.179-.113.006-.005.008-.004 79.552-48.81c1.802-1.106 3.783-1.793 5.805-2.06l2.121-.279v13.292zm43.135 117.397c5.787 2.05 5.497 8.79.505 11.826l-26.138 15.292c-3.93 2.275-7.82 4.625-11.802 6.805-6.303 3.448-11.288-.373-16.596-3.448l-13.582-7.961-12.361-7.21c-2.706-1.578-7.803-3.963-9.113-6.806-.771-1.674-.824-3.59-.144-5.305.708-1.772 1.833-2.474 3.51-3.159 1.533.258 4.04 2.067 5.466 2.879 8.324 4.729 16.5 9.748 24.822 14.484 3.173 1.658 6.343 4.154 9.696 5.36 5.506 1.981 11.351-2.859 15.867-5.467l18.002-10.489c3.754-2.207 8.036-4.859 11.868-6.801zm553.544-69.619c7.303.093 13.831 1.304 19.583 3.63 5.802 2.327 10.604 5.677 14.406 10.051 3.851 4.327 6.502 9.586 7.953 15.774l-16.807 2.653c-.75-3.769-2.351-7.004-4.802-9.702-2.451-2.746-5.452-4.839-9.003-6.282-3.551-1.489-7.403-2.257-11.554-2.303-4.002-.093-7.678.465-11.03 1.674-3.301 1.21-5.952 2.909-7.953 5.096-1.95 2.187-2.926 4.7-2.927 7.538 0 2.792.877 5.049 2.627 6.771 1.751 1.721 3.902 3.094 6.453 4.118 2.6.977 5.176 1.792 7.727 2.443l19.958 5.236c2.501.651 5.327 1.535 8.479 2.652 3.201 1.07 6.277 2.582 9.228 4.536 3.001 1.954 5.477 4.561 7.428 7.818 1.951 3.211 2.927 7.259 2.927 12.145 0 5.072-1.101 9.539-3.302 13.401-2.201 3.816-5.227 7.027-9.078 9.633-3.802 2.559-8.204 4.49-13.205 5.793-5.002 1.303-10.28 1.955-15.832 1.955-7.753 0-14.756-1.234-21.008-3.7-6.202-2.513-11.329-6.072-15.381-10.679-4.002-4.653-6.602-10.168-7.803-16.543l16.356-2.302c1.65 6.142 5.102 10.934 10.354 14.378 5.252 3.396 11.379 5.095 18.382 5.095 4.352 0 8.354-.628 12.005-1.885 3.651-1.302 6.577-3.14 8.778-5.513 2.251-2.42 3.377-5.305 3.377-8.655 0-1.815-.35-3.421-1.051-4.817-.65-1.396-1.576-2.606-2.776-3.63-1.15-1.07-2.576-1.977-4.276-2.721-1.651-.792-3.477-1.466-5.478-2.025l-27.685-7.608c-2.701-.745-5.452-1.698-8.253-2.862-2.801-1.209-5.378-2.769-7.729-4.676-2.301-1.955-4.176-4.351-5.627-7.19-1.45-2.885-2.176-6.375-2.176-10.47 0-6.188 1.701-11.424 5.102-15.705 3.451-4.327 8.104-7.584 13.956-9.771 5.852-2.234 12.405-3.351 19.657-3.351zM397.095 174c12.455 0 22.759 2.932 30.912 8.795 8.203 5.863 13.906 13.75 17.107 23.662l-15.906 3.979c-2.101-7.027-5.853-12.542-11.255-16.543-5.352-4.002-12.305-6.003-20.858-6.003-7.653 0-14.03 1.605-19.132 4.816-5.102 3.211-8.954 7.702-11.555 13.472-2.551 5.77-3.827 12.494-3.827 20.172-.05 7.677 1.2 14.401 3.752 20.171 2.6 5.771 6.453 10.261 11.555 13.472 5.152 3.211 11.554 4.817 19.207 4.817 8.553 0 15.506-2.002 20.858-6.003 5.402-4.049 9.154-9.563 11.255-16.543l15.906 3.978c-3.201 9.912-8.904 17.799-17.107 23.662-8.153 5.863-18.457 8.795-30.912 8.795-10.804 0-20.008-2.187-27.611-6.561-7.603-4.421-13.43-10.563-17.482-18.427C348 245.847 346 236.726 346 226.35c0-10.377 2-19.498 6.002-27.362 4.052-7.864 9.879-13.983 17.482-18.357 7.603-4.421 16.807-6.631 27.611-6.631zm111.634 0c10.754 0 19.933 2.21 27.536 6.631 7.653 4.374 13.48 10.493 17.482 18.357 4.002 7.864 6.002 16.985 6.002 27.362 0 10.376-2 19.497-6.002 27.361-4.002 7.864-9.829 14.006-17.482 18.427-7.603 4.374-16.781 6.561-27.536 6.561-10.804 0-20.008-2.187-27.611-6.561-7.603-4.421-13.43-10.563-17.481-18.427-4.002-7.864-6.002-16.985-6.002-27.361 0-10.377 2-19.498 6.002-27.362 4.051-7.864 9.878-13.983 17.481-18.357 7.603-4.421 16.807-6.631 27.611-6.631zm585.771 0c12.46 0 22.76 2.932 30.92 8.795 8.2 5.863 13.9 13.75 17.1 23.662l-15.9 3.979c-2.1-7.027-5.85-12.542-11.26-16.543-5.35-4.002-12.3-6.003-20.86-6.003-7.65 0-14.03 1.605-19.13 4.816s-8.95 7.702-11.55 13.472c-2.55 5.77-3.83 12.494-3.83 20.172-.05 7.677 1.2 14.401 3.75 20.171 2.6 5.771 6.46 10.261 11.56 13.472 5.15 3.211 11.55 4.817 19.2 4.817 8.56 0 15.51-2.002 20.86-6.003 5.41-4.049 9.16-9.563 11.26-16.543l15.9 3.978c-3.2 9.912-8.9 17.799-17.1 23.662-8.16 5.863-18.46 8.795-30.92 8.795-10.8 0-20-2.187-27.61-6.561-7.6-4.421-13.43-10.563-17.48-18.427-4-7.864-6-16.985-6-27.361 0-10.377 2-19.498 6-27.362 4.05-7.864 9.88-13.983 17.48-18.357 7.61-4.421 16.81-6.631 27.61-6.631zm-440.656 4.468l-54.847 84.317h53.827v13.82h-81.062v-2.303l55.146-84.457h-53.113v-13.75h80.049v2.373zm55.068 39.855l26.186-42.228h18.307l-36.54 58.98v41.53h-15.906v-41.53l-36.539-58.98h18.308l26.184 42.228zm230.566-28.478h-35.939v86.76h-15.682v-86.76h-35.938v-13.75h87.559v13.75zm96.402 86.76h-16.28l-8-22.684h-44.344l-7.905 22.684h-16.282l35.114-100.51h22.587l35.11 100.51zM1176.72 223l45.25-46.905h19.5l-47.79 49.068 51.32 51.442h-20.11l-48.17-48.021v48.021h-15.68v-100.51h15.68V223zm-667.991-35.11c-7.653-.093-14.03 1.466-19.132 4.676-5.052 3.211-8.854 7.725-11.405 13.541-2.551 5.817-3.851 12.565-3.901 20.243-.05 7.677 1.2 14.401 3.751 20.171 2.551 5.724 6.378 10.191 11.479 13.402 5.153 3.211 11.555 4.84 19.208 4.887 7.653.093 14.006-1.466 19.058-4.677 5.102-3.257 8.929-7.771 11.48-13.541 2.551-5.817 3.826-12.564 3.826-20.242 0-7.678-1.275-14.379-3.826-20.103-2.551-5.77-6.378-10.26-11.48-13.471-5.052-3.21-11.405-4.84-19.058-4.886zm-262.97 31.746c1.485.609 2.47 1.301 3.31 2.721.865 1.464 1.098 3.215.649 4.854-.53 1.974-1.689 3.148-3.382 4.168l-26.252 15.423c-4.409 2.591-9.207 5.722-13.847 7.699-5.041 2.148-10.791-2.137-14.883-4.518l-14.127-8.291-11.654-6.851c-4.29-2.511-11.307-5.088-9.226-11.433.626-1.909 1.772-2.748 3.454-3.634 1.305.02 7.888 4.115 9.343 4.962l21.22 12.493c4.466 2.64 10.858 7.643 16.208 5.126 4.227-1.986 8.491-4.869 12.594-7.24 8.853-5.117 17.604-10.596 26.593-15.479zm726.264 20.604h34.757l-17.481-49.572-17.276 49.572zm-770.818-67.676c3.211-.222 4.897-.079 7.774 1.563l25.769 14.973 8.19 4.725c2.856 1.651 5.951 2.862 6.816 6.372.396 1.659.106 3.406-.808 4.848-1.295 2.088-5.899 4.326-8.202 5.685l-12.756 7.543-12.681 7.472c-3.13 1.84-6.937 4.465-10.4 5.267-2.527.207-4.868.066-7.128-1.227-3.008-1.721-6.003-3.504-8.99-5.261l-16.757-9.857-9.214-5.407c-1.315-.774-3.493-1.888-4.577-2.806-3.31-2.804-2.816-8.065.857-10.31 2.36-1.444 4.476-2.664 6.744-3.977l12.411-7.177 11.82-6.805c3.202-1.867 7.622-4.869 11.132-5.621z"/></svg>
- packages/ui/src/assets/logo.svg new horizontal wordmark (black) - apps/console/public/favicon.svg new icon glyph on a #1a1a1a square SVGs are optimized via autocrop.cncf.io. Signed-off-by: Viktoriia Kvapil <bisunviktoria@gmail.com>
8c69cb1 to
00a407b
Compare
Maxim Kitsunoff (kitsunoff)
left a comment
There was a problem hiding this comment.
LGTM. Brand mark refresh is a straightforward asset swap.
Re: the suggestion about explicit width/height on the SVG roots — not applicable here. Logo renders via <img className="h-5 w-auto"> in packages/ui/src/components/layout/Header.tsx, so dimensions are controlled by the Tailwind class on the host element and the SVG's intrinsic size has no effect on layout. The favicon is rendered by the browser chrome at a fixed icon size, independent of the SVG's width/height attributes.
The new logo asset is icon+wordmark with ~3:1 aspect, vs the previous wordmark-only ~7:1. The h-5 container in Header.tsx made the new mark ~2.3x narrower than the old one at the same height, dropping letter height to ~10px and hurting navbar readability. Bumping the logo container from h-5 to h-11 restores brand presence while keeping 6px of vertical breathing room within the h-14 header. Signed-off-by: IvanHunters <xorokhotnikov@gmail.com>
Summary
Refreshes the Cozystack branding in the UI to the new logo (icon +
COZYSTACKwordmark):packages/ui/src/assets/logo.svg— replaced with the new horizontal wordmark (black, used by theLogocomponent on light surfaces).apps/console/public/favicon.svg— replaced with the new icon glyph on a#1a1a1asquare.Details
Logocomponent API is unchanged (svgContent/textoverrides still work); only the default asset changed.Test plan
Summary by CodeRabbit