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

Oceanic Next Color Scheme

by voronianski ST2/ST3

Sublime Text 2/3 color scheme ready for ES6, optimized for babel-sublime (former 6to5-sublime) package

Details

Installs

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

Readme

Source
raw.​githubusercontent.​com

Oceanic Next Color Scheme

GitHub Tags Package Control PayPal

Colorful Sublime Text 2/3 color scheme optimized for babel-sublime (also known as 6to5-sublime) JavaScript syntax highlighter.

Install

Use Package Control or just manually copy Oceanic Next.tmTheme file into /Packages/User directory (path to it depends on your OS). Then select it from Preferences -> Color Scheme -> User.

How to Activate UI Theme

To activate the UI theme and color scheme adding the following settings to your sublime user preferences file. The user preferences file can be found using the menu item Sublime Text -> Preferences -> Settings - User (⌘, on Mac).

Note: Don't forget to restart Sublime Text after activating the theme.

{
  "color_scheme": "Packages/Oceanic Next Color Scheme/Oceanic Next.tmTheme",
  "theme": "Oceanic Next.sublime-theme"
}

Other Editors

Oceanic Next was also ported to:

You may also look at base16-oceanic-next - This project generates the Oceanic Next color scheme for a variety of text editors using base16-builder.

Any volunteers to help with another environments?

Similar Schemes

Oceanic Next inspired another schemes which extend syntax or change some of its aspects:

Color Palette

There is a list of colors used in Oceanic Next. Check it before porting the color scheme to another environments.

base 00: #1B2B34
base 01: #343D46
base 02: #4F5B66
base 03: #65737E
base 04: #A7ADBA
base 05: #C0C5CE
base 06: #CDD3DE
base 07: #D8DEE9
base 08: #EC5f67
base 09: #F99157
base 0A: #FAC863
base 0B: #99C794
base 0C: #5FB3B3
base 0D: #6699CC
base 0E: #C594C5
base 0F: #AB7967

Screenshots

JSX Components:

Companion Sublime UI Themes

Suggest your best looking UI themes with Oceanic Next (screenshots are welcome) in this thread.

References

Theme is inspired by Base16 Ocean Dark Theme which was my long time favorite and based on Oceanic Eighties Color Scheme.

Contributing

If you'd like to add some rules and styles to the theme please do it inside .YAML-tmTheme file. Then .tmTheme xml can be generated with such tool as AAAPackageDev for Sublime.

Showing your appreciation

The best way to show your appreciation for the Oceanic Next Color Scheme remains contributing to the community. But if you'd like to show your appreciation in another way please consider donating through PayPal:

PayPal


MIT Licensed