ivogabe / brackets-icons Goto Github PK
View Code? Open in Web Editor NEWFile icons in Brackets' file tree
File icons in Brackets' file tree
RubyMine has a good reference list. It'd be nice to have icons for:
I downloaded release 1.1 rc today and found that icons are not working they are rectangular shapes.
SASS and LESS are CSS extension language.
They both can use the same icon that CSS, but with diferrent colors.
.sass
color #c6538c (http://sass-lang.com/)
.less
color #1d365d (http://lesscss.org/)
A Markdown icon would be great. Ideally I wanted to find one similar to the open book that GitHub uses.
If you can include the octicon icons then you could use \f007
for the icon.
Else from the Ionicons you could use \f12e
Extension: .md
Ionicons Icon: \f12e
Colour: #FFFFFF
Hi,
Us Node.js/Express folks could use an icon for Jade files (*.jade). Might I suggest the ion-egg (\f277) icon in a pale green (say, #01DFA5 or thereabouts)?
Magnificent extension, BTW.
Thanks!
Eric
I am Sorry i dint knew where else i could send a request, by pull request i could do nothing.
So, you should change the .ogg icon to a sound icon love youer extension in the rest, great work
Not sure if this is the right place but would be nice to have, instead of colored icons, just the extension colored (without any icon).
Maybe add it as an option for this extension?
Thanks.
https://github.com/dnbard/brackets-documents-toolbar
and agree on the icons.
I looked at your main.js
file where you create your icons, and I saw, what I perceive to be misunderstanding.
You added these two under the C-family
comment. They are not part of the c-family, however. Will you please add the ion-planet
to Haxe (.hx) and ion-more
to Perl (.pl), and move them somewhere other than the C-family
comment?
Hi, Can you support file ICO? Thank you!
Have you ever wanted to create you own icons and use them? Well there is a way. Go to http://teamtreehouse.com/library/creating-a-custom-icon-font, or follow these steps:
I noticed that the .gitignore icon was changed (per #16), but the filled circle it is now is too present in my field of view, and seems to 'stand out' more than any of the other icons. This could probably be fixed by making the icon color less bright, to compensate for the increased density.
Great idea but a different size icons begins to annoy 8(
This can be optional. How about the icons in the "Working Files" panel to?
I for example don't use "Tree" panel and drag/drop files from Windows Explorer (or Total commander, or remote FTP edit from WinSCP) so I need icons in the panel "Working Files" panel.
Thank you for the idea
There is no Swift (*.swift) icon! Will you please add one? I thought of:
#00cebf
I'm very, very, very, very, very, very, very, very, very, very, very, sorry if pestering you too much.
Will you please add these few .rc and other file icons?They're only a few. You can put them in the comment of Settings
?
addAlias('bowerrc', 'project');
addAlias('gruntrc', 'project');
addAlias('jsrc', 'project');
addAlias('editorconfig', 'project');
Since svg fonts aren't supported any more (#55), the rendering of the icon font on windows is now blurry.
Example: look at .gitignore
or .npmignore
, it's now a filled circle instead of a circle with a line in it.
Now, I have an idea, where you could create a comment called Ignore
or Ignores
. In it, you could put the gitignore
and npmignore
files. You don't have to do it, it was just an idea. But anyway, can you add:
addIcon('slugignore', 'ion-minus-circled', '#0da064', 14);
I tested this against the splitview branch (Jeff/Splitview-factory) and the icons no longer show up in the working set. Probably due to the fact that the DOM structure has changed.
Hi Ivo,
I would love to have an icon for LiveScript (.ls-Extension). Colour should be #369bd7 (standard LiveScript blue) and maybe ion-beaker as Icon (tube for creating live)?
thanks,
Marco
Hello!
Problem:
the "bla.config.js" has not .js icon but "some file" icon.
This happens with some known file extension, like .css when it is placed before the right-most extension, e.g. bla.css.js.
This doesn't happen with "other" prefixes, so "bla.bla.js" is correctly recognized as .js
How to reproduce:
What expected:
What actually happens:
I was thinking maybe you could add one of the following icons for batch files: ion-social-windows or ion-android-note. The color could be something like: #60C910.
Cheers.
adobe/brackets#10011, which will be in the upcoming 1.1 release, changes the positioning the of file tree labels, and subsequently this extension breaks by hiding all labels.
Will you please add the following to lines of code to your main.js
file in the // Archives
comment:
addIcon('msi', 'ion-briefcase', '#005cff');
addIcon('dmg', 'ion-briefcase', '#ff97d3');
the spinner-icon that is showing when you expand a folder looks... well not as nice as the other icons.
Icon: ion-android-storage
Color: #C67F07 (Font-color of the word 'SQL' in the official MySQL-Logo)
Very very minor issue, so feel free to dismiss it.
When used with the brackets tree extension, there's a small glitch where the line is displayed below the icon.
Just adding:
//@dark-bc-sidebar-bg
.jstree ins.file-tree-view-icon {
background-color: #3C3F41;
}
//@dark-bc-sidebar-selection
.jstree-clicked ins.file-tree-view-icon {
background-color: #2D2E30
}
seems to do the trick.
Those colors are grabbed from https://github.com/adobe/brackets/blob/master/src/styles/brackets_core_ui_variables.less but i haven't figured a way to use those variables directly.
Similar to #30, Brackets release 0.44 adds supported API for adding icons to the file tree.
I have updated another icon extension and that example can serve as a model for using the new API. Your extension likely won't work correctly without using the new API. (DOM extension of a React-managed DOM like the new file tree is not recommended.)
Release 0.44 is available as a pre-release which means that we're just a few days away from release. I hope you can update your extension soon! Thanks
icon: \f272 (ion-coffee)
color: #5382A1 (taken from the official Java logo licensing guidelines)
Can you create an icon for lua files (.lua)?
I can no longer upgrade via the Extension Manager. This may be a Bracket's issue, not yours, but the console reports:
Unknown installation error extensionManager domain is undefined
When you create a new file via the context menu in the Project panel, an icon is not applied until you refresh Brackets.
EDIT Upon further investigation, looks like it only happens sometimes. Will reply back once I can find a reproducible set of steps.
Extension: .rar .zip .7z ...
Icon: ion-ios7-briefcase ๏
Color: #008858
I am not sure about the color, because I don't really know which colors you already used.
Maybe include a screenshot in the readme to demonstrate.
Will you please add the sqf icon? You might create a file (*.sqf), and see it's syntax highlighting is Text. So follow the steps to get it:
While it seems to be working ok, I'm seeing this error:
Exception thrown in FileTreeView icon provider: TypeError {}
It is being thrown from Bravkets (project/FileTreeView.js:262), not your extension, but since yours is providing icons... I think it may be related. :)
I Installed this extension and the icons do not show up until brackets is restarted. The filenames in the tree shift over after installing but the icons are not displayed.
After installing your plugin Brackets too at lest 45 seconds to 1 min to instead of the 7 to eight seconds. I am running the latest version of brackets. In addition the icon could be a tad smaller.
Can you add:
addAlias('map', 'json');
In my projects I have quite a lot of files to save settings for the editors, in my case mostly Brackets extensions, but in shared projects also for Eclipse.
I would like to have them not as prominent as they are not really part of the project or at least not part of what I am working on.
Therefore I would propose for settings files:
extension: jscsrc
jshintrc
csslintrc
todo
project
classpath
icon: ion-wrench
color: Something gray-ish, maybe #bbbbbb
Hi, i'd be super happy if you'd add a python icon, for instance, ion-arrow-graph-up-left with #ffeb3b.
Thanks!
This may be super picky, but I find that the icon for the .gitignore file (ie. a red circle with an X) looks too much like a button. I keep clicking on it thinking it's the "Close File" button.
May I suggest a semi-transparent/gray/faded document icon instead?
Can we please have different colors for different types of images?
I propose:
On a sidenote, this would mean for svg files to get the icon for images, rather than the <>
one, which in my mind makes perfect sense.
I haven't thorougly checked if these colors work well in Brackets, but I think these kind of colors are more-or-less a defacto standard, as I've seen them appearing in a number of image viewers. Except for blue, which is usually reserved for BMP, but who cares about those files :)
The icon I suggested in ticket #9 seems to not look so well when scaled down. Maybe it could be changed to the Shell script icon, but preserving the same color as before (#60C910)?
This is how it currently looks on my machine, using the latest Brackets version (sprint 40):
Cheers.
There is a call of renderWorkingSet
at the bottom of main.js. This function doesn't exist anymore.
OK. You might wonder, "why doesn't he just create his extension?". Well I could, but, I don't want to override your stuff.
Can you add:
addIcon('tex', 'ion-document-text', '#960000');
addAlias('bib', 'tex');
addAlias('sty', 'tex');
Can you add:
addIcon('applescript', 'ion-social-apple', '#afafaf');
addIcon('textile', 'ion-quote', '#960000');
addIcon('matlab', 'ion-clipboard', '#960000');
addIcon('lisp', 'ion-ios-paperplane', '#960000');
addIcon('xsl', 'ion-code', '#960000');
addIcon('tcl', 'ion-code', '#960000');
addIcon('rst', 'ion-ios-paper', '#960000');
addIcon('re', 'ion-ios-barcode-outline', '#960000');
addIcon('d', 'ion-contrast', '#960000');
addIcon('r', 'ion-ios-analytics', '#960000');
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.