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 52K
  • Win 30K
  • Mac 11K
  • Linux 10K
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 Feb 22 Feb 21 Feb 20 Feb 19 Feb 18 Feb 17 Feb 16 Feb 15 Feb 14 Feb 13 Feb 12 Feb 11 Feb 10 Feb 9 Feb 8 Feb 7 Feb 6 Feb 5 Feb 4 Feb 3
Windows 2 1 4 2 2 2 3 2 1 2 1 1 2 2 1 1 3 1 3 2 4 1 4 2 3 4 3 2 0 3 0 6 3 2 2 1 5 3 5 4 1 4 2 0 1 2
Mac 0 0 0 1 2 1 1 1 0 0 0 1 0 1 0 3 0 0 1 1 2 1 0 1 0 0 1 0 1 1 0 2 1 0 0 0 1 0 0 1 0 0 0 0 1 0
Linux 0 0 0 2 1 0 3 1 3 1 3 1 2 1 0 0 1 1 1 0 1 1 0 2 2 3 0 0 0 0 0 0 3 2 0 1 1 0 0 0 0 3 0 1 1 1

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)