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

Agila Theme

by arvi ST3

A Sublime Text 3 UI Theme

Details

Installs

  • Total 42K
  • Win 22K
  • OS X 12K
  • Linux 8K
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 Feb 2 Feb 1 Jan 31 Jan 30 Jan 29 Jan 28 Jan 27 Jan 26 Jan 25 Jan 24 Jan 23 Jan 22 Jan 21 Jan 20 Jan 19 Jan 18 Jan 17 Jan 16 Jan 15 Jan 14 Jan 13 Jan 12 Jan 11 Jan 10 Jan 9
Windows 67 96 113 83 60 65 81 85 94 92 100 73 80 79 116 117 123 100 51 66 88 87 92 79 105 53 67 89 93 94 90 84 64 75 94 75 99 104 90 69 67 82 93 87 83 77
OS X 40 51 47 43 27 23 44 39 27 51 38 28 30 48 50 41 55 53 32 37 33 32 39 45 38 32 24 35 51 40 53 37 31 24 37 47 38 37 43 29 29 48 43 63 54 36
Linux 19 25 34 35 25 22 39 26 40 38 37 31 29 35 42 41 48 45 20 26 37 40 36 33 32 25 26 36 34 28 32 28 36 21 24 28 32 41 33 26 37 31 29 28 24 22

Readme

Source
raw.​githubusercontent.​com

Agila Theme

A Sublime Text 3 UI Theme

Couldn't find a theme I really dig, so I tried to make my own theme based on all the things/elements I like from wonderful themes I've used before. :)


Screenshots

Screenshots below are based on the default starting point of all Agila Themes wherein Font face: Inconsolata | Font size: 21*.

You can customize the UI to your liking (e.g camouflage workspace with the color scheme background, sidebar, tab, autocomplete, and scrollbar setup/color preferences) by referring to the Settings section of this documentation. Enjoy! :)

Agila Theme

Screenshot

Agila Origin Theme

Screenshot

Agila Dracula Theme

Screenshot

Agila Monokai Theme

Screenshot

Agila Cobalt Theme

Screenshot

Agila Classic Theme

Screenshot

Agila Light Theme

Screenshot

Agila Neon Theme

Screenshot


How to Install

Chill way

via Package Control, where Agila is listed as Agila Theme.

  1. Open Command Palette using menu item *Tools > Command Palette...* or CMD/CTRL + SHIFT + P
  2. Choose Package Control: Install Package
  3. Find Agila Theme* and hit *Enter
Woooo way

via installing the theme manually.

  1. Download the latest release .zip
  2. Unzip and rename folder to Agila Theme.
  3. Move Agila Theme* folder inside the Packages directory (*Preferences > Browse packages...)

Themes

Agila themes include Markdown syntax highlighting provided you have Markdown Extended package installed.

Activation

Chill way via Skins

Skins provides an easy way to manage your themes for Sublime Text 3. Run its Select Skin command from the Command Palette Tools > Command Palette...* or CMD/CTRL + SHIFT + P and choose any of the various Agila theme variants from the list. **No extra steps for activating Markdown syntax highlighting based on selected theme.*

Woooo way

via User Preferences file (Sublime Text > Preferences > Settings - User). After setting up, don't forget to restart Sublime Text Editor for changes to take effect.

To also enable Markdown syntax highlighting based on selected theme:

  1. Open a Markdown file
  2. Go to Preferences > Settings - Syntax Specific and change color_scheme value based on the last color_scheme setting specific to theme below.
Default theme
"theme": "Agila.sublime-theme",
"color_scheme": "Packages/Agila Theme/Agila Oceanic Next.tmTheme",
"color_scheme": "Packages/Agila Theme/Markdown/Oceanic Next Markdown.tmTheme"
Origin theme
"theme": "Agila Origin.sublime-theme",
"color_scheme": "Packages/Agila Theme/Agila Origin Oceanic Next.tmTheme",
"color_scheme": "Packages/Agila Theme/Markdown/Oceanic Next Origin Markdown.tmTheme"
Dracula theme
"theme": "Agila Dracula.sublime-theme",
"color_scheme": "Packages/Agila Theme/Agila Dracula.tmTheme",
"color_scheme": "Packages/Agila Theme/Markdown/Dracula Markdown.tmTheme"
Monokai theme
"theme": "Agila Monokai.sublime-theme",
"color_scheme": "Packages/Agila Theme/Agila Monokai Extended.tmTheme",
"color_scheme": "Packages/Agila Theme/Markdown/Monokai Markdown.tmTheme"
Cobalt theme
"theme": "Agila Cobalt.sublime-theme",
"color_scheme": "Packages/Agila Theme/Agila Cobalt.tmTheme",
"color_scheme": "Packages/Agila Theme/Markdown/Cobalt Markdown.tmTheme"
Classic theme
"theme": "Agila Classic.sublime-theme",
"color_scheme": "Packages/Agila Theme/Agila Classic Oceanic Next.tmTheme",
"color_scheme": "Packages/Agila Theme/Markdown/Classic Oceanic Next Markdown.tmTheme"
Light theme
"theme": "Agila Light.sublime-theme",
"color_scheme": "Packages/Agila Theme/Agila Light Solarized.tmTheme",
"color_scheme": "Packages/Agila Theme/Markdown/Light Solarized Markdown.tmTheme"
Neon theme
"theme": "Agila Neon.sublime-theme",
"color_scheme": "Packages/Agila Theme/Agila Neon Monocyanide.tmTheme",
"color_scheme": "Packages/Agila Theme/Markdown/Neon Monocyanide Markdown.tmTheme"

Note: You can use active guide with these schemes by adding: “json "indent_guide_options”: [ “draw_normal”, “draw_active” ],

---

### Settings
I've made some UI parts customizable e.g icon colors, sidebar items, etc.. :)

##### THEME OVERRIDE
overrides default theme sidebar, scrollbars and tab background based on theme scheme background
```json
"theme_agila_camouflage": true,

overrides default theme sidebar and tab background only based on theme scheme background “json "theme_agila_camouflage_semi”: true,

##### SIDEBAR COMPACT TREE STRUCTURE - NO INDENTATION
#
```json
"theme_agila_compact_sidebar": true,
SIDEBAR TREE SIZE (default: medium)
"theme_agila_sidebar_mini": true,
"theme_agila_sidebar_xsmall": true,
"theme_agila_sidebar_small": true,
"theme_agila_sidebar_medium": true,
"theme_agila_sidebar_large": true,
SIDEBAR HEADING (default: theme-based color)
"theme_agila_sidebar_heading_white": true,
"theme_agila_sidebar_heading_gray": true,
"theme_agila_sidebar_heading_lightblue": true,
"theme_agila_sidebar_heading_yellow": true,
"theme_agila_sidebar_heading_pink": true,
SIDEBAR ENTRY/ITEM FONT SIZE (default: 13)
"theme_agila_sidebar_font_xsmall": true, //font-size: 11
"theme_agila_sidebar_font_small": true, //font-size: 12
"theme_agila_sidebar_font_big": true, //font-size: 14
SIDEBAR SELECTED ENTRY/ITEM (default: pink)
"theme_agila_sidebar_selected_entry_white": true,
"theme_agila_sidebar_selected_entry_gray": true,
"theme_agila_sidebar_selected_entry_lightblue": true,
"theme_agila_sidebar_selected_entry_yellow": true,
"theme_agila_sidebar_selected_entry_pink": true,
SIDEBAR LIGHT ICONS (default: dark)
"theme_agila_sidebar_light_icons": true,
COMPACT TAB - REDUCED TAB HEIGHT
"theme_agila_compact_tab": true,
ACTIVE TAB - TEXT COLOR (default: pink)
"theme_agila_active_tab_entry_white": true,
"theme_agila_active_tab_entry_gray": true,
"theme_agila_active_tab_entry_lightblue": true,
"theme_agila_active_tab_entry_yellow": true,
"theme_agila_active_tab_entry_pink": true,
MODIFIED TAB - ICON MARKER COLOR (default: light blue)
"theme_agila_modified_tab_marker_white": true,
"theme_agila_modified_tab_marker_gray": true,
"theme_agila_modified_tab_marker_lightblue": true,
"theme_agila_modified_tab_marker_yellow": true,
"theme_agila_modified_tab_marker_pink": true,
AUTOCOMPLETE - KEYWORD COLOR (default: white)
"theme_agila_auto_complete_white": true,
"theme_agila_auto_complete_gray": true,
"theme_agila_auto_complete_lightblue": true,
"theme_agila_auto_complete_yellow": true,
"theme_agila_auto_complete_pink": true,
SCROLLBAR COLORS (default: theme based color)
"theme_agila_vertical_scrollbar_white": true,
"theme_agila_horizontal_scrollbar_white": true,

"theme_agila_vertical_scrollbar_gray": true,
"theme_agila_horizontal_scrollbar_gray": true,

"theme_agila_vertical_scrollbar_lightblue": true,
"theme_agila_horizontal_scrollbar_lightblue": true,

"theme_agila_vertical_scrollbar_yellow": true,
"theme_agila_horizontal_scrollbar_yellow": true,

"theme_agila_vertical_scrollbar_pink": true,
"theme_agila_horizontal_scrollbar_pink": true,
SCROLLBAR THINNESS (default: 4)
"theme_agila_vertical_scrollbar_thickest": true,   //width: 6
"theme_agila_horizontal_scrollbar_thickest": true,

"theme_agila_vertical_scrollbar_thicker": true,   //width: 5
"theme_agila_horizontal_scrollbar_thicker": true,

"theme_agila_vertical_scrollbar_thinner": true,    //width: 3
"theme_agila_horizontal_scrollbar_thinner": true,

"theme_agila_vertical_scrollbar_thinnest": true,   //width: 2
"theme_agila_horizontal_scrollbar_thinnest": true,

"theme_agila_vertical_scrollbar_invisible": true,  //width:  0
"theme_agila_horizontal_scrollbar_invisible": true,

My Sublime Settings :p

https://gist.github.com/arvi/b71cd26b7a20944a7d53607213d56c20

Thanks to


Fun Experiments :p

Have a color combination in mind or perhaps you also want to try and create your own? Check the Agila.sublime-theme source code… I made it super easy for anyone to customize a sublime UI theme through my extensive comments. :p Enjoy! :)