• Stars
    star
    1,090
  • Rank 42,497 (Top 0.9 %)
  • Language
    Vim Script
  • License
    Other
  • Created over 9 years ago
  • Updated over 1 year ago

Reviews

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

Repository Details

Oceanic Next theme for neovim

Oceanic-Next.vim

Oceanic-Next.vim is a neovim theme inspired by Oceanic Next for Sublime. It is not a direct port, but uses some colors from the sublime theme, that are fitted to work with neovim and vim8.

For best results, it is suggested that you use the following syntax plugins.

Installation

All major plugin managers for vim/nvim are supported

<PACKAGE_MANAGER> 'mhartington/oceanic-next'

For vim, add the following to your .vimrc.

(On Google Cloud Shell try to set t_Co=256 instead of set termguicolors even though your vim version is 8)

" Theme
 syntax enable
" for vim 7
 set t_Co=256

" for vim 8
 if (has("termguicolors"))
  set termguicolors
 endif

colorscheme OceanicNext

For neovim, add the following to your init.vim.

" For Neovim 0.1.3 and 0.1.4
let $NVIM_TUI_ENABLE_TRUE_COLOR=1

" Or if you have Neovim >= 0.1.5
if (has("termguicolors"))
 set termguicolors
endif

" Theme
syntax enable
colorscheme OceanicNext

There is an included theme for vim-airline, to use it, just change the airline theme to:

  let g:airline_theme='oceanicnext'

There is a light mode, but it still needs some work. Currently, light mode has issues with cursor, need to tweak the colors a bit for that. Also, the included airline theme could use some work in light mode. Right now it is the exact same as the dark version, I'd like to tweak this a bit. If anyone would like to contribute, I'd be happy to accept a Pull Request.

Configuration

If your terminal and setup supports it, you can enable italics and bold fonts with the following setting

  syntax on
  let g:oceanic_next_terminal_bold = 1
  let g:oceanic_next_terminal_italic = 1
  colorscheme OceanicNext

If your terminal has transparancy, you can enable it in neovim by adding the following lines to your init.vim after calling colorscheme OceanicNext:

hi Normal guibg=NONE ctermbg=NONE
hi LineNr guibg=NONE ctermbg=NONE
hi SignColumn guibg=NONE ctermbg=NONE
hi EndOfBuffer guibg=NONE ctermbg=NONE

Each line above disables the background for a given highlight group (e.g., LineNr). You can choose which to disable. This will show your terminal's background (whether or not it's transparent). For best results, use an Oceanic Next color scheme in your terminal.

Screenshot

Base colors used in the theme.

neovim

Shown here with vim-devicons

More Repositories

1

formatter.nvim

Lua
1,352
star
2

nvim-typescript

Typescript tooling for Neovim
TypeScript
615
star
3

dotfiles

Shell
556
star
4

oceanic-next-iterm

iterm port of https://github.com/voronianski/oceanic-next-theme/
201
star
5

Ionic-Chat

simple ionic chat example
JavaScript
88
star
6

star-track-ionic

TypeScript
88
star
7

StarTrack-ng

TypeScript
67
star
8

ion-md-input

A material design inspired text input for Ionic Framework | NO LONGER MAINTAINED
JavaScript
67
star
9

StarTrack-react

Star Track built with Ionic and React
TypeScript
46
star
10

Star-Track-vue

Vue
43
star
11

ionic-firebase-auth

Testing Firebase's various authentication methods
JavaScript
41
star
12

lazyLoad2-components

TypeScript
37
star
13

cordova-config-utils

JavaScript
32
star
14

ion-hide-tabs

CSS
27
star
15

lazyLoadTabs

TypeScript
27
star
16

vim-angular2-snippets

Snippets for Angular2 and Vim!
26
star
17

vim-typings

search for typings in vim!
Vim Script
25
star
18

vscode-oceanicnext

Oceanic Next for vscode
18
star
19

ion-ngrx

TypeScript
15
star
20

lazy-load-image

TypeScript
13
star
21

present-it

JavaScript
12
star
22

PinchToZoom

JavaScript
12
star
23

ionic-vue-vite

Vue
11
star
24

supabase-ionic-vue

Vue
10
star
25

ionic-v2-and-beyond

JavaScript
10
star
26

pwa-across-frameworks

TypeScript
9
star
27

