itsthatguy / theme-itg-flat

A flat theme for Sublime Text that supports both retina and non-retina.
481 stars 56 forks source link

Theme - itg.flat Build Status Join the chat at https://gitter.im/itsthatguy/theme-itg-flat

NOTE: Currently looking for a new maintainer for this package. Not currently maintained.

Update: Sublime text 2 and 3 now supported.

Here it is

My flat, retina friendly, sublime-theme. It comes in two flavors, Dark and Light. I'll be adding more color variations over the coming weeks, so stay tuned. Read more about it

Installation is a snap. Once you have Package Control installed, you just need to follow the instructions below.

I hope you enjoy it. I'd love to hear your thoughts.

Dark

Light

Installation

Using Sublime Package Control

If you are using sublime package control, you can install directly from the Package Control: Install Package menu item.

The theme is listed as Theme - itg.flat in the packages list.

Enabling the theme

To enable the theme and adjust theme settings edit your Preferences.sublime-settings file:

// for a dark theme use:
"theme": "itg.flat.dark.sublime-theme"

// for a light theme use:
"theme": "itg.flat.light.sublime-theme"

// additional (dark) color options
"theme": "itg.flat.dark.aqua.sublime-theme"
"theme": "itg.flat.dark.blue.sublime-theme"
"theme": "itg.flat.dark.green.sublime-theme"
"theme": "itg.flat.dark.orange.sublime-theme"
"theme": "itg.flat.dark.yellow.sublime-theme"

// additional (light) color options
"theme": "itg.flat.light.aqua.sublime-theme"
"theme": "itg.flat.light.blue.sublime-theme"
"theme": "itg.flat.light.green.sublime-theme"
"theme": "itg.flat.light.orange.sublime-theme"
"theme": "itg.flat.light.yellow.sublime-theme"
Enabling the custom Syntax Highlighting

Select a theme from Preferences > Color Scheme > Theme - itg.flat:

or add this to your Preferences.sublime-settings file:

// for a dark theme use:
"color_scheme": "Packages/Theme - itg.flat/itg.dark.tmTheme",

// for a light theme use:
"color_scheme": "Packages/Theme - itg.flat/itg.light.tmTheme",
Additional Settings:
// small tabs
"itg_small_tabs": true

// Sidebar padding options
"itg_sidebar_tree_xsmall": true
"itg_sidebar_tree_small": true
"itg_sidebar_tree_medium": true
"itg_sidebar_tree_large": true
"itg_sidebar_tree_xlarge": true

// Scrollbar size options
"itg_scrollbar_small": true
"itg_scrollbar_medium": true

// if the scrollbar options aren't working, try setting the following
"overlay_scroll_bars": "disabled"

Contributing

  1. fork this repo
  2. run npm install
  3. edit the existing src/colors/**/*.js files or create a new one
  4. run gulp compile
  5. run npm test and verify all the tests are passing
  6. submit a pull request to the development branch

Note: If adding anything to itg.flat.mustache make sure to also add those updates to the files in the test/templates/ folder.

Tests

  1. fork this repo
  2. run npm install
  3. run npm test