Gravity Theme

A Sublime Text 3 UI theme.

The goal of this Sublime Text UI was to make a dark and light theme that feels at home on macOS.

• Version 3.0.7 Added color titlebar option.
• Version 3.0.x introduces Gravity One and sidebar header.
• Version 2.5 introduces OS X blue highlight color and cleaned up UI.
• Version 2.0 introduces the Reverse Gravity light theme.

---

Gravity Theme

---

Gravity One Theme

---

Reverse Gravity Theme

The Gravity theme has only been tested with Sublime Text 3.

Install using Package Control

If you're using Package Control, you can easily install the Gravity theme by using the Command Palette:

• Go to Tools > Command Palette...
• Type Package Control: Install Package
• Search for Theme - Gravity

Install using GIT

• Locate your Sublime Text “Packages” directory by using the menu item Preferences > Browse Packages...
• Load up that directory in Terminal app; for example: cd /Users/Library/Application Support/Sublime Text 3/Packages
• Next, run this GIT command: git clone git@github.com:frankyonnetti/gravity-sublime-theme.git"
• Rename the folder to Theme - Gravity

Install manually

• Use the Download ZIP button from GitHub.
• Locate your Sublime Text “Packages” directory by using the menu item Preferences > Browse Packages...
• Unzip the archive and rename the folder Theme - Gravity and place it in the “Packages” directory.

Activating the theme

• Open your settings by using the menu Preferences > Settings - User
• Add, or replace, the “theme:” settings with "theme": "Gravity.sublime-theme" or, "theme": "Gravity One.sublime-theme" or, "theme": "Reverse Gravity.sublime-theme"

Applying the new macOS title bar in Gravity:

• Open your settings (if not already open) by using the menu Preferences > Settings - User
• And add: "gravity_title_bar": true

Applying the file Tab height option:

• Open your settings (if not already open) by using the menu Preferences > Settings - User
• And add: "gravity_tab_height_tall": true or "gravity_tab_height_short": true

Applying the blue hightlight color option:

• Open your settings (if not already open) by using the menu Preferences > Settings - User and add: "gravity_highlight_color_blue": true

Applying the sidebar header option:

• Open your settings (if not already open) by using the menu Preferences > Settings - User and add: "gravity_sidebar_header": true

Replacing the default “fold” icon

Currently the only way to override the default code folding icon with the one for Gravity, you have to place the Theme - Default directory in the “Packages” directory. The Gravity fold icon looks like:

• Download the directory with icon separately and place it in the “Packages” directory.
• You can get there by using the menu item Preferences > Browse Packages...

Syntax color schemes

Gravity

The syntax color scheme is a port of the Monokai-Sublime scheme created for Gravity. Used the TmTheme scheme editor to create it.

• Once you have Gravity installed, you can select the scheme by using the menu item Preferences > Color Scheme > Theme - Gravity > Monokai Gravity
• The font used for the syntax shown in the screenshot is "font_face": "Monaco" and "font_size": 14

Reverse Gravity

• Using one of the default color schemes called Dawn.

Gravity One

• Use the included version of “One Dark Color Scheme” forked from Timothy de Jongh's Github. Select the included scheme by using the menu item Preferences > Color Scheme > Theme - Gravity > One Dark Gravity
• One Dark Color Scheme created by Timothy de Jongh.
• Or, One Half Color Scheme created by Son A. Pham.

App icon

Download the white and orange app icons (v.1.0.1) designed to fit in Yosemite's dock along with the other OSX (10.10) icons.

• To install the white or orange app icon, select Sublime Text in your Applications folder. From the Finder menu, select File > Get Info and drag the .icns file on top of the default Sublime Text icon in the Get Info window.

Trouble shooting

1) Font descenders are cut off in the file UI tabs

Apply this setting to your “Settings - User” file. "gravity_tab_font_small": true

2) The “Find” feature appears to be hidden behind the status bar.

When switching themes in Sublime Text, it will retain the height for the Find bar set in the previous theme. Sometimes this will cause the bar to appear hidden behind the status bar.

To fix, simply grab the bar and pull-up.

3) Missing sidebar icons.

Installing and switching themes in Sublime Text may cause some sidebar icons to not show. Disabling installed/inactive themes via Package Control should fix the issue.

Usage license

This work is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.