/spacegray

A Hyperminimal UI Theme for Sublime Text

Primary LanguageJavaScriptMIT LicenseMIT

Spacegray

A set of custom UI themes for Sublime Text 2/3. It's all about hype and minimal. Comes in different flavors with accompanying Base16 color schemes.


Themes

Spacegray

Default flavor based on Base16 Ocean Dark color scheme.

image

Spacegray Light

Light variation based on Base16 Ocean Light color scheme.

image

Spacegray Eighties

A variation based on Base16 Eighties Dark color scheme.

image

The font used in the screenshots is Source Code Pro.


How to Install

Via Package Control

The easiest way to install is using Sublime Package Control, where Spacegray is listed as Theme - Spacegray.

  1. Open Command Palette using menu item Tools -> Command Palette... (P on Mac)
  2. Choose Package Control: Install Package
  3. Find Theme - Spacegray and hit Enter

Manual

You can also install the theme manually:

  1. Download the .zip
  2. Unzip and rename the folder to Theme - Spacegray
  3. Copy the folder into Packages directory, which you can find using the menu item Sublime Text -> Preferences -> Browse Packages...

How to Activate

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

You can choose whichever flavor you like, but don't forget to change both color scheme and UI theme so they match.

Note: Don't forget to restart Sublime Text after activating the theme.

Settings for Spacegray

{
  "theme": "Spacegray.sublime-theme",
  "color_scheme": "Packages/Theme - Spacegray/base16-ocean.dark.tmTheme"
}

Settings for Spacegray Light

{
  "theme": "Spacegray Light.sublime-theme",
  "color_scheme": "Packages/Theme - Spacegray/base16-ocean.light.tmTheme"
}

Settings for Spacegray Eighties

{
  "theme": "Spacegray Eighties.sublime-theme",
  "color_scheme": "Packages/Theme - Spacegray/base16-eighties.dark.tmTheme"
}

Settings

Tab labels font size

Copy and paste one of four options in your user preferences file:

  "spacegray_tabs_font_small": true
  "spacegray_tabs_font_normal": true
  "spacegray_tabs_font_large": true
  "spacegray_tabs_font_xlarge": true

Tabs size

Tabs height:

  "spacegray_tabs_small": true
  "spacegray_tabs_normal": true
  "spacegray_tabs_large": true
  "spacegray_tabs_xlarge": true

Tabs width:

  "spacegray_tabs_auto_width": true

Sidebar labels font size

  "spacegray_sidebar_font_small": true
  "spacegray_sidebar_font_normal": true
  "spacegray_sidebar_font_large": true
  "spacegray_sidebar_font_xlarge": true

Sidebar tree rows height

  "spacegray_sidebar_tree_xsmall": true
  "spacegray_sidebar_tree_small": true
  "spacegray_sidebar_tree_normal": true
  "spacegray_sidebar_tree_large": true
  "spacegray_sidebar_tree_xlarge": true

Hide navigation icons in Sublime Text 3

  "enable_tab_scrolling": false,

Enable sidebar fileicons (only works in Sublime Text 3)

  "spacegray_fileicons": true,

Disable custom OSX Title Bar in Sublime Text 3

Useful if you're using native OSX tabs since the custom Title Bar breaks the native tabs

  "disable_custom_title_bar": true,

Thanks

The Spacegray Eighties variation is contributed by Yoshua Wuyts.