Code Monkey home page Code Monkey logo

vscode-simple-icons's Introduction

Simple icons

This is a simple icon theme for Visual Studio Code that strives to be simple, taking inspiration from official logos when possible. I often also take inspiration from other themes such as VSCode icons, Material icon theme, and Nomo dark icons. Thanks to Roberto Huertas, Philipp Kief and be5invis for these icon themes !

Since version 1.1.0, a monochrome version of the theme is also available. This idea stems from file-icons made by Daniel Brooker.

Since version 1.8.0, the extension can be configured to show or hide rotating triangles/arrows near folders : just change simpleIcons.hideArrows to true or false.

Since version 1.10.0, the standard folder color can be configured with the simpleIcons.simple.folder.color setting with a hex color code (e.g. #bf9f7f).

Since version 1.12.0, the standard file color can be configured with the simpleIcons.simple.file.color setting with a hex color code (e.g. #bf9f7f).

A preview of simple icons can be found in ICONS.md.

Contributing

See CONTRIBUTING.md

vscode-simple-icons's People

Contributors

faustinoaq avatar laurenttreguier avatar loilo avatar mihnea-s avatar mjbvz avatar sjml avatar tmueller avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

vscode-simple-icons's Issues

Add "tests" on folderNames and folderNamesExpanded lists

Hi :),

I've noted that "test" folders (singular) already has a custom behavior (expanded and collapsed). You could add this same behavior for "tests" folders (plural).

More details below:

Collapsed folders example

collapsed

Expanded folders example

expanded

If you have any question, please let me know.

Best regards

Spec File Icons

Can we have a different icons for a spec.js files vs js files ?

Registering a new syntax hilighting extension breaks icon theme?

Hi.

Love your icon theme! It's my favorite :D

I am currently writing a small extension for myself, that basically modifies syntax highlighting for javascript, html etc.

For some reason, when I register these new syntax grammars it breaks the icon theme and instead of showing the proper javascript or html icon it just shows a default gray blank document.

more detail.

I originally tried to register these new grammars as injections rather than as new languages because that seemed the right way to do things. But I couldn't seem to get it to work properly. So instead I registered these syntax additions as "new" languages.

This means that when I open an html file or whatever and I inspect it's TextMate theme scope it will say something like "text.hmtl" but it will also include a scope called "html.enzo".

But it also means that for some reason the "example-file.html" isn't being registered by the icon theme as an html file, and therefore the html icon won't show up in the explorer.

image
image
image

image

image

Set extensionKind in package.json to support Remote Development

Hi, I'm on the VS Code team. We recently released support for Remote Development and I noticed that your may extension need a small change to ensure users have a good experience when using it remote workspaces.

What is the issue?

To make remote development as transparent as possible to users, VS Code distinguishes two classes of extensions:

  • UI Extensions: These extensions make contributions to the VS Code user interface and are always run on the user's local machine. UI Extensions cannot directly access files in the workspace, or run scripts/tools installed in that workspace or on the machine. Example UI Extensions include: themes, snippets, language grammars, and keymaps.

  • Workspace Extensions: These extensions are run on the same machine as where the workspace is located. When in a local workspace, Workspace Extensions are run on the local machine. When in a remote workspace, Workspace Extensions are run on the remote machine. Workspace Extensions can access files in the workspace to provide rich, multi-file language services, debugger support, or perform complex operations on multiple files in workspace (either themselves or by invoking scripts/tools).

You can find more details about this architecture here.

VS Code currently infers that your extension is a Workspace Extension. This means that users who have your extension installed must also install it to the remote in order to use it in remote workspaces. I believe that your extension should probably be a UI extension instead. That way your extension will always be enabled for users who install it, even if they open a remote workspace.

How do I fix this?

To tell VS Code that your extension is a UI extension, just add "extensionKind": "ui" to your extension's package.json.

UI Extensions always run on the user's local machine, even when they open a remote workspace.

I'll submit a PR that does this. Please let me know if you have any questions or concerns about the issue. We've also put together a guide to help you test your extension in remote workspaces

PS: As a temporary workaround for a few popular extensions, we've automatically added your extension to an internal whitelist so that is always treated as a UI extension

Lua icon saturation

The super-saturated blue on the Lua icons doesn't look great against the chrome when VS Code is in dark mode. Would you consider toning it down a bit?

screen shot 2017-01-13 at 10 35 35 am

Thanks for the great work on this set; I'm a big fan of the simplicity.

Add support for TailwindCSS config files

Should target files named tailwind.js with maybe an option to specify a different name since its customizable and users can change it if they want.

Here's the SVG code for the logo:

<svg class="w-8 h-8 lg:w-12 lg:h-12 block" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">

    <linearGradient x1="0%" y1="0%" y2="100%" id="logoGradient">
        <stop stop-color="#2383AE" offset="0%"></stop>
        <stop stop-color="#6DD7B9" offset="100%"></stop>
    </linearGradient>

    <path d="M13.5 11.1C15.3 3.9 19.8.3 27 .3c10.8 0 12.15 8.1 17.55 9.45 3.6.9 6.75-.45 9.45-4.05-1.8 7.2-6.3 10.8-13.5 10.8-10.8 0-12.15-8.1-17.55-9.45-3.6-.9-6.75.45-9.45 4.05zM0 27.3c1.8-7.2 6.3-10.8 13.5-10.8 10.8 0 12.15 8.1 17.55 9.45 3.6.9 6.75-.45 9.45-4.05-1.8 7.2-6.3 10.8-13.5 10.8-10.8 0-12.15-8.1-17.55-9.45-3.6-.9-6.75.45-9.45 4.05z" fill-rule="evenodd" fill="url(#logoGradient)" transform="translate(5 16)"></path>
    
</svg>

vue icon

I found vue icon in readme file, but it not used on *.vue file.

Please publish the extension to Open VSX

Hi!

I'm a VS Code-OSS user, a FLOSS version of VS Code, it's the same code but without the Microsoft's telemetry and branding.

I want to request if it's possible to add the Simple Icons extension on the open-vsx.org marketplace, because it's unclear if Microsoft marketplace is legal to use on VS Code forks, see here.

This is how to publish a new extension.

Thanks.

Problems parsing file icons file: Invalid symbol

Latest update 1.11.7 fails to display any file icons due to these errors:

Problems parsing file icons file: Invalid symbol: Error: Problems parsing file icons file: Invalid symbol
    at e.resolveContent.then.e (file:///C:/Users/GoaLitiuM/AppData/Local/Programs/Microsoft VS Code/resources/app/out/vs/workbench/workbench.main.js:4307:385)
    at process._tickCallback (internal/process/next_tick.js:68:7)
Error: Problems parsing file icons file: Invalid symbol
    at e.resolveContent.then.e (fileIconThemeData.ts:192)
    at process._tickCallback (internal/process/next_tick.js:68)

Racket icon

is not here a racket icon for .rkt files?

Add option to use different icon for SVG files

It would be great if we could have an alternate icon for SVG files that would help telling them apart from other image files like JPG or PNG. This would be helpful to people (like myself) that need to edit SVG files manually when they're inside a folder mixed with other image extensions.

Also maybe add an option to toggle this functionality.

Icon for root folders

From VSCode 1.15 release:

Icon theme authors, please get ready for multi-root support: We added two new icon categories for VS Code: rootFolder and rootFolderExpanded that can be used to show root folders in a different way compared to other folders. For example, the File Explorer will use this icon as well as the list of recently opened workspaces.

1_15_root_icon

Please add a visualforce icon

Hey, I like your extension since it adds good icons for apex classes and triggers. Could you please add visualforce pages too?
This would complete the icon set for my salesforce development.

Stylus

Please add an icon for the extension .styl

favicon.*

Hello, can you add specific icon for favicon.*

Alternative Folder Icons?

This icon set is awesome. The only thing that keeps me from using it is the contrasting appearance of the folder icons. Have you considered alternative designs for the folders? I would be very interested.

Sass

Please add an icon for the extension .sass

Missing icon for REG (reg) files

Hi again!

I've noticed that Windows registry files, REG (reg), are not supported. Do you have time / are you able to sketch something appropriate?

Few images below (taken from Windows (regedit) and icons8, to propose examples:

image

image

Best regards,
K

Add GraphQL icon

Here is a nice SVG GraphQL icon:

Available on Wikipedia.

Also, do you have time to build a Marko icon? Nunjucks, EJS and Handlebars I think could have the HTML5 icon.

Add support for posthtml.config.js and .posthtmlrc

This is just a config file for posthtml. The color should probably be this one which is the one they're using on their Twitter profile: #FA743E.

I think it might also be a good idea to use the default config icon for all files that end with .config.js.

Request - It will be great to add configuration for file.svg custom color

I'm a big fan of the theme. Color customization of the plain folders was a selling point for me.

I think the theme will be even better if there is a configuration like "icons.file.color" related to the plain file's icon file.svg. So the user will have full control over the plain folder and file colors and will be able to match them.

Thank you very much for the work you put into the theme.

Add icons to default types

Hi @LaurentTreguier

This time I'm here to bring an idea about creating icons for default filetypes supported by VSCode it's almost done, except by:

  • Git commit file:

screenshot_20171114_183701

  • HLSL High Level Shader Language

screenshot_20171114_183901

  • XSL XML styles-sheets

screenshot_20171114_184053

BTW, Thank you for blue icon again! πŸ˜„

screenshot_20171114_184454

?

?

Add an option to show arrow

Hello,

I don't know if it is actually possible, or either desirable, but folder arrow felt useful for me.
Can you put a config flag or something else to let user choose between no arrow or yes arrow ?

Thanks for this nice plugin

Guema

Where is the c.svg icon?

I think it's necessary to add ICON for the C programming languages, rather than simply attribute it to the CPP ICON.
:)

Open VSX Listing: Signing the Publisher Agreement

Thank you for being part of the Open VSX community by adding your extensions to the Open VSX Registry. Please note that the service was recently transferred to the Eclipse Foundation and urgent action on your part is needed so we can continue to list your extensions. To ensure uninterrupted service, please sign the Eclipse Publisher Agreement on or before January 8, 2021. If not signed by that date, your extensions will be delisted and will no longer appear on the site nor be available via the API. If you sign at a later date, your extensions will then be re-activated. The signing process is explained in the Wiki (steps 1 and 2).

Please also note that all extensions MUST have a license in order to be listed.

More details are in these recent blog posts:
https://blogs.eclipse.org/post/brian-king/open-vsx-registry-under-new-management
https://blogs.eclipse.org/post/brian-king/new-era-open-vsx-registry

Today, there’s growing momentum around open source tools and technologies that support Visual Studio (VS) Code extensions. Leading global organizations are adopting these tools and technologies. This momentum has spurred demand for a marketplace without restrictions and limitations. Thanks for joining us on this journey as we continue to build the Open VSX community. We look forward to continued innovation from you in 2021!

Suggestion: Colorful Folder and File Icons

You said you were open to suggestions but I couldn't find a way to contact you for a suggestion.

These two have nice looking folders IMO:

  • NomoDark for Visaul Studio
  • VSCode Icons

Update package.json to ensure extension can run in different extension host setups

Hi! I'm from the VS Code team, and we'd like to ensure Simple icons can run in the different extension host setups VS Code currently supports. I've found that the current definition of extensionKind for your extension is too restrictive.

The extension has the extensionKind set to ["ui"]: https://github.com/LaurentTreguier/vscode-simple-icons/blob/master/package.json#L30. This defines that the extension can only run in the VS Code desktop extension host.

However, this extension can also run on the workspace extension host (which is used for remote scenarios) since it doesn't have any dependencies on the desktop extension host. It'd also be great to enable it for Codespaces web.

Thus, to ensure your extension can run properly across setups, we'd recommend to change the extensionKind to "extensionKind": ["ui", "workspace"]. More information about extensionKind can be found here.

Please let me know if you have questions - I'm happy to help clarify anything. Thank you!

CUDA icon

Hello, can you add specific icon for *.cu

Batch/cmd file icon proposal

Hi and thanks for great set of icons!

However, currently batch/cmd files are somewhat hard to distinguish rapidly from other grayish icons. Therefore, I'd suggest that the icon for this type of files could be e.g. same as PowerShell but with black background color instead of blue and maybe having same text inside the icon as standard windows 7 cmd icon: "C:\ _" or "CMD"?

Best regards,
IL

Add custom icon for font files

Maybe something similar to the default file icon but with Aa on top of it or in the bottom right corner like .js files.

Should support the following file extensions (and any other I might have missed):

  • .ttf
  • .otf
  • .woff
  • .woff2
  • .eot
  • .ttc

A more inclusive list that might be helpful: https://fileinfo.com/filetypes/font

Can't see the folders/icons from 1.7.1 Release

VSCode Version 1.18.0 (1.18.0) 2017-11-08T12:28:16.811Z on macOS Sierra 10.12.16

I'm not sure if it's related to the hidesExplorerArrows, but for some reason, I can't see the folders anymore:

vscode-simple-icons

screen shot 2017-11-16 at 11 41 19 am

Where it should be similar to some other fonts:

emmanuelbeziat.vscode-great-icons

screen shot 2017-11-16 at 11 41 42 am

UPDATE: Actually, most of the icons are not working for me =/

EJS icon

Any chance of adding a .ejs icon in the future?

Just needed a single EJS (http://www.embeddedjs.com/) file to template something with html-webpack-loader and, to my complete horror, there was no icon!

Thanks. :)

Babel and csscomb

Please add icons for the extension '.babelrc' and '.csscomb.json'.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.