Giter Site home page Giter Site logo

89luca89 / vim-code-dark Goto Github PK

View Code? Open in Web Editor NEW

This project forked from tomasiser/vim-code-dark

1.0 2.0 0.0 81 KB

Dark color scheme for Vim and vim-airline, inspired by Dark+ in Visual Studio Code

License: MIT License

Vim Script 89.24% Shell 10.76%
vim vim-plugin vim-plugins vim-colorscheme vscode vscode-theme

vim-code-dark's Introduction

vim-code-dark

vim-code-dark is a dark color scheme for Vim heavily inspired by the look of the Dark+ scheme of Visual Studio Code. While many of the colors are same, there are additional colors for specific usage or reserved for future use. The scheme also defines specific GUI colors (e.g. popup menu) and fully supports vim-airline.

Fork

This version is a fork from the original project

Huge thanks to him for the hard work

It includes:

  • Better SQL Syntax from: pull #49
  • Better C/C++ Syntax from: pull #51
  • Better PHP Syntax from: pull #46
  • Better SH Syntax
  • Better Golang Syntax
  • Better YAML Syntax
  • Italic for Comments and Functions by default

Add assignation highlight, better function highlihgt (Cross-lang)

Add to your .vimrc :

autocmd Syntax,InsertEnter * syntax match myFunction /\<\k\+\ze(/
autocmd Syntax,InsertEnter * syntax match myDeclaration_1 /\<\k\+\ze\s*=[a-zA-Z0-9 $:.\/\\]/
autocmd Syntax,InsertEnter * syntax match myDeclaration_2 /\<.*\k\+\ze\s*:=[a-zA-Z0-9 $:.\/\\]/
highlight link myFunction   Function
highlight link myDeclaration_1   Identifier
highlight link myDeclaration_2   Identifier

Explanation:

The first Syntax will highlight the various foo.bar(...) and bar(..)

The second one will highliht all the foo=bar, foo = bar but NOT foo += bar, foo == bar and so on

The third one, is GOLANG specific, will allow 2 or ome assigments and support :=, so
foo, bar, baz, _ := ... will work.

Then link to the correspondent groups.

Before:

Screenshot from 2020-03-30 12-43-45

After:

Screenshot from 2020-03-30 12-44-18


โ— To install and enable this colorscheme, read installation instructions.

This colorscheme does also support 256 and 8/16 color terminals. See installation instructions step 3.

Color Palette

Color Palette

Installation

1) Download

Simply as any other Vim plugins: download manually or follow the standard procedure of your plugin manager:

Plugin 'tomasiser/vim-code-dark'
Plug 'tomasiser/vim-code-dark'
  • manual

    copy all of the files to ~/.vim (or $HOME\vimfiles on Windows) directory

2) Enable in .vimrc

Add the following line to your .vimrc:

colorscheme codedark

If you have vim-airline, you can also enable the provided theme:

let g:airline_theme = 'codedark'

3) Terminal support

3.1) If you use gVim / a modern terminal

๐Ÿ‘ The colorscheme will work out of the box. No need to setup anything else!

3.2) If the colors seem to be wrong

If your terminal supports 256 colors (see this script if you want to test your terminal), you may need to set t_Co to 256 and possibly also reset the t_ut value in your .vimrc before setting the colorscheme:

set t_Co=256
set t_ut=
colorscheme codedark

(Additionally, if you don't want to or cannot use t_Co, you can let g:codedark_term256=1.)

3.3) If your terminal only supports 8/16 colors

โ— Before following those steps, first try step 3.2) - maybe your terminal does support 256 colors!

If your terminal does not support 256 colors, you may want to change your terminal colors:

3.3.1) Some Unix terminals

Clone base16-shell into ~/.config/base16-shell:

git clone https://github.com/chriskempson/base16-shell.git ~/.config/base16-shell

Then copy a script from this (vim-code-dark) repository (base16/templates/shell/scripts/base16-codedark.sh) into ~/.config/base16-shell/scripts.

Following the instructions from base16-shell, you should now modify your ~/.bashrc or ~/.zshrc (depending on your shell) and insert the following lines:

BASE16_SHELL=$HOME/.config/base16-shell/
[ -n "$PS1" ] && [ -s $BASE16_SHELL/profile_helper.sh ] && eval "$($BASE16_SHELL/profile_helper.sh)"

Now start a new shell and type the following command: base16_codedark.

You should now be able to use Vim with your new colorscheme.

3.3.2) iTerm2

iTerm2 should actually support 256 colors, try setting Report Terminal Type to xterm-256color and follow step 3.2). If it does not work, you can manually modify your terminal colors in settings (CMD+i, Colors tab) following the color palette picture. You will have to choose which color to use as red, blue etc. according to your personal preferences.

3.3.3) PuTTY

PuTTY should actually support 256 colors, try following steps on StackOverflow. If it does not work, run base16/templates/putty/putty/base16-codedark.reg to modify your registry, then run PuTTY and load codedark in the session list. This will modify your PuTTY terminal colors.

FAQ

The background color in my terminal is wrong when there is no text!

Try resetting the t_ut value in your .vimrc as described here:

set t_Co=256
set t_ut=
colorscheme codedark

What is and how to enable the conservative mode?

If you don't like many colors and prefer the conservative style of the standard Visual Studio, you can try the conservative mode with reduced number of colors. To enable it, put the following line to your .vimrc before setting the scheme, like so:

let g:codedark_conservative = 1
colorscheme codedark

Something is broken but I know how to fix it!

Pull requests are welcome! Feel free to send one with an explanation!

Why does file syntax not look exactly like in Visual Studio Code?

Because Vim uses different syntax rules. This is just a colorscheme for vim, not a syntax definition.

My favourite language has wrong / bad / awful colors!

There are a lot of syntax definitions with different highlight groups. Feel free to send a pull request with additional highlight groups!

What setup can I see on the first screenshots?

Screenshots come from gVim on Windows with the following font options and vim-airline enabled.

set enc=utf-8
set guifont=Powerline_Consolas:h11
set renderoptions=type:directx,gamma:1.5,contrast:0.5,geom:1,renmode:5,taamode:1,level:0.5

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.