• Stars
    star
    1,972
  • Rank 23,507 (Top 0.5 %)
  • Language
    JavaScript
  • Created almost 10 years ago
  • Updated almost 3 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

๐Ÿ“ Sublime Text color scheme ready for next generation JavaScript syntax

Oceanic Next Color Scheme

GitHub Tags Package Control Buy Me A Coffee

Colorful Sublime Text 2/3 color scheme optimized for babel-sublime JavaScript syntax highlighter.

Install

  • use Package Control
  • or manually copy Oceanic Next.tmTheme file into /Packages/User directory (path depends on your OS)
  • select scheme from Sublime Text -> Preferences -> Color Scheme

Screenshot

Other Editors

Oceanic Next was also ported to:

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

PowerShell

You can use concfg to install theme for Powershell. First with iex install scoop, and with scoop install concfg (answer on StackOverflow):

iex (new-object net.webclient).downloadstring('https://get.scoop.sh')
scoop install concfg
concfg import oceanicnext

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 environment.

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

Companion Sublime UI Themes

References

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

Development

If you'd like to help with development of the color scheme please follow these simple rules:

  • add new styles to the theme inside .YAML-tmTheme file
  • generate .tmTheme xml file with AAAPackageDev for Sublime
  • to inspect scopes inside Sublime you can use Cmd + Alt + P command (on MacOS)

Support

Buy Me A Coffee

or consider donating through PayPal ๐Ÿ’ฐ

PayPal


MIT Licensed

More Repositories

1

flux-comparison

๐Ÿ“ Practical comparison of different Flux solutions
JavaScript
2,785
star
2

jquery.avgrund.js

Avgrund is jQuery plugin with new modal concept for popups
JavaScript
1,764
star
3

react-swipe

โ†”๏ธ Swipe.js as a React component
JavaScript
1,658
star
4

ngActivityIndicator

Angular provider for preloader animations
CSS
644
star
5

esnextbin

๐Ÿฑ Prototype apps in the browser with next generation JavaScript and NPM modules
JavaScript
463
star
6

ngprogress-lite

Angular provider for slim progress bars
HTML
394
star
7

react-native-effects-view

Use iOS8 UIVisualEffectViews's blur and vibrancy with ReactNative
Objective-C
387
star
8

react-star-rating-component

Basic React component for star (or any other icon based) rating elements
JavaScript
378
star
9

realtime-geolocation-demo

Realtime geolocation with HTML5 API and Socket.io
JavaScript
337
star
10

melchior.js

Chainable Module Definition (CMD) dependency loader for JavaScript
JavaScript
305
star
11

soundcloud-audio.js

๐ŸŽต SoundCloud tracks and playlists with HTML5 Audio API
JavaScript
285
star
12

swipe-js-iso

Universal (a.k.a isomorphic) version of Swipe.js
JavaScript
187
star
13

universal-react-flux-boilerplate

React (0.13.x) + Flux (Flummox) + ReactRouter (0.13.x) + Server Rendering
JavaScript
170
star
14

simon-le-bottle

Getting started with Facebook Messaging Platform
JavaScript
111
star
15

dookie-css

stylus driven css library
CSS
109
star
16

node-tweet-cli

Start making tweets from your bash, zsh, whatever!
JavaScript
83
star
17

xml2obj-stream

XML to JavaScript object low memory streaming parser based on node-expat
JavaScript
63
star
18

griddy.css

๐Ÿ“– Responsive 12 column based grid in 311 Bytes gzipped
HTML
63
star
19

ngKookies

Powerful replacer for built-in Angular's $cookieStore (https://github.com/angular/angular.js/issues/950)
JavaScript
60
star
20

is-express-schema-valid

๐Ÿ express.js middleware that validates body, params, query of request according to JSONSchema and is extremely fast
JavaScript
59
star
21

node-object-encrypter

Encrypt/decrypt javascript objects as base64 strings with optional TTL support
JavaScript
58
star
22

express-api-sample

Sample API ready to be used in different client app boilerplates and playgrounds.
JavaScript
48
star
23

babel-transform-in-browser

Transform ES2015 in browser on the fly with Babel.js
JavaScript
45
star
24

node-tiny-dploy

Simple shell script + PM2 deployer
JavaScript
42
star
25

dumbugger

Automatically google for similar JavaScript errors when thrown.
HTML
38
star
26

node-grvtr

grvtr.js - small node.js gravatar library
JavaScript
32
star
27

node-config-boilerplate

Easy configs for node.js apps
JavaScript
28
star
28

react-pikaday-component

Universal React component wrapper around Pikaday.js datepicker
JavaScript
19
star
29

psi-local-cli

Google PageSpeed Insights CLI for localhost (via ngrok)
JavaScript
18
star
30

data-structures-and-algorithms-in-javascript

Basic data structures and algorithms implemented in JavaScript
JavaScript
16
star
31

Do-I-Know-JS

Javascript patterns uncovered with examples
JavaScript
13
star
32

setup-osx-work-station

๐ŸŽ OS X machine setup shell script
Shell
11
star
33

is-my-schema-valid

Simple function that validates data according to JSONSchema
JavaScript
9
star
34

versionify-assets

Function to get checksum of file and add to url querystring for cache busting
JavaScript
7
star
35

vapor-favicon-middleware

Favicon serving middleware for Vapor applications.
Swift
6
star
36

react-router-hooks-patch

Patch react-router route handler components with static hook methods onEnter/onLeave
JavaScript
6
star
37

uneasy-flux-demo

Practical flux to manage uneasy API scenarios like handling errors or pending requests
JavaScript
5
star
38

create-static

Create static html pages with esnext, scss and nunjucks easily.
JavaScript
5
star
39

c0nfig

Require local configs as if they are in node_modules
JavaScript
5
star
40

EightTracksSwift

8tracks radio client for iOS8 implemented in Swift
Swift
5
star
41

EightTracksReactNative

8tracks radio client for iOS powered by ReactNative
JavaScript
4
star
42

update-to-latest

Simple cli tool for easy update of npm dependencies.
JavaScript
3
star
43

waveform.js

Waveform.js makes drawing SoundCloud waveforms simple
JavaScript
3
star
44

node-shufflerfm

Shuffler.fm API client for Node.js
JavaScript
3
star
45

discogs-wantlist-cli

๐Ÿ“€ Extract releases from Discogs user wantlist without duplicates.
JavaScript
2
star
46

vapor-server-example

Examples of server-side Swift powered by Vapor.
Swift
2
star
47

go2url.xyz

๐ŸŒ Change window.location in a second
HTML
2
star
48

swapi-graphql-react-app

SPA that allows to ๐Ÿ”Ž search for all human characters in ๐ŸŒ  Star Wars saga.
JavaScript
2
star
49

react-waves

Top sounds of the web built with React components
JavaScript
2
star
50

isomorphic-flux-comparison

2
star
51

react-ace-preact-compat-issue

JavaScript
2
star
52

vapor-checksum-assets

Add checksums of .js/.css files to url querystring in Vapor applications for cache busting.
Swift
2
star
53

telepath-mini

Tiny and smart music player for OS X
CSS
2
star
54

multi-translator

Get transations from several dictionaries in one app.
JavaScript
2
star
55

melchior-landing

CSS
2
star
56

luvit-static-server-demo

Static server demo based on luvit.io
Lua
2
star
57

next-13-ninetailed-middleware-issue

TypeScript
1
star
58

soundcloud-api-proxy

๐ŸŽถ Just a simple proxy server for not letting to abuse my SoundCloud client secrets.
JavaScript
1
star
59

vue2-examples

Playing with Vue 2.0 beta
JavaScript
1
star
60

izzit-mac-client

1
star
61

nooop

Just a noop function
JavaScript
1
star
62

universal-react-router-flux-2016

Opionated example of universal app setup
JavaScript
1
star
63

fluid-layout-with-boxes

Small cross-browser hack in pure JS
JavaScript
1
star
64

latest-browsers-api

JSON API to get the latest browser versions.
JavaScript
1
star
65

monqo-query-cli

make mongo shell queries from bash
JavaScript
1
star
66

contrabass.css

CSS utility belt in 1.99 kB
CSS
1
star
67

demo-tracker-app

demo of time tracker app written in angular
JavaScript
1
star
68

hamlet-boilerplate

App template for getting started with Hamlet
JavaScript
1
star
69

angular_tuts

JavaScript
1
star
70

vapor-url-shortener

Basic url shortener API implemented in Swift and Vapor
1
star
71

hash-unhash-exercise

JavaScript
1
star
72

webpack-trouble-demo

Webpack-dev-server + Existing node.js server = Some troubles
JavaScript
1
star