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

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)