Switch favicon to a black-on-white variant#557
Open
Viktoriia Kvapil (kvapsova) wants to merge 1 commit into
Open
Switch favicon to a black-on-white variant#557Viktoriia Kvapil (kvapsova) wants to merge 1 commit into
Viktoriia Kvapil (kvapsova) wants to merge 1 commit into
Conversation
Regenerate the full favicon set with the Cozystack icon as a black glyph on a white square (replacing the previous white-on-#1a1a1a variant). File names and pixel dimensions are unchanged, so favicons.html, site.webmanifest and browserconfig.xml need no edits. The safari pinned-tab mask (and its `color=` link) is left as-is. Signed-off-by: Viktoriia Kvapil <[email protected]>
Viktoriia Kvapil (kvapsova)
requested review from
Andrei Kvapil (kvaps) and
Timofei Larkin (lllamnyp)
as code owners
![claude[bot]](https://avatars.githubusercontent.com/in/1236702?s=60&v=4){kind=small}
✅ Deploy Preview for cozystack ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
Contributor
|
Important Review skippedReview was skipped due to path filters ⛔ Files ignored due to path filters (13)
CodeRabbit blocks several paths by default. You can override this behavior by explicitly including those paths in the path filters. For example, including ⚙️ Run configurationConfiguration used: defaults Review profile: CHILL Plan: Pro Run ID: You can disable this status message by setting the Use the checkbox below for a quick retry:
✨ 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 |
![gemini-code-assist[bot]](https://avatars.githubusercontent.com/in/956858?s=60&v=4){kind=small}
Contributor
There was a problem hiding this comment.
Code Review
This pull request updates the favicon SVG to a monochrome black-on-white design. The reviewer noted that the <title> tag inside the SVG still refers to the colored version (cozystack-icon-color) and should be updated to reflect the new monochrome design.
| @@ -1 +1 @@ | |||
| <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="46 45.5 309 309"><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> | |||
| <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="46 45.5 309 309"><title>cozystack-icon-color</title><path fill="#ffffff" d="M0 0h400v400H0z"/><path fill="#000000" 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> | |||
Contributor
There was a problem hiding this comment.
The <title> tag inside the SVG is still set to cozystack-icon-color. Since the icon has been updated to a monochrome black-on-white variant, this title is outdated and misleading. It should be updated to a more generic name like cozystack-icon or cozystack-icon-mono to accurately reflect the design.
<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="46 45.5 309 309"><title>cozystack-icon</title><path fill="#ffffff" d="M0 0h400v400H0z"/><path fill="#000000" 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>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Regenerate the full favicon set so the Cozystack icon shows as a black glyph on a white square, replacing the previous white-on-
#1a1a1avariant.Files
All under
static/favicons/:favicon.svg,favicon.ico,favicon.pngfavicon-16x16.png,favicon-32x32.pngapple-touch-icon.pngandroid-chrome-192x192.png,android-chrome-512x512.pngmstile-70x70.png,mstile-144x144.png,mstile-150x150.png,mstile-310x310.pngmstile-310x150.png(wide, icon centered on white)Notes
favicons.html,site.webmanifestandbrowserconfig.xmlneed no edits.safari-pinned-tab.svgmask (and the<link rel="mask-icon" color="...">tint) is intentionally left as-is — it's a monochrome mask, not a colored icon.theme_color/TileColor(#1a1a1a) is left as-is — those drive browser chrome / tile background, not the icon image itself.Test plan