oceanic-next-shell

256 color space for oceanic next
Shell
9
star
28

KeyboardTest

CSS
8
star
29

lang-bolt

CoffeeScript
8
star
30

quick-shell

Shell
7
star
31

cdk-virtual-scroll-ionic

TypeScript
7
star
32

ionic-firebase

JavaScript
6
star
33

fade-transition-demo

TypeScript
6
star
34

ionic-gestures

An example of using ionic's built-in gestures
JavaScript
6
star
35

ionic-vue-demo

Vue
6
star
36

builders-deep-dive

An example of various angular builders
TypeScript
6
star
37

v5-animations

TypeScript
6
star
38

vuex-todo

CSS
5
star
39

ionicv2-c3js

example of ionicvs and c3js
JavaScript
5
star
40

v2-convert

JavaScript
5
star
41

errorBar

JavaScript
5
star
42

ionic-video

JavaScript
5
star
43

ionicv2-Geolocation

JavaScript
4
star
44

ngspain-workshop

TypeScript
4
star
45

twitch-geo

TypeScript
4
star
46

V2Proxy

CSS
4
star
47

angular-14-test

TypeScript
4
star
48

frameworks-are-dead

HTML
4
star
49

ng-atl-conf

TypeScript
4
star
50

vimconf-live

JavaScript
4
star
51

Nested-Side-Menu

JavaScript
4
star
52

Ionic-Todo

A sample todo app with ionic
CSS
4
star
53

ionic-react-virtuoso

TypeScript
4
star
54

infiniteScrollTest

JavaScript
4
star
55

lazyLoadingBlank

Lazy Loading a blank sample app
CSS
4
star
56

supabase-ionic-react

TypeScript
4
star
57

supabase-ionic-angular

TypeScript
3
star
58

forum-react-css-issues

TypeScript
3
star
59

ionicV2PouchDB

JavaScript
3
star
60

react-notes

TypeScript
3
star
61

StarTrack-vue

Vue
3
star
62

oceanic-next-hyperterm

JavaScript
3
star
63

ionic-snippets

Vim Snippet
3
star
64

ionic-io-demo

Examples of ionic.io's services, https://apps.ionic.io
JavaScript
3
star
65

ion4-popover-data

TypeScript
3
star
66

ionic-presents

JavaScript
3
star
67

inline-video

JavaScript
3
star
68

ngx-honk

HTML
3
star
69

random-user

An example app with the random user API
TypeScript
3
star
70

ionic-friends-slides

TypeScript
3
star
71

Devnexus2016

TypeScript
3
star
72

v4-forms-test

TypeScript
3
star
73

bug-ion-router-outlet

TypeScript
3
star
74

svg-perf-test

JavaScript
3
star
75

cool-angular2-add-ons

A list of interesting and cool add-ons for angular 2 projects
3
star
76

angular-responsive-img

Angular directive to easily place responsive <img>'s using <picture> element
JavaScript
3
star
77

phillyete2016

Sample App for PhillyETE 2016
CSS
2
star
78

firebase-push-gen

JavaScript
2
star
79

quick-vim

quick and easy vim
Vim Script
2
star
80

defx-devicons

Python
2
star
81

zeit-pwa

TypeScript
2
star
82

angular-router-error

TypeScript
2
star
83

ionic4-custom-animation

TypeScript
2
star
84

echo-plex

TypeScript
2
star
85

Devnexus

JavaScript
2
star
86

Connect2017WorkShop

TypeScript
2
star
87

lazy-loaded-components-v4

TypeScript
2
star
88

denite-neomake

Denite source for neomake
Python
2
star
89

gulp-cordova-config

JavaScript
2
star
90

sentry-demo

TypeScript
2
star
91

capacitor-talk

JavaScript
2
star
92

ionic-realm-demo

TypeScript
2
star
93

v4-routing-example

TypeScript
2
star
94

vue-monorepo

CSS
2
star
95

ionic4-css-variable-example

TypeScript
2
star
96

ng-pwa-test

TypeScript
2
star
97

tkyt-demo

CSS
2
star
98

mhartington.github.io

Mike Hartingtons
HTML
2
star
99

stencil-inspector

A Chrome plugin that adds a new inspector pane to the Elements panel, providing Stencil-specific information about selected elements.
TypeScript
2
star
100

Angular-summit

JavaScript
1
star