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

Brackets Color Scheme

by jwortmann ST3

Color scheme for Sublime Text inspired by Adobe Brackets

Labels color scheme

Details

Installs

  • Total 40K
  • Win 26K
  • Mac 7K
  • Linux 6K
Aug 4 Aug 3 Aug 2 Aug 1 Jul 31 Jul 30 Jul 29 Jul 28 Jul 27 Jul 26 Jul 25 Jul 24 Jul 23 Jul 22 Jul 21 Jul 20 Jul 19 Jul 18 Jul 17 Jul 16 Jul 15 Jul 14 Jul 13 Jul 12 Jul 11 Jul 10 Jul 9 Jul 8 Jul 7 Jul 6 Jul 5 Jul 4 Jul 3 Jul 2 Jul 1 Jun 30 Jun 29 Jun 28 Jun 27 Jun 26 Jun 25 Jun 24 Jun 23 Jun 22 Jun 21 Jun 20
Windows 1 12 10 8 10 8 10 4 8 8 6 9 16 10 19 10 8 6 10 9 8 8 15 14 5 8 5 10 9 14 10 6 4 10 4 14 9 4 2 7 5 7 16 10 8 6
Mac 0 4 2 1 0 0 0 1 0 0 2 0 2 1 0 5 6 2 0 2 1 2 2 0 1 2 1 3 0 5 2 1 1 2 4 2 2 3 0 0 2 3 5 2 1 2
Linux 0 5 1 2 5 0 2 3 3 3 2 1 2 0 3 4 3 5 0 6 2 1 3 5 2 1 6 5 2 3 0 2 2 0 1 2 2 3 2 3 1 1 3 3 7 1

Readme

Source
raw.​githubusercontent.​com

Brackets Color Scheme

License Version Downloads

This package for Sublime Text provides two color schemes (light and dark) that are similar to the built-in themes of Adobe Brackets.

Installation

The color scheme can be installed with Sublime Text's package manager Package Control. From the command palette select Package Control: Install Package and search for Brackets Color Scheme.

The color scheme can then be activated from the menu under Preferences > Select Color Scheme… or via the UI: Select Color Scheme command from the command palette.

Preview

Brackets Light

Brackets Dark

Color palette

Color variable Brackets Light Brackets Dark Example usage
background #f8f8f8 background #1d1f21 background
textcolor textcolor #535353 textcolor #dddddd plain text, variables, constants, operators, punctuations
grey grey #949494 grey #767676 comments
blue blue #446fbd blue #6c9ef8 keywords, intrinsic/library functions and classes, tags
orange orange #e88501 orange #d89333 strings, built-in constants, arguments in function definitions
green green #6d8600 green #85a300 numbers, HTML/XML tag attributes
violet violet #8757ad violet #b77fdb user defined functions, mapping keys, CSS property names
purple purple #6c71c4 purple #8087e5 preprocessor directives, macros
pink pink #d33682 pink #d85896 annotations, headings in markup languages
red red #dc322f red #dc322f invalid syntax
green2 green2 #229922 green2 #229922 diff inserted
red2 red2 #dd4444 red2 #dd4444 diff deleted

Customization

This color scheme uses color definitions and highlighting rules based on a JSON format, which was introduced in Sublime Text 3.1 (Build 3170). The color scheme format allows to customize color variables and override or add user-specific highlighting rules via the Preferences > Customize Color Scheme entry from the menu, see also this example in the official documentation. For the color variable names used by this scheme, refer to the color palette above.

Usage in Sublime Merge

The color scheme can be used in Sublime Merge as well and contains special rules which provide a tweaked style for certain elements of the diff and merge conflict views. For now, changing the color scheme in Sublime Merge requires a bit of manual configuration in the default light and dark themes:

From the Sublime Merge menu select Preferences > Browse Packages… and navigate into the User folder. Then, for the light theme, create new settings files with names

  • Commit Message - Merge.sublime-settings
  • Diff - Merge.sublime-settings
  • File Mode - Merge.sublime-settings

and with the following content in each of the files:

{
  "color_scheme": "Brackets Light.sublime-color-scheme"
}

Correspondingly, for the dark theme create the files

  • Commit Message - Merge Dark.sublime-settings
  • Diff - Merge Dark.sublime-settings
  • File Mode - Merge Dark.sublime-settings

with the following content:

{
  "color_scheme": "Brackets Dark.sublime-color-scheme"
}

Differences from the Adobe Brackets themes

In general, the color schemes are intended to reproduce the style of the built-in themes in Adobe Brackets, but there are a few minor differences.

  • Deviations in syntax highlighting are possible due to the different highlighting engines in the editors. The highlighting for certain elements was slightly extended and better support was added for programming languages which are not focused on web development. If you find a bug or possible improvement, feel free to let me know by creating an issue in this repository.

  • Italic font style was sparely added to syntax highlighting. It is possible to disable all italic text via the setting "font_options": ["no_italic"] in your Preferences.sublime-settings file.

  • In Adobe Brackets, matching tags and brackets are highlighted with a green background color when the caret is next to one. Adjustments of the background color for matching tags or brackets aren't possible in Sublime Text, so they are drawn underlined instead.

  • Sublime Text uses a subtle border and rounded corners for text selections in its built-in color schemes. I chose to follow this style here, but the original style of selections in Adobe Brackets with squared corners and without border can be achieved via the following customization:

{
    "globals": {
      "selection_border_width": "0",
      "selection_corner_style": "square"
    }
  }