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

Theme - Asphalt

by Orlmente ST3

Minimal and flat dark UI for Sublime Text 3 + custom syntax highlighting Colour Scheme.

Labels theme

Details

Installs

  • Total 25K
  • Win 13K
  • OS X 8K
  • Linux 5K
Apr 24 Apr 23 Apr 22 Apr 21 Apr 20 Apr 19 Apr 18 Apr 17 Apr 16 Apr 15 Apr 14 Apr 13 Apr 12 Apr 11 Apr 10 Apr 9 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
Windows 5 8 5 12 12 6 9 11 5 6 7 15 9 3 13 3 7 14 8 13 14 10 5 6 11 16 16 10 8 3 6 12 9 10 5 8 8 12 10 11 16 16 20 8 16 11
OS X 2 0 1 3 1 4 1 4 1 7 3 2 10 1 3 1 1 1 2 4 3 3 2 1 0 6 2 3 3 2 1 0 4 2 4 2 1 2 4 3 7 5 10 6 3 5
Linux 2 1 3 2 2 0 3 1 1 1 5 4 4 1 2 1 2 0 1 4 6 5 3 3 2 3 2 2 3 3 3 2 5 3 1 7 0 2 3 1 4 5 8 9 2 4

Readme

Source
raw.​githubusercontent.​com

Asphalt

Minimal and flat dark UI for Sublime Text 3 + custom syntax highlighting Colour Scheme.


Key features

  • 5 UI colour variations
  • Custom UI icons (bottom panels, buttons, sidebar icons, etc.)
  • Sidebar folder/files icons support (ST3 build 3062+), standard icons (bonus: JSON file type icon and .tmPreference)
  • Custom syntax highlighting colour scheme
  • Retina display support

Asphalt takes inspiration from the great work of (in alphabetical order): * itsthatguy's Theme - Itg.Flat, * kkga's Theme - Spacegray, * yabatadesign's Theme - Afterglow.

Asphalt Syntax Colour Scheme derived and extended from: * chriskempson's Base16


UI Colour Variations

Asphalt (default)

Asphalt

Red on grey colour variation (default) full size image

Asphalt Orange

Asphalt Orange

Orange on grey colour variation full size image

Asphalt Green

Asphalt Green

Green on grey colour variation full size image

Asphalt Blue

Asphalt Blue

Blue on grey colour variation full size image

Asphalt Monochrome

Asphalt Monochrome

Greyscale only colour variation full size image


The font used in the screenshots is Inconsolata-dz.


How to Install

Via 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 - Asphalt

Manual

You can also install the theme manually:

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

or

  1. Open your ST Packages directory, found under Sublime Text -> Preferences -> Browse Packages... menu
  2. Clone the repo with this command:
git clone https://github.com/Orlmente/Theme-Asphalt "Theme - Asphalt"

How to Activate

Activate this theme and color scheme by modifying your user preferences file, found under Sublime Text -> Preferences -> Settings - User menu.

Once User's settings are opened, just add the following code (Restart Sublime Text after activating the theme).

Important: Don't forget to double-check for missing or trailing commas in preference file before saving the file!

Default setup

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

Alternative colour variations

{
    "theme": "Asphalt-monochrome.sublime-theme",
    "theme": "Asphalt-green.sublime-theme",
    "theme": "Asphalt-blue.sublime-theme",
    "theme": "Asphalt-orange.sublime-theme",
}

Additional settings

(“setting_name”: “default value”, // “alternative value” )

Enable/Disable Sidebar icons “json { "theme_asphalt_hide_sidebar_icons”: false, // true }

![Sidebar Icons](_screenshots_/sidebar_icons.png)

***
Enable tab scrolling via mousewheel
```json
{
    "theme_asphalt_mouse_tabs_switch": false, // true
}

Enable dirty tabs indicator “json { "theme_asphalt_show_dirty_tabs”: false, // true }

![Dirty Tabs](_screenshots_/dirty_tabs.png)

***
Enable previous entries selection dropdown for input fields and close button for bottom panels
```json
{
    "theme_asphalt_show_input_dropdowon": false, // true
    "theme_asphalt_show_panel_close": false, // true
}

Bottom Panel Extras


Higher or lower padding for entries in sidebar “json { "theme_asphalt_sidebar_big”: false, // true “theme_asphalt_sidebar_small”: false, // true }

![Sidebar Sizes](_screenshots_/sidebar_heights.png)

***
Brighter colour for text in statusbar
```json
{
    "theme_asphalt_status_bar_brighter": false, // true
}

Taller or smaller tabs “json { "theme_asphalt_tabs_big”: false, // true “theme_asphalt_tabs_small”: false, // true }

![Tab Sizes](_screenshots_/tab_heights.png)

***

### License

[MIT & WTFPL](https://github.com/Orlmente/Theme-Asphalt/blob/master/LICENSE)