Agila Theme
A Sublime Text 3 UI Theme
Details
Installs
- Total 293K
- Win 173K
- Mac 64K
- Linux 56K
| Apr 25 | 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 | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Windows | 6 | 19 | 17 | 20 | 10 | 11 | 11 | 13 | 11 | 15 | 14 | 19 | 10 | 17 | 11 | 17 | 19 | 21 | 8 | 14 | 14 | 18 | 16 | 19 | 9 | 17 | 18 | 23 | 20 | 14 | 17 | 13 | 19 | 19 | 22 | 18 | 13 | 20 | 14 | 18 | 14 | 20 | 24 | 18 | 27 | 17 |
| Mac | 4 | 2 | 8 | 9 | 2 | 2 | 4 | 4 | 7 | 5 | 4 | 3 | 3 | 7 | 5 | 9 | 8 | 6 | 2 | 2 | 3 | 4 | 4 | 6 | 5 | 2 | 6 | 9 | 3 | 6 | 7 | 0 | 3 | 6 | 8 | 4 | 3 | 7 | 6 | 1 | 2 | 7 | 7 | 6 | 2 | 1 |
| Linux | 1 | 6 | 3 | 3 | 4 | 5 | 9 | 3 | 1 | 6 | 2 | 5 | 2 | 1 | 2 | 6 | 6 | 12 | 4 | 1 | 5 | 4 | 5 | 9 | 3 | 2 | 0 | 3 | 8 | 6 | 4 | 5 | 0 | 3 | 3 | 9 | 6 | 5 | 7 | 7 | 5 | 7 | 5 | 9 | 6 | 7 |
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
Agila Origin Theme
Agila Dracula Theme
Agila Monokai Theme
Agila Cobalt Theme
Agila Classic Theme
Agila Light Theme
Agila Neon Theme
How to Install
Chill way
via Package Control, where Agila is listed as Agila Theme.
- Open Command Palette using menu item *
Tools > Command Palette...* orCMD/CTRL + SHIFT + P - Choose
Package Control: Install Package - Find
Agila Theme* and hit *Enter
Woooo way
via installing the theme manually.
- Download the latest release .zip
- Unzip and rename folder to
Agila Theme. - 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:
- Open a Markdown file
- Go to Preferences > Settings - Syntax Specific and change
color_schemevalue based on the lastcolor_schemesetting 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,
overrides all the theme_agila_* size settings; convenient for small laptops
```json
"theme_agila_nano_mode": true,
SIDEBAR COMPACT TREE STRUCTURE - NO INDENTATION
"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,
SIDEBAR FOLDER PLUS/MINUS ICONS
if a plus/minus icon is preferred beside folder icon “json "theme_agila_sidebar_plus_minus”: true,
##### COMPACT TAB - REDUCED TAB HEIGHT
#
```json
"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
Ports
- Visual Studio Code by whtsky
Thanks to
- Preap Theme - UI inspiration and .sublime-theme source code :)
- Spacegray Theme - UI inspiration and .sublime-theme source code :)
- amCoder Theme - UI inspiration and .sublime-theme source code :)
- Neka Theme - Icons
- Oceanic Next Color Scheme - where Default and Classic theme color scheme are based
- Solarized Color Scheme - where Light theme color scheme is based
- Dracula Color Scheme
- Monokai Extended Color Scheme
- Monocyanide Color Scheme
- Cobalt2 Scheme
- Colorhexa - color combinations
meteor create --sample todos- screenshot code snippet :p- Contributor(s): davidmatas, Cldfire, polyvertex, mikedcook, kcmr, davidhcefx
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! :)