<commit_before>File Icons
==========
File-specific icons in Atom for improved visual grepping.

<img alt="Icon previews" width="850" src="https://raw.githubusercontent.com/file-icons/atom/6714706f268e257100e03c9eb52819cb97ad570b/preview.png" />

Supports the following packages:

* [`tree-view`](https://atom.io/packages/tree-view)
* [`tabs`](https://atom.io/packages/tabs)
* [`fuzzy-finder`](https://atom.io/packages/fuzzy-finder)
* [`find-and-replace`](https://atom.io/packages/find-and-replace)
* [`archive-view`](https://atom.io/packages/archive-view)


Installation
------------
Open **Settings** → **Install** and search for `file-icons`.

Alternatively, install through command-line:

	apm install file-icons


Customisation
-------------
Everything is handled using CSS classes. Use your [stylesheet][1] to change or tweak icons.

Consult the package stylesheets to see what classes are used:

* **Icons:**   [`styles/icons.less`](./styles/icons.less)
* **Colours:** [`styles/colours.less`](./styles/colours.less)
* **Fonts:**   [`styles/fonts.less`](./styles/fonts.less)


#### Icon reference
* [**File-Icons**](https://github.com/file-icons/source/blob/master/charmap.md) 
* [**FontAwesome**](http://fontawesome.io/cheatsheet/)
* [**Mfizz**](https://github.com/file-icons/MFixx/blob/master/charmap.md)
* [**Devicons**](https://github.com/file-icons/DevOpicons/blob/master/charmap.md)


#### Examples

* <a name="resize-an-icon"></a>
**Resize an icon:**
	~~~less
	.html5-icon:before{
		font-size: 18px;
	}
	
	// Resize in tab-pane only:
	.tab > .html5-icon:before{
		font-size: 18px;
		top: 3px;
	}
	~~~


* <a name="choose-your-own-shades-of-orange"></a>
**Choose your own shades of orange:**
	~~~css
	.dark-orange   { color: #6a1e05; }
	.medium-orange { color: #b8743d; }
	.light-orange  { color: #cf9b67; }
	~~~


* <a name="bring-back-the-blue-shield-php-icon"></a>
**Bring back PHP's blue-shield icon:**
	~~~css
	.php-icon:before{
		font-family: MFizz;
		content: "\f147";
	}
	~~~


* <a name="assign-icons-by-file-extension"></a>
**Assign icons by file extension:**
	~~~css
	.icon[data-name$=".js"]:before{
		font-family: Devicons;
		content: "\E64E";
	}
	~~~


* <a name="assign-icons-to-directories"></a>
**Assign icons to directories:**
	~~~less
	.directory > .header > .icon{
		
		&[data-path$=".atom/packages"]:before{
			font-family: "Octicons Regular";
			content: "\f0c4";
		}
	}
	~~~



Troubleshooting
---------------

<a name="an-icon-has-stopped-updating"></a>
**An icon has stopped updating:**  
It's probably a caching issue. Do the following:

1. Open the command palette: <kbd>Cmd/Ctrl + Shift + P</kbd>
2. Run `file-icons:clear-cache`
3. Reload the window, or restart Atom<commit_msg>Tweak readme file's markup for keystrokes<commit_after>File Icons
==========
File-specific icons in Atom for improved visual grepping.

<img alt="Icon previews" width="850" src="https://raw.githubusercontent.com/file-icons/atom/6714706f268e257100e03c9eb52819cb97ad570b/preview.png" />

Supports the following packages:

* [`tree-view`](https://atom.io/packages/tree-view)
* [`tabs`](https://atom.io/packages/tabs)
* [`fuzzy-finder`](https://atom.io/packages/fuzzy-finder)
* [`find-and-replace`](https://atom.io/packages/find-and-replace)
* [`archive-view`](https://atom.io/packages/archive-view)


Installation
------------
Open **Settings** → **Install** and search for `file-icons`.

Alternatively, install through command-line:

	apm install file-icons


Customisation
-------------
Everything is handled using CSS classes. Use your [stylesheet][1] to change or tweak icons.

Consult the package stylesheets to see what classes are used:

* **Icons:**   [`styles/icons.less`](./styles/icons.less)
* **Colours:** [`styles/colours.less`](./styles/colours.less)
* **Fonts:**   [`styles/fonts.less`](./styles/fonts.less)


#### Icon reference
* [**File-Icons**](https://github.com/file-icons/source/blob/master/charmap.md) 
* [**FontAwesome**](http://fontawesome.io/cheatsheet/)
* [**Mfizz**](https://github.com/file-icons/MFixx/blob/master/charmap.md)
* [**Devicons**](https://github.com/file-icons/DevOpicons/blob/master/charmap.md)


#### Examples

* <a name="resize-an-icon"></a>
**Resize an icon:**
	~~~less
	.html5-icon:before{
		font-size: 18px;
	}
	
	// Resize in tab-pane only:
	.tab > .html5-icon:before{
		font-size: 18px;
		top: 3px;
	}
	~~~


* <a name="choose-your-own-shades-of-orange"></a>
**Choose your own shades of orange:**
	~~~css
	.dark-orange   { color: #6a1e05; }
	.medium-orange { color: #b8743d; }
	.light-orange  { color: #cf9b67; }
	~~~


* <a name="bring-back-the-blue-shield-php-icon"></a>
**Bring back PHP's blue-shield icon:**
	~~~css
	.php-icon:before{
		font-family: MFizz;
		content: "\f147";
	}
	~~~


* <a name="assign-icons-by-file-extension"></a>
**Assign icons by file extension:**
	~~~css
	.icon[data-name$=".js"]:before{
		font-family: Devicons;
		content: "\E64E";
	}
	~~~


* <a name="assign-icons-to-directories"></a>
**Assign icons to directories:**
	~~~less
	.directory > .header > .icon{
		
		&[data-path$=".atom/packages"]:before{
			font-family: "Octicons Regular";
			content: "\f0c4";
		}
	}
	~~~



Troubleshooting
---------------

<a name="an-icon-has-stopped-updating"></a>
**An icon has stopped updating:**  
It's probably a caching issue. Do the following:

1. Open the command palette: <kbd>Cmd/Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>P</kbd>
2. Run `file-icons:clear-cache`
3. Reload the window, or restart Atom
{'fraction_non_alphanumeric': 0.2150674936154688, 'fraction_numerical': 0.02225465158701204, 'mean_word_length': 3.9485559566787005, 'pattern_counts': {'":': 0, '<': 37, '<?xml version=': 0, '>': 43, 'https://': 18, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2690557', 'n_tokens_mistral': 2209, 'n_tokens_neox': 1992, 'n_words': 386}