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

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)