Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: add vitepress folder icon #2653

Open
wants to merge 6 commits into
base: main
Choose a base branch
from

Conversation

okineadev
Copy link
Member

@okineadev okineadev commented Oct 31, 2024

Closes #2587

Added VitePress folder icon.

  • Add a new entry for .vitepress in folderIcons array in src/core/icons/folderIcons.ts.
  • Add folder-vitepress.svg and folder-vitepress-open.svg to the icons directory.

For more details, open the Copilot Workspace session.

Fixes #2587

Added VitePress folder icon.

* Add a new entry for `.vitepress` in `folderIcons` array in `src/core/icons/folderIcons.ts`.
* Add `folder-vitepress.svg` and `folder-vitepress-open.svg` to the `icons` directory.

---

For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/material-extensions/vscode-material-icon-theme/issues/2587?shareId=XXXX-XXXX-XXXX-XXXX).
@github-actions github-actions bot added the icons PR with new icons label Oct 31, 2024
Copy link

github-actions bot commented Oct 31, 2024

Preview

Thank you for creating a pull request. This preview shows you how your icons will look on the different themes:

Generated preview

Check how your icons fit in a 16x16 grid with our Pixel Perfect Checker by following this link.

You can find more information on how to contribute in the contribution guidelines.

@okineadev okineadev requested a review from PKief October 31, 2024 18:58
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The icons are not fitting to the other folder icons because of the 3 different colors. Typically all of the folder icons in this extension only have two colors: one for the folder itself and another one for the motive in the foreground. This folder icon here adds an additional layer by giving the lightning motive a separate background. I was wondering if there's a possibility to redesign this folder icon in such a way that we only have the background and one foreground element.

For instance we could use the lightning symbol without that rectangular background layer. Just the plain lightning on the folder icon.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Then it will look like Vite folder, not Vitepress

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

True. But I'd rather not have a specific folder icon than bring some icons which don't fit into the extension. Let's keep it open for discussion until we find a better solution which will be more suitable.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

preview

Looks dumb but ok

Copy link
Member

@PKief PKief Nov 5, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yeah, we should at least change the color a little bit. When I go to their website, then I don't see that teal color, but rather a purple:

image

Maybe you can change the color of the folder icon to #7C4DFF.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yeah, we should at least change the color a little bit. When I go to their website, then I don't see that teal color, but rather a purple:

image

Maybe you can change the color of the folder icon to #7C4DFF.

I will do it tomorrow

This comment was marked as off-topic.

This comment was marked as off-topic.

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot reviewed 3 out of 3 changed files in this pull request and generated no suggestions.

@okineadev okineadev requested a review from PKief November 5, 2024 16:12
@PKief
Copy link
Member

PKief commented Nov 9, 2024

I was wondering if it's better when we align the lightning with the grid:

image

ah, and this one:

image

We could also elaborate how it would look like if we give the lightning a yellow color. I know it's not following our rules, but maybe it looks a little better, not sure.

Copy link
Member

@PKief PKief left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

see comments above 🔝

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
icons PR with new icons
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Icon Request]: folder-vitepress
2 participants