ctrl+shift+p filters: :st2 :st3 :win :osx :linux

更新时间:2020-05-29 05:18:02

Browse

File​Icons

by braver ST3

File icons for Sublime Text

Labels file, icons

Details

Installs

  • Total 120K
  • Win 69K
  • Mac 22K
  • Linux 28K
May 28 May 27 May 26 May 25 May 24 May 23 May 22 May 21 May 20 May 19 May 18 May 17 May 16 May 15 May 14 May 13 May 12 May 11 May 10 May 9 May 8 May 7 May 6 May 5 May 4 May 3 May 2 May 1 Apr 30 Apr 29 Apr 28 Apr 27 Apr 26 Apr 25 Apr 24 Apr 23 Apr 22 Apr 21 Apr 20 Apr 19 Apr 18 Apr 17 Apr 16 Apr 15 Apr 14 Apr 13
Windows 146 158 124 138 140 137 143 139 132 134 146 128 136 151 161 132 179 154 112 144 183 136 143 153 159 134 121 129 151 150 155 120 113 121 120 140 143 123 146 113 154 134 149 134 123 143
Mac 26 39 27 40 24 26 26 30 37 33 31 26 22 25 26 38 40 33 25 25 39 36 43 35 24 31 27 27 35 35 42 32 32 27 32 33 27 30 26 38 42 29 39 39 35 34
Linux 39 50 52 44 40 36 40 48 41 47 43 32 37 54 50 45 53 38 48 45 50 57 58 46 44 45 48 51 48 36 60 58 59 55 68 44 44 32 51 54 40 29 41 42 43 48

Readme

Source
raw.​githubusercontent.​com

FileIcons

Colored file icons for Sublime Text. Also available in greyscale.

Adds specific, colored icons for most file types for the sidebar in Sublime Text 3. Supports both the Default and Adaptive themes.

Inspired by A File Icon, but simpler:

  • Doesn't introduce “alias” languages like “Javascript (Gulpfile)”
  • No runtime code: no manipulation of settings or themes, no restarting
  • No configuration: just uses existing theme override behavior

Customize

The following changes are made to Adaptive/Default.sublime-theme. You can override them by creating a theme file with the same name in your Packages/User directory.

[
  {
    "class": "icon_file_type",
    "layer0.tint": [255, 255, 255],
    "layer0.opacity": 0.75,
    "content_margin": [8, 8]
  },
  {
    "class": "icon_file_type",
    "parents": [{"class": "tree_row", "attributes": ["hover"]}],
    "layer0.opacity": 0.5
  },
  {
    "class": "icon_file_type",
    "parents": [{"class": "tree_row", "attributes": ["selected"]}],
    "layer0.opacity": 1.0
  }
]

Contributing

The “build” directory contains svg assets. Each icon is assigned a color in icons.json, available colors are listed in colors.json.

To produce png files:

  • npm install
  • npm run build

To add an icon:

  • add an svg asset with the correct name
  • add an entry to icons.json and assign it a color
  • add an entry to the preferences directory
  • run the build
  • commit the files
  • open a PR
  • 💃

Enable file icons for 3rd party themes

To get file icons in any theme other than Default or Adaptive, take the following steps:

  • After installing FileIcons through Package Control, go to the Sublime Text “Packages” directory (e.g. via the command “Browse Packages”).
  • Create a “FileIcons/theme” directory structure in your “Packages” directory.
  • In your settings, check what theme you're using (e.g. 'itg.flat.dark.sublime-theme').
  • In the “FileIcons/theme” directory, create a file with the name of the theme you are using and copy the theme overrides that make FileIcons work into it.
  • Restart Sublime Text and you should see icons in the sidebar!

Buy me a coffee

☕️👌🏻

If you enjoy this package, feel free to make a little donation via PayPal towards the coffee that keeps this project running. It's much appreciated!