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

Theme - Afterglow

by YabataDesign ALL Top 100

A minimal dark Theme for Sublime Text 2 and 3

Labels theme

Details

Installs

  • Total 224K
  • Win 128K
  • Mac 57K
  • Linux 39K
Apr 8 Apr 7 Apr 6 Apr 5 Apr 4 Apr 3 Apr 2 Apr 1 Mar 31 Mar 30 Mar 29 Mar 28 Mar 27 Mar 26 Mar 25 Mar 24 Mar 23 Mar 22 Mar 21 Mar 20 Mar 19 Mar 18 Mar 17 Mar 16 Mar 15 Mar 14 Mar 13 Mar 12 Mar 11 Mar 10 Mar 9 Mar 8 Mar 7 Mar 6 Mar 5 Mar 4 Mar 3 Mar 2 Mar 1 Feb 29 Feb 28 Feb 27 Feb 26 Feb 25 Feb 24 Feb 23
Windows 39 103 83 104 79 79 93 99 90 87 72 85 90 96 108 91 95 95 77 77 94 80 96 107 64 61 74 85 90 81 88 71 56 78 85 97 86 89 80 73 71 97 92 74 68 50
Mac 2 25 24 20 20 34 30 30 25 23 25 25 31 33 23 31 21 18 16 19 26 29 32 28 23 15 36 28 23 27 24 21 21 20 23 33 34 27 20 26 20 30 32 29 29 17
Linux 10 26 24 25 17 19 22 21 24 19 16 26 14 18 29 20 32 18 22 22 17 22 31 25 20 20 23 16 18 20 14 21 15 21 12 20 19 24 18 18 21 24 25 22 29 19

Readme

Source
raw.​githubusercontent.​com

Afterglow

Afterglow is a minimal dark Theme for Sublime Text 2 and 3. Also it is a syntax color scheme. The theme is based on the great theme Spacegray. The syntax color scheme is mostly derived from idlefingers.

Special thanks to Max Riveiro @kavu for add a lot of icons for sidebar to this repository.

Design & Colors

Afterglow default

Afterglow

View a larger screenshot

Afterglow blue

Afterglow blue

View a larger screenshot

Afterglow magenta

Afterglow magenta

View a larger screenshot

Afterglow orange

Afterglow orange

View a larger screenshot

Afterglow green

Afterglow green

View a larger screenshot

The font used in the screenshots is Inconsolata -g.

Installation

Package Control

The easiest way to install is using Sublime Package Control.

  • Open Command Palette using menu item Tools -> Command Palette..., or Cmd+Shift+P (OS X) Ctrl+Shift+P (Win/Linux)
  • Type Package Control: Install Package
  • Search Theme - Afterglow

Git Installation

Locate your Sublime Text Packages directory by using the menu item Preferences -> Browse Packages....

Then, clone the repository using this command:

git clone https://github.com/Yabatadesign/afterglow-theme/ "Theme - Afterglow"

Manual installation

  • Download the .zip package from GitHub.
  • Unzip the files and rename the folder to Theme - Afterglow
  • Find your Packages directory using the menu item Preferences -> Browse Packages...
  • Copy the folder into your Sublime Text Packages directory.

Activating the Theme

Activate this theme and color scheme by modifying your user preferences file, which you can find using the menu item Sublime Text -> Preferences -> Settings - User.

Then add the following code settings, depending on the theme you choose. (After activating the theme, you must restart Sublime Text.)

Settings for Afterglow

{
    "theme": "Afterglow.sublime-theme",
    "color_scheme": "Packages/Theme - Afterglow/Afterglow.tmTheme"
}

Settings for Afterglow-blue

{
    "theme": "Afterglow-blue.sublime-theme",
    "color_scheme": "Packages/Theme - Afterglow/Afterglow.tmTheme"
}

Settings for Afterglow-magenta

{
    "theme": "Afterglow-magenta.sublime-theme",
    "color_scheme": "Packages/Theme - Afterglow/Afterglow.tmTheme"
}

Settings for Afterglow-orange

{
    "theme": "Afterglow-orange.sublime-theme",
    "color_scheme": "Packages/Theme - Afterglow/Afterglow.tmTheme"
}

Settings for Afterglow-green

{
    "theme": "Afterglow-green.sublime-theme",
    "color_scheme": "Packages/Theme - Afterglow/Afterglow.tmTheme"
}

Configuration

Sidebar icons

New: Now Afterglow theme support sidebar icons.

Afterglow sidebar icons

Don't like the icons? Just add this to your preferences file Sublime Text -> Preferences -> Settings - User:

{
    "sidebar_no_icon": true
}

Don't like the folder icon? Just add this to your preferences file Sublime Text -> Preferences -> Settings - User:

{
    "folder_no_icon": true
}

Tab Height Size Options

Afterglow Tabs

You can change the height of the file tabs (medium or small) by adding either to your preferences file Sublime Text -> Preferences -> Settings - User:

{
    "tabs_medium": true
}

or

{
    "tabs_small": true
}

Sidebar Size Options

You can change the font size of the sidebar and the row padding.

Sidebar font size

Afterglow Sidebar Size

To change the font size (12, 13 or 14; default size is 11), you must add this to your preferences file Sublime Text -> Preferences -> Settings - User:

{
    "sidebar_size_12": true
}

or

{
    "sidebar_size_13": true
}

or

{
    "sidebar_size_14": true
}

Sidebar row padding size

Afterglow Sidebar Row Padding

To change the row padding (medium or large), you must add this to your preferences file Sublime Text -> Preferences -> Settings - User:

{
    "sidebar_row_padding_medium": true
}

or

{
    "sidebar_row_padding_large": true
}

Statusbar font size

To change the font size (12, 13 or 14; default size is 11), you must add this to your preferences file Sublime Text -> Preferences -> Settings - User:

{
    "statusbar_size_12": true
}

or

{
    "statusbar_size_13": true
}

or

{
    "statusbar_size_14": true
}

Status bar brighter

Afterglow Status bar brighter

If you prefer that the status bar has a brighter color, you have to add this in your user preferences file Sublime Text -> Preferences -> Settings - User:

{
    "status_bar_brighter": true
}

Color inactive tabs

Afterglow Color inactive tabs

You can highlight the color of inactive tabs, adding this to the user preferences file Sublime Text -> Preferences -> Settings - User:

{
    "color_inactive_tabs": true
}

Horizontal padding tabs

Afterglow Horizontal padding tabs

Through the user preferences file, you can modify the horizontal padding of tabs. It works on all three types of height tabs (default, “tabs_medium” and “tabs_small”).

You must add this to your user preferences file Sublime Text -> Preferences -> Settings - User:

{
    "tabs_padding_medium": true
}

or

{
    "tabs_padding_small": true
}

Non-italic tab labels on Windows

Afterglow tabs not italic

On Windows, tab labels are displayed in italic font. If you don't like that, you can add this to the user preferences file Sublime Text -> Preferences -> Settings - User:

{
    "tabs_label_not_italic": true
}

Color schemes

Afterglow - Monokai

Afterglow Monokai

Besides color scheme by default, you can use the color scheme Afterglow - Monokai based on the original Monokai, slightly modified to be consistent with the Theme colors.

You must add this in your user preferences file Sublime Text -> Preferences -> Settings - User:

{
    "color_scheme": "Packages/Theme - Afterglow/Afterglow-monokai.tmTheme"
}

Afterglow - Twilight

Afterglow Twilight

If you prefer, you can use the color scheme Afterglow - Twilight (very slightly modified from the original), adding this to the user preferences file Sublime Text -> Preferences -> Settings - User:

{
    "color_scheme": "Packages/Theme - Afterglow/Afterglow-twilight.tmTheme"
}

Markdown

Afterglow markdown

NEW: This color scheme support Github Flavored Markdown.

To enable Afterglow for Markdown

(I highly recommend installing Sublime Markdown Extending plugin.)

First, open a markdown(.md) file, then navigate to Sublime Text -> Preferences -> Settings - More -> Syntax Specific - User in the menu bar.

Add to your current settings or replace with the following:

{
    "color_scheme": "Packages/Theme - Afterglow/Afterglow-markdown.tmTheme",
    "draw_centered": true,
    "draw_indent_guides": false,
    "trim_trailing_white_space_on_save": false,
    "word_wrap": true,
    "wrap_width": 80  // Sets the # of characters per line
}

Dock Icon

You can also download a replacement icon for Sublime Text here.

Sublime Text icon

Retina Resolution UI

Afterglow Theme support retina display.