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

Theme - Spacegray

by SublimeText ALL Top 100

A Hyperminimal UI Theme for Sublime Text

Labels theme, color scheme

Details

Installs

  • Total 514K
  • Win 255K
  • Mac 171K
  • Linux 88K
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 Jun 19 Jun 18 Jun 17 Jun 16 Jun 15 Jun 14 Jun 13 Jun 12 Jun 11 Jun 10 Jun 9 Jun 8 Jun 7 Jun 6 Jun 5 Jun 4 Jun 3
Windows 11 7 10 10 8 5 8 9 5 4 3 2 3 6 3 2 5 7 6 7 3 4 8 8 4 11 4 3 6 8 5 9 3 10 4 6 6 6 13 6 3 2 10 3 3 12
Mac 4 3 0 6 3 3 5 1 6 4 2 4 2 2 1 4 4 3 4 5 4 4 4 3 3 4 0 3 2 4 2 0 3 1 2 3 6 6 2 2 0 1 5 3 6 10
Linux 2 4 1 2 0 2 0 5 0 3 5 2 3 2 3 0 4 2 1 4 0 4 3 2 1 3 1 3 1 1 6 1 1 2 3 4 5 4 7 1 2 2 2 3 0 3

Readme

Source
raw.​githubusercontent.​com

Spacegray

A set of custom UI themes for Sublime Text. 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

Spacegray Mocha

A variation based on Base16 Mocha Dark color scheme.

image

Spacegray Oceanic

A variation based on Base16 Oceanic Dark color scheme.

image

The font used in the screenshots is Cascadia Code.

Installation

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...

Activate Theme

To select a theme call UI: Select Theme from Command Palette.

To select a color scheme call UI: Select Color Scheme from Command Palette.

Alternatively ajdust Preferences.sublime-settings by calling Preferences: Settings from Command Palette to one of the following pairs.

Settings for Spacegray

{
  "theme": "Spacegray.sublime-theme",
  "color_scheme": "Base16 Ocean Dark.sublime-color-scheme"
}

Settings for Spacegray Light

{
  "theme": "Spacegray Light.sublime-theme",
  "color_scheme": "Base16 Ocean Light.sublime-color-scheme"
}

Settings for Spacegray Eighties

{
  "theme": "Spacegray Eighties.sublime-theme",
  "color_scheme": "Base16 Eighties Dark.sublime-color-scheme"
}

Settings for Spacegray Mocha

{
  "theme": "Spacegray Mocha.sublime-theme",
  "color_scheme": "Base16 Mocha Dark.sublime-color-scheme"
}

Settings for Spacegray Oceanic

{
  "theme": "Spacegray Oceanic.sublime-theme",
  "color_scheme": "Base16 Oceanic.sublime-color-scheme"
}

Theme Customization

Themes are customized either by adjusting predefined settings or by modifying global theme variables or rules.

Open Command Palette and call one of:

  1. Preferences: Settings
  2. UI: Customize Theme

Theme Variables

Font Face

Global font face is set to "system".

To customize font face,

  1. open Command Palette
  2. call UI: Customize Theme
  3. modify "font_face" variable

Font Size

Global font size is derived from Preferences.sublime-settings > “font_size” by default.

To customize font size,

  1. open Command Palette
  2. call UI: Customize Theme
  3. modify "font_size" variable

Global Theme Settings

To customize theme settings,

  1. open Command Palette
  2. call Preferences: Settings

Themed Title Bar

Useful if you're using native OSX tabs since custom title bar breaks the native tabs.

"themed_title_bar": false,

Tabs Navigation Icons

"enable_tab_scrolling": false,

Tabs Close Buttons

Hide tab close buttons:

"show_tab_close_buttons": false,

Display tab close buttons on the left:

"show_tab_close_buttons_on_left": true,

Spacegray Theme Settings

To customize theme settings,

  1. open Command Palette
  2. call Preferences: Settings

Tabs Size

Tabs height:

"theme.spacegray.tabs.height": "small"

"theme.spacegray.tabs.height": "normal"

"theme.spacegray.tabs.height": "large"

"theme.spacegray.tabs.height": "xlarge"

Tabs width:

"theme.spacegray.tabs.auto_width": true

Sidebar Tree Row Height

"theme.spacegray.sidebar.row_height": "xsmall"

"theme.spacegray.sidebar.row_height": "small"

"theme.spacegray.sidebar.row_height": "normal"

"theme.spacegray.sidebar.row_height": "large"

"theme.spacegray.sidebar.row_height": "xlarge"

Sidebar File Icons

"theme.spacegray.sidebar.show_icons": true,

image

Sidebar Item Label VCS Coloring

"theme.spacegray.sidebar.vcs_color_labels": true,

To also color expanded folders:

"theme.spacegray.sidebar.vcs_color_expanded": true,

Originally implemented in Toxin by @p3lim.

Thanks

The Spacegray Eighties variation is contributed by Yoshua Wuyts